Skip to content

Commit

Permalink
add white box-shadow rule, fixes #1153
Browse files Browse the repository at this point in the history
  • Loading branch information
@silverwind
silverwind committed Jun 28, 2020
1 parent ec3e4e1 commit a64c58b
Show file tree
Hide file tree
Showing 4 changed files with 74 additions and 27 deletions.
90 changes: 68 additions & 22 deletions github-dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -185,8 +185,9 @@
body.status textarea.error:focus, body.status textarea.error:hover {
border-color: rgba(255, 0, 0, .5);
}
/* githubstatus.com: "#f4f4f4", "color: #666" */
/* githubstatus.com: "white", "#f4f4f4", "color: #666" */
body.status .controls.append label, body.status .controls.prepend label {
box-shadow: 0 1px 0 #181818 inset;
background-color: #242424;
color: #949494;
}
Expand Down Expand Up @@ -2441,29 +2442,30 @@
#graphiql .graphiql-container .footer::before {
background: #242424;
}
/* graphql.github.com: "#fdfdfd", "linear-gradient(#f9f9f9, #ececec)", "rgba(0,0,0,0.2)", "color: #555" */
/* graphql.github.com: "#fdfdfd", "linear-gradient(#f9f9f9, #ececec)", "rgba(0,0,0,0.2)","#fff", "color: #555" */
#graphiql .graphiql-container .toolbar-button {
background: #181818;
background: linear-gradient(#303030, #282828);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7),
0 1px 0 rgba(255, 255, 255, .7),
inset 0 1px #fff;
inset 0 1px #181818;
color: #afafaf;
}
/* graphql.github.com: "linear-gradient(#ececec, #d5d5d5)", "box-shadow: 0 1px 0 rgba(255,255,255,0.7),inset 0 0 0 1px rgba(0,0,0,0.1),inset 0 1px 1px 1px rgba(0,0,0,0.12),inset 0 0 5px rgba(0,0,0,0.1)" */
#graphiql .graphiql-container .toolbar-button:active {
background: linear-gradient(#404040, #383838);
box-shadow: 0 0 0 1px #484848;
}
/* graphql.github.com: "linear-gradient(#fdfdfd, #d2d3d6)", "0" */
/* graphql.github.com: "linear-gradient(#fdfdfd, #d2d3d6)", "0", "#fff" */
#graphiql .graphiql-container .execute-button {
background: linear-gradient(#303030, #282828);
border: 1px solid rgba(0, 0, 0, .25);
box-shadow: 0 1px 0 #181818;
}
/* graphql.github.com: "linear-gradient(#e6e6e6, #c3c3c3)", "rgba(0,0,0,0.2)" */
/* graphql.github.com: "linear-gradient(#e6e6e6, #c3c3c3)", "#fff","rgba(0,0,0,0.2)" */
#graphiql .graphiql-container .execute-button:active {
background: linear-gradient(#404040, #383838);
box-shadow: 0 1px 0 #fff,
box-shadow: 0 1px 0 #181818,
inset 0 0 2px rgba(255, 255, 255, .7),
inset 0 0 6px rgba(0, 0, 0, .1);
}
Expand Down Expand Up @@ -6957,10 +6959,10 @@
background: none;
box-shadow: inset 0 0 0 2px hsla(0, 0%, 0%, .5);
}
/* github.com mobile: "hsla(0,0%,100%,.5)" */
/* github.com mobile: "#fff","hsla(0,0%,100%,.5)" */
body[class="page-responsive"] .btn-white-outline-mktg-fluid.focus,
body[class="page-responsive"] .btn-white-outline-mktg-fluid:focus {
box-shadow: inset 0 0 0 2px #fff, 0 0 0 4px hsla(0, 0%, 0%, .5);
box-shadow: inset 0 0 0 2px #181818, 0 0 0 4px hsla(0, 0%, 0%, .5);
}
/* github.com mobile: "none" */
body[class="page-responsive"] .btn-invisible-mktg-fluid,
Expand Down Expand Up @@ -7079,6 +7081,10 @@
body[class="page-responsive"] .link-white-mktg {
box-shadow: 0 1px 0 0 hsla(0, 0%, 0%, .5);
}
/* github.com mobile: "#fff" */
body[class="page-responsive"] .link-white-mktg:hover {
box-shadow: 0 1px 0 0 #181818;
}
/* github.com mobile: "#f6f8fa" */
body[class="page-responsive"] .Tile {
background-color: #222;
Expand Down Expand Up @@ -10088,9 +10094,14 @@
body[class="page-responsive"] .manifest-errors {
border-left: 6px solid #e03030;
}
/* github.com mobile: "#fff" */
/* github.com mobile: "#fff", "#fff" */
body[class="page-responsive"] .not-found-octocat-wrapper::after {
background: #181818;
box-shadow: 0 4px 0 #181818,
0 8px 0 #181818,
0 12px 0 #181818,
0 16px 0 #181818,
0 20px 0 #181818;
}
/* github.com mobile: "color: #333" */
body[class="page-responsive"] .billing-plans .name {
Expand Down Expand Up @@ -10911,9 +10922,10 @@
body[class="page-responsive"] .contrib-person .midlabel {
fill: #757575;
}
/* github.com mobile: "#fff" */
/* github.com mobile: "#fff", "#fff" */
body[class="page-responsive"] .coupons .coupon-form-body {
background-color: #181818;
box-shadow: 0 1px 3px rgba(0, 0, 0, .075), inset 1px 0 #181818;
}
/* github.com mobile: "#0366d6" */
body[class="page-responsive"] .coupon-icon {
Expand Down Expand Up @@ -12975,9 +12987,9 @@
body[class="page-responsive"] .uploaded-files .remove:hover {
color: #e03030 !important;
}
/* github.com mobile: "hsla(0,0%,100%,.5)" */
/* github.com mobile: "#fff","hsla(0,0%,100%,.5)" */
body[class="page-responsive"] .upload-progress {
box-shadow: 0 1px 1px #fff, inset 0 1px 1px hsla(0, 0%, 0%, .5);
box-shadow: 0 1px 1px #181818, inset 0 1px 1px hsla(0, 0%, 0%, .5);
}
/* github.com mobile: "#e1e4e8" */
body[class="page-responsive"] .release-entry {
Expand Down Expand Up @@ -13090,6 +13102,10 @@
background-color: /*[[base-color]]*/ #4f8cc9;
background-image: none;
}
/* github.com mobile: "#fff" */
body[class="page-responsive"] .clone-url-button + .clone-url-button > .clone-url-link {
box-shadow: inset 1px 0 0 #181818;
}
/* github.com mobile: "box-shadow: none" */
body[class="page-responsive"] .clone-url-button + .clone-url-button > .clone-url-link:hover {
box-shadow: none;
Expand Down Expand Up @@ -13421,9 +13437,10 @@
body[class="page-responsive"] .session-device .session-state-indicator.revoked {
background-color: #e03030;
}
/* github.com mobile: "#ccc" */
/* github.com mobile: "#ccc", "#fff" */
body[class="page-responsive"] .session-device .session-state-indicator.not-recent {
background-image: linear-gradient(#aaa, #484848);
box-shadow: 0 1px 0 #181818;
}
/* github.com mobile: "#0366d6" */
body[class="page-responsive"] .session-details:hover .octicon {
Expand Down Expand Up @@ -22543,9 +22560,14 @@
.manifest-errors {
border-left: 6px solid #e03030;
}
/* github.com: "#fff" */
/* github.com: "#fff", "#fff" */
.not-found-octocat-wrapper::after {
background: #181818;
box-shadow: 0 4px 0 #181818,
0 8px 0 #181818,
0 12px 0 #181818,
0 16px 0 #181818,
0 20px 0 #181818;
}
/* github.com: "color: #333" */
.billing-plans .name {
Expand Down Expand Up @@ -23350,9 +23372,10 @@
.contrib-person .midlabel {
fill: #757575;
}
/* github.com: "#fff" */
/* github.com: "#fff", "#fff" */
.coupons .coupon-form-body {
background-color: #181818;
box-shadow: 0 1px 3px rgba(0, 0, 0, .075), inset 1px 0 #181818;
}
/* github.com: "#0366d6" */
.coupon-icon {
Expand Down Expand Up @@ -25378,9 +25401,9 @@
.uploaded-files .remove:hover {
color: #e03030 !important;
}
/* github.com: "hsla(0,0%,100%,.5)" */
/* github.com: "#fff","hsla(0,0%,100%,.5)" */
.upload-progress {
box-shadow: 0 1px 1px #fff, inset 0 1px 1px hsla(0, 0%, 0%, .5);
box-shadow: 0 1px 1px #181818, inset 0 1px 1px hsla(0, 0%, 0%, .5);
}
/* github.com: "#e1e4e8" */
.release-entry {
Expand Down Expand Up @@ -25489,6 +25512,10 @@
background-color: /*[[base-color]]*/ #4f8cc9;
background-image: none;
}
/* github.com: "#fff" */
.clone-url-button + .clone-url-button > .clone-url-link {
box-shadow: inset 1px 0 0 #181818;
}
/* github.com: "box-shadow: none" */
.clone-url-button + .clone-url-button > .clone-url-link:hover {
box-shadow: none;
Expand Down Expand Up @@ -25811,9 +25838,10 @@
.session-device .session-state-indicator.revoked {
background-color: #e03030;
}
/* github.com: "#ccc" */
/* github.com: "#ccc", "#fff" */
.session-device .session-state-indicator.not-recent {
background-image: linear-gradient(#aaa, #484848);
box-shadow: 0 1px 0 #181818;
}
/* github.com: "#0366d6" */
.session-details:hover .octicon {
Expand Down Expand Up @@ -26604,9 +26632,9 @@
background: none;
box-shadow: inset 0 0 0 2px hsla(0, 0%, 0%, .5);
}
/* github.com: "hsla(0,0%,100%,.5)" */
/* github.com: "#fff","hsla(0,0%,100%,.5)" */
.btn-white-outline-mktg-fluid.focus, .btn-white-outline-mktg-fluid:focus {
box-shadow: inset 0 0 0 2px #fff, 0 0 0 4px hsla(0, 0%, 0%, .5);
box-shadow: inset 0 0 0 2px #181818, 0 0 0 4px hsla(0, 0%, 0%, .5);
}
/* github.com: "none" */
.btn-invisible-mktg-fluid, .btn-invisible-mktg-fluid::before,
Expand Down Expand Up @@ -26721,6 +26749,10 @@
.link-white-mktg {
box-shadow: 0 1px 0 0 hsla(0, 0%, 0%, .5);
}
/* github.com: "#fff" */
.link-white-mktg:hover {
box-shadow: 0 1px 0 0 #181818;
}
/* github.com: "#f6f8fa" */
.Tile {
background-color: #222;
Expand Down Expand Up @@ -27374,9 +27406,10 @@
border-top: 1px solid #343434;
border-bottom: 1px solid #343434;
}
/* refined-github: "#efefef" */
/* refined-github: "#efefef", "#fff" */
html.refined-github .reaction-summary-item a {
background: #202020;
box-shadow: 0 0 0 2px var(--background, #181818);
}
/* refined-github: "#0366d6", "#0366d6" */
html.refined-github .js-expandable-line:hover .blob-num:not(:hover) + .blob-code,
Expand Down Expand Up @@ -29489,6 +29522,10 @@
body.zh_logged_in .zhc-checkbox-toggle .zhc-checkbox-toggle__input {
border: 0;
}
/* zenhub: "#fff" */
body.zh_logged_in .zhc-checkout-box__title input[type="radio"] {
box-shadow: 0 0 0 1px #5e60ba, inset 0 0 0 3px #181818;
}
/* zenhub: "#e9e9e9" */
body.zh_logged_in .zhc-checkout-box__input {
border: 1px solid #343434;
Expand Down Expand Up @@ -30886,6 +30923,14 @@
body.zh_logged_in .zhu-radio-button__container input {
border-color: #8368aa;
}
/* zenhub: "#fff" */
body.zh_logged_in .zhu-radio-button__container input:checked {
box-shadow: inset 0 0 0 1px #181818, inset 0 0 0 8px #5e60ba;
}
/* zenhub: "#fff" */
body.zh_logged_in .zhu-radio-button__container input:focus {
box-shadow: inset 0 0 0 1px #181818, inset 0 0 0 8px #5e60ba, 0 0 5px 2px #5e9ed6;
}
/* zenhub: "transparent", "transparent", "#e9e9e9" */
body.zh_logged_in .zhc-release-add-repos-dropdown__repo-item {
border-left: solid 1px transparent;
Expand Down Expand Up @@ -31936,9 +31981,10 @@
body.zh_logged_in .zhc-workspace-switcher-empty__body {
color: #949494;
}
/* zenhub: "#fff" */
/* zenhub: "#fff", "#fff" */
body.zh_logged_in .zhc-workspace-switcher__header {
background-color: #181818;
box-shadow: 0 0 4px 4px #181818;
}
/* zenhub: "border: 1px solid transparent" */
body.zh_logged_in .zhc-workspace-switcher__header .zhc-org-dropdown {
Expand Down
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
"fast-glob": "3.2.4",
"fetch-css": "3.0.1",
"perfectionist": "2.4.0",
"remap-css": "4.5.5",
"remap-css": "4.6.0",
"rimraf": "3.0.2",
"stylelint": "13.6.1",
"stylelint-config-silverwind": "2.0.8",
Expand Down
1 change: 1 addition & 0 deletions tools/generate.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@ const mappings = {

"$background: #fff": "#181818",
"$border: #fff": "#181818",
"$box-shadow: #fff": "#181818",

"$color: #f3f4f6": "#242424",
"$color: #edeff2": "#343434",
Expand Down
8 changes: 4 additions & 4 deletions yarn.lock
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2642,10 +2642,10 @@ regexpp@^3.1.0:
resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==

remap-css@4.5.5:
version "4.5.5"
resolved "https://registry.yarnpkg.com/remap-css/-/remap-css-4.5.5.tgz#2a9cb895de905886b6c2362f818b3cb934ed97bb"
integrity sha512-Bjef3qT72Li/SXK9y1Oynys71+B7evcQG/W1an4VSATU+g77873nzVltAtZDDTDjXGXn+LPSS3mkrIiZ9CkImw==
remap-css@4.6.0:
version "4.6.0"
resolved "https://registry.yarnpkg.com/remap-css/-/remap-css-4.6.0.tgz#6857223ae3d5e62e66a5cb7527a522c104e7089a"
integrity sha512-6FkSi0jARj1pbte/SApfpxp8fpszqZynOKWt9aIz+W+oOZLytnuRh3hI2SdZWj7U+NI1xcJTdct6/uIXLdpRsA==
dependencies:
color-convert "2.0.1"
css-color-names "1.0.1"
Expand Down

0 comments on commit a64c58b

Please sign in to comment.