From 9b388ae0c4eeaff66e285c417d715861497a563f Mon Sep 17 00:00:00 2001 From: shanghai yakisoba chan! Date: Thu, 24 Dec 2020 09:29:57 -0800 Subject: [PATCH 1/4] Grant Style to "Trending" Tab (#1284) add header link state override Co-authored-by: the-j0k3r <31389848+the-j0k3r@users.noreply.github.com> --- github-dark.user.css | 3 ++- src/main.css | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/github-dark.user.css b/github-dark.user.css index 7f15d1ad5..6b2acf67a 100644 --- a/github-dark.user.css +++ b/github-dark.user.css @@ -6515,7 +6515,8 @@ .notifications.list-group a:hover, a.octolinker-link[href], .commit-id:hover, body[class="page-responsive"] .files-list .octicon, .timeline-comment-action:hover, .Header-link[data-ga-click]:focus, - .Header-link[data-ga-click]:hover, .btn-link .octicon-kebab-horizontal:hover { + .Header-link[data-ga-click]:hover, .btn-link .octicon-kebab-horizontal:hover, + .Header-link:hover, .Header-link:focus { color: /*[[base-color]]*/; } .text-gray-light.btn-octicon:hover .octicon-kebab-horizontal { diff --git a/src/main.css b/src/main.css index 02786106a..a1283e8a4 100644 --- a/src/main.css +++ b/src/main.css @@ -44,7 +44,8 @@ .notifications.list-group a:hover, a.octolinker-link[href], .commit-id:hover, body[class="page-responsive"] .files-list .octicon, .timeline-comment-action:hover, .Header-link[data-ga-click]:focus, - .Header-link[data-ga-click]:hover, .btn-link .octicon-kebab-horizontal:hover { + .Header-link[data-ga-click]:hover, .btn-link .octicon-kebab-horizontal:hover, + .Header-link:hover, .Header-link:focus { color: /*[[base-color]]*/; } .text-gray-light.btn-octicon:hover .octicon-kebab-horizontal { From fdd9897d4eda3a64ac30b446156be5ba4fff2f0a Mon Sep 17 00:00:00 2001 From: shanghai yakisoba chan! Date: Thu, 14 Jan 2021 23:01:46 +0900 Subject: [PATCH 2/4] Rebase master (#3) * Grant Style to "Trending" Tab (#1284) add header link state override Co-authored-by: the-j0k3r <31389848+the-j0k3r@users.noreply.github.com> * add underline nav vars * v4.2.131 * add underline nav vars (silverwind) * Grant Style to "Trending" Tab (#1284) (shanghai yakisoba chan!) * fix excessive vertical padding on code suggestions * update deps * v4.2.132 * update deps (silverwind) * fix excessive vertical padding on code suggestions (silverwind) * automated regeneration * v4.2.133 * automated regeneration (github-actions[bot]) * automated regeneration * v4.2.134 * automated regeneration (github-actions[bot]) * automated regeneration * v4.2.135 * automated regeneration (github-actions[bot]) * automated regeneration * v4.2.136 * automated regeneration (github-actions[bot]) * automated regeneration * v4.2.137 * automated regeneration (github-actions[bot]) * automated regeneration * v4.2.138 * automated regeneration (github-actions[bot]) * automated regeneration * v4.2.139 * automated regeneration (github-actions[bot]) * automated regeneration * v4.2.140 * automated regeneration (github-actions[bot]) * automated regeneration * v4.2.141 * automated regeneration (github-actions[bot]) * automated regeneration * v4.2.142 * automated regeneration (github-actions[bot]) * automated regeneration * v4.2.143 * automated regeneration (github-actions[bot]) * automated regeneration * v4.2.144 * automated regeneration (github-actions[bot]) Co-authored-by: the-j0k3r <31389848+the-j0k3r@users.noreply.github.com> Co-authored-by: silverwind Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- github-custom-fonts.user.css | 2 +- github-dark.user.css | 644 ++++++++++++++++++----------------- package.json | 4 +- src/main.css | 5 + src/vars.css | 2 + yarn.lock | 8 +- 6 files changed, 346 insertions(+), 319 deletions(-) diff --git a/github-custom-fonts.user.css b/github-custom-fonts.user.css index ca7d8f584..acce0eb63 100644 --- a/github-custom-fonts.user.css +++ b/github-custom-fonts.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name GitHub Custom Fonts @namespace StylishThemes -@version 4.2.130 +@version 4.2.144 @homepageURL https://github.com/StylishThemes/GitHub-Dark @updateURL https://stylishthemes.github.io/GitHub-Dark/github-custom-fonts.user.css @license BSD-2-Clause diff --git a/github-dark.user.css b/github-dark.user.css index 6b2acf67a..7a3f75345 100644 --- a/github-dark.user.css +++ b/github-dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name GitHub Dark @namespace StylishThemes -@version 4.2.130 +@version 4.2.144 @homepageURL https://github.com/StylishThemes/GitHub-Dark @updateURL https://stylishthemes.github.io/GitHub-Dark/github-dark.user.css @license BSD-2-Clause @@ -1617,26 +1617,7 @@ color: #afafaf; } body[class="page-responsive"] .btn-lg-mktg-fluid, - body[class="page-responsive"] .btn-mktg-fluid { - color: #fff; - } - body[class="page-responsive"] .btn-green-mktg-fluid { - color: #fff; - background-color: #373; - background-image: linear-gradient(-180deg, #34b859, #373); - } - body[class="page-responsive"] .btn-green-mktg-fluid::before { - background-image: linear-gradient(-180deg, #279a43, #6cc644); - } - body[class="page-responsive"] .btn-green-mktg-fluid.hover, - body[class="page-responsive"] .btn-green-mktg-fluid.selected, - body[class="page-responsive"] .btn-green-mktg-fluid:active, - body[class="page-responsive"] .btn-green-mktg-fluid:hover, - body[class="page-responsive"] .btn-green-mktg-fluid[aria-selected=true], - body[class="page-responsive"] [open] > .btn-green-mktg-fluid { - background-color: #373; - background-image: linear-gradient(-180deg, #34b859, #373); - } + body[class="page-responsive"] .btn-mktg-fluid, body[class="page-responsive"] .btn-purple-mktg-fluid { color: #fff; } @@ -1752,12 +1733,35 @@ body[class="page-responsive"] .page-nav-item.selected { color: #c6c6c6; } + body[class="page-responsive"] .btn-green-mktg-fluid { + color: #fff; + background-color: #373; + background-image: linear-gradient(-180deg, #34b859, #373); + } + body[class="page-responsive"] .btn-green-mktg-fluid::before { + background-image: linear-gradient(-180deg, #279a43, #6cc644); + } + body[class="page-responsive"] .btn-green-mktg-fluid.hover, + body[class="page-responsive"] .btn-green-mktg-fluid.selected, + body[class="page-responsive"] .btn-green-mktg-fluid:active, + body[class="page-responsive"] .btn-green-mktg-fluid:hover, + body[class="page-responsive"] .btn-green-mktg-fluid[aria-selected=true], + body[class="page-responsive"] [open] > .btn-green-mktg-fluid { + background-color: #373; + background-image: linear-gradient(-180deg, #34b859, #373); + } body[class="page-responsive"] .bg-blue-dark { background-color: #182030 !important; } body[class="page-responsive"] .bg-orange { background-color: #fb8532 !important; } + body[class="page-responsive"] .bg-gradient-gray { + background-image: linear-gradient(175.44deg, #383838 1.44%, #181818 96.23%); + } + body[class="page-responsive"] .bg-radial-white { + background: radial-gradient(145.3% 145.3% at 65.91% 0, #181818 0, #f0f0f0 100%); + } body[class="page-responsive"] .text-blue-light, body[class="page-responsive"] .text-blue-mktg { color: /*[[base-color]]*/ !important; @@ -1786,11 +1790,8 @@ body[class="page-responsive"] .link-white-mktg:hover { box-shadow: 0 1px 0 0 var(--ghd-bg-color); } - body[class="page-responsive"] .Tile { - background-color: #222; - } - body[class="page-responsive"] .Tile:hover { - background-color: #181818; + body[class="page-responsive"] hr { + border-bottom-color: #2c2c2c; } body[class="page-responsive"] .animation-is-typing::before { color: hsla(0, 0%, 100%, .4); @@ -1848,6 +1849,13 @@ body[class="page-responsive"] .sponsors-bar::before { background-color: #c49; } + body[class="page-responsive"] .sponsors-invet-button-mock:hover rect:first-child { + fill: #242424; + } + body[class="page-responsive"] .sponsors-invet-button-mock:active rect:first-child { + fill: #2c2c2c; + box-shadow: none; + } body[class="page-responsive"] .subnav-link { color: #9b9b9b; } @@ -1923,16 +1931,6 @@ body[class="page-responsive"] .pricing-matrix-row-button { background-color: initial; } - body[class="page-responsive"] .pricing-matrix-row:hover .pricing-matrix-column-feature, - body[class="page-responsive"] .pricing-matrix-row:hover .pricing-matrix-row-text { - background-color: #343434; - } - body[class="page-responsive"] .pricing-matrix-column-tier { - background-color: #181818; - } - body[class="page-responsive"] .pricing-matrix-row:hover .pricing-matrix-column-tier { - background-color: #222; - } body[class="page-responsive"] .codespaces-subtitle { color: #767676; } @@ -1960,11 +1958,11 @@ body[class="page-responsive"] .section-codespaces-develop-night .codespaces-sun { box-shadow: none; } - body[class="page-responsive"] .bg-gradient-gray { - background-image: linear-gradient(175.44deg, #383838 1.44%, #181818 96.23%); + body[class="page-responsive"] .Tile { + background-color: #222; } - body[class="page-responsive"] .bg-radial-white { - background: radial-gradient(145.3% 145.3% at 65.91% 0, #181818 0, #f0f0f0 100%); + body[class="page-responsive"] .Tile:hover { + background-color: #181818; } body[class="page-responsive"] .jumbotron-codelines { color: hsla(0, 0%, 100%, .4); @@ -2037,13 +2035,6 @@ body[class="page-responsive"] .actions-template-repo { color: #767676; } - body[class="page-responsive"] .selected .security-nav-item { - color: #c6c6c6 !important; - box-shadow: inset 0 -3px 0 #343434; - } - body[class="page-responsive"] .security-nav-icon { - color: #343434; - } body[class="page-responsive"] .insights-hero-text { background-color: hsla(0, 0%, 0%, .85); } @@ -2163,6 +2154,22 @@ body[class="page-responsive"] .features-page-nav .page-nav-item.selected span { color: #c6c6c6 !important; } + body[class="page-responsive"] .security-hero-gradient { + background: radial-gradient(120% 120% at 50% -92%, #ef7a7a 0, transparent 100%); + } + body[class="page-responsive"] .security-body em { + color: #c6c6c6; + } + body[class="page-responsive"] .security-body-dark em { + color: #fff; + } + body[class="page-responsive"] .selected .security-nav-item { + color: #c6c6c6 !important; + box-shadow: inset 0 -3px 0 #343434; + } + body[class="page-responsive"] .security-nav-icon { + color: #343434; + } body[class="page-responsive"] .packages-badge { background-color: #373; } @@ -5634,24 +5641,7 @@ .lead-mktg-fluid { color: #afafaf; } - .btn-lg-mktg-fluid, .btn-mktg-fluid { - color: #fff; - } - .btn-green-mktg-fluid { - color: #fff; - background-color: #373; - background-image: linear-gradient(-180deg, #34b859, #373); - } - .btn-green-mktg-fluid::before { - background-image: linear-gradient(-180deg, #279a43, #6cc644); - } - .btn-green-mktg-fluid.hover, .btn-green-mktg-fluid.selected, - .btn-green-mktg-fluid:active, .btn-green-mktg-fluid:hover, - .btn-green-mktg-fluid[aria-selected=true], [open] > .btn-green-mktg-fluid { - background-color: #373; - background-image: linear-gradient(-180deg, #34b859, #373); - } - .btn-purple-mktg-fluid { + .btn-lg-mktg-fluid, .btn-mktg-fluid, .btn-purple-mktg-fluid { color: #fff; } .btn-black-mktg-fluid { @@ -5749,12 +5739,32 @@ .page-nav-item.selected { color: #c6c6c6; } + .btn-green-mktg-fluid { + color: #fff; + background-color: #373; + background-image: linear-gradient(-180deg, #34b859, #373); + } + .btn-green-mktg-fluid::before { + background-image: linear-gradient(-180deg, #279a43, #6cc644); + } + .btn-green-mktg-fluid.hover, .btn-green-mktg-fluid.selected, + .btn-green-mktg-fluid:active, .btn-green-mktg-fluid:hover, + .btn-green-mktg-fluid[aria-selected=true], [open] > .btn-green-mktg-fluid { + background-color: #373; + background-image: linear-gradient(-180deg, #34b859, #373); + } .bg-blue-dark { background-color: #182030 !important; } .bg-orange { background-color: #fb8532 !important; } + .bg-gradient-gray { + background-image: linear-gradient(175.44deg, #383838 1.44%, #181818 96.23%); + } + .bg-radial-white { + background: radial-gradient(145.3% 145.3% at 65.91% 0, #181818 0, #f0f0f0 100%); + } .text-blue-light, .text-blue-mktg { color: /*[[base-color]]*/ !important; } @@ -5783,11 +5793,8 @@ .link-white-mktg:hover { box-shadow: 0 1px 0 0 var(--ghd-bg-color); } - .Tile { - background-color: #222; - } - .Tile:hover { - background-color: #181818; + hr { + border-bottom-color: #2c2c2c; } .animation-is-typing::before { color: hsla(0, 0%, 100%, .4); @@ -5843,6 +5850,13 @@ .sponsors-bar::before { background-color: #c49; } + .sponsors-invet-button-mock:hover rect:first-child { + fill: #242424; + } + .sponsors-invet-button-mock:active rect:first-child { + fill: #2c2c2c; + box-shadow: none; + } .subnav-link { color: #9b9b9b; } @@ -5918,16 +5932,6 @@ .pricing-matrix-row-button { background-color: initial; } - .pricing-matrix-row:hover .pricing-matrix-column-feature, - .pricing-matrix-row:hover .pricing-matrix-row-text { - background-color: #343434; - } - .pricing-matrix-column-tier { - background-color: #181818; - } - .pricing-matrix-row:hover .pricing-matrix-column-tier { - background-color: #222; - } .codespaces-subtitle { color: #767676; } @@ -5955,11 +5959,11 @@ .section-codespaces-develop-night .codespaces-sun { box-shadow: none; } - .bg-gradient-gray { - background-image: linear-gradient(175.44deg, #383838 1.44%, #181818 96.23%); + .Tile { + background-color: #222; } - .bg-radial-white { - background: radial-gradient(145.3% 145.3% at 65.91% 0, #181818 0, #f0f0f0 100%); + .Tile:hover { + background-color: #181818; } .jumbotron-codelines { color: hsla(0, 0%, 100%, .4); @@ -6032,13 +6036,6 @@ .actions-template-repo { color: #767676; } - .selected .security-nav-item { - color: #c6c6c6 !important; - box-shadow: inset 0 -3px 0 #343434; - } - .security-nav-icon { - color: #343434; - } .insights-hero-text { background-color: hsla(0, 0%, 0%, .85); } @@ -6154,6 +6151,22 @@ .features-page-nav .page-nav-item.selected span { color: #c6c6c6 !important; } + .security-hero-gradient { + background: radial-gradient(120% 120% at 50% -92%, #ef7a7a 0, transparent 100%); + } + .security-body em { + color: #c6c6c6; + } + .security-body-dark em { + color: #fff; + } + .selected .security-nav-item { + color: #c6c6c6 !important; + box-shadow: inset 0 -3px 0 #343434; + } + .security-nav-icon { + color: #343434; + } .packages-badge { background-color: #373; } @@ -6956,6 +6969,11 @@ vertical-align: middle; margin-left: .25rem; } + /* GitHub Bug: Remove vertical padding on code suggestions diffs */ + .js-comment-body .blob-code-inner.py-1 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } /* Opinionated: Remove excessive box padding and adjust avatars to match */ .Box-row, .Box-header, .Box-body { padding: 8px 12px; @@ -10663,17 +10681,70 @@ .bg-guides-gradient { background: linear-gradient(0deg, rgba(33, 136, 255, .11) 0%, transparent 100%); } - ul.release-notes-list li.release-notes-list-item::marker { - color: #767676; + .bg-gradient--purple-pink { + background: linear-gradient(135deg, #53387a 0%, #c49 100%); } - .text-gradient-blue-green { - background: -webkit-linear-gradient(-70deg, #4f8cc9 0%, #01a49e 100%); + .bg-gradient--blue-green { + background: linear-gradient(-70deg, #4f8cc9 0%, #01a49e 100%); } - .text-gradient-blue-purple { - background: -webkit-linear-gradient(-70deg, #4f8cc9 0%, #804eda 100%); + .bg-gradient--blue-purple { + background: linear-gradient(-70deg, #4f8cc9 0%, #804eda 100%); } - .text-gradient-pink-blue { - background: -webkit-linear-gradient(-70deg, #db469f 0%, #4f8cc9 100%); + .bg-gradient--pink-blue { + background: linear-gradient(-70deg, #db469f 0%, #4f8cc9 100%); + } + .text-gradient--purple-pink { + background-image: linear-gradient(135deg, #53387a 0%, #c49 100%); + } + .text-gradient--blue-green { + background-image: linear-gradient(-70deg, #4f8cc9 0%, #01a49e 100%); + } + .text-gradient--blue-purple { + background-image: linear-gradient(-70deg, #4f8cc9 0%, #804eda 100%); + } + .text-gradient--pink-blue { + background-image: linear-gradient(-70deg, #db469f 0%, #4f8cc9 100%); + } + .border-gradient--purple-pink::before { + background-color: #181818; + } + .border-gradient--purple-pink::after { + background: linear-gradient(135deg, #53387a 0%, #c49 100%); + } + .border-gradient--aquamarine-mauve::before, + .border-gradient--blue-green::before, + .border-gradient--coral-yellow-dark::before, + .border-gradient--coral-yellow::before, .border-gradient--dark-mint::before, + .border-gradient--mint-blue-dark::before, + .border-gradient--mint-blue::before, + .border-gradient--purple-coral-dark::before, + .border-gradient--purple-coral::before, + .border-gradient--turq-purple-dark::before { + background-color: #181818; + } + .border-gradient--blue-green::after { + background: linear-gradient(-70deg, #4f8cc9 0%, #01a49e 100%); + } + .border-gradient--blue-purple::before, .border-gradient--red-orange::before { + background-color: #181818; + } + .border-gradient--blue-purple::after { + background: linear-gradient(-70deg, #4f8cc9 0%, #804eda 100%); + } + .border-gradient--pink-blue::before { + background-color: #181818; + } + .border-gradient--pink-blue::after { + background: linear-gradient(-70deg, #db469f 0%, #4f8cc9 100%); + } + .border-gradient--pink-blue-dark::before { + background-color: #181818; + } + ul.release-notes-list li.release-notes-list-item::marker { + color: #767676; + } + .js-release-notes-patch-link.selected { + background-color: #182030; } /* end developer.github.com rules */ table { @@ -12583,17 +12654,70 @@ .bg-guides-gradient { background: linear-gradient(0deg, rgba(33, 136, 255, .11) 0%, transparent 100%); } - ul.release-notes-list li.release-notes-list-item::marker { - color: #767676; + .bg-gradient--purple-pink { + background: linear-gradient(135deg, #53387a 0%, #c49 100%); } - .text-gradient-blue-green { - background: -webkit-linear-gradient(-70deg, #4f8cc9 0%, #01a49e 100%); + .bg-gradient--blue-green { + background: linear-gradient(-70deg, #4f8cc9 0%, #01a49e 100%); } - .text-gradient-blue-purple { - background: -webkit-linear-gradient(-70deg, #4f8cc9 0%, #804eda 100%); + .bg-gradient--blue-purple { + background: linear-gradient(-70deg, #4f8cc9 0%, #804eda 100%); } - .text-gradient-pink-blue { - background: -webkit-linear-gradient(-70deg, #db469f 0%, #4f8cc9 100%); + .bg-gradient--pink-blue { + background: linear-gradient(-70deg, #db469f 0%, #4f8cc9 100%); + } + .text-gradient--purple-pink { + background-image: linear-gradient(135deg, #53387a 0%, #c49 100%); + } + .text-gradient--blue-green { + background-image: linear-gradient(-70deg, #4f8cc9 0%, #01a49e 100%); + } + .text-gradient--blue-purple { + background-image: linear-gradient(-70deg, #4f8cc9 0%, #804eda 100%); + } + .text-gradient--pink-blue { + background-image: linear-gradient(-70deg, #db469f 0%, #4f8cc9 100%); + } + .border-gradient--purple-pink::before { + background-color: #181818; + } + .border-gradient--purple-pink::after { + background: linear-gradient(135deg, #53387a 0%, #c49 100%); + } + .border-gradient--aquamarine-mauve::before, + .border-gradient--blue-green::before, + .border-gradient--coral-yellow-dark::before, + .border-gradient--coral-yellow::before, .border-gradient--dark-mint::before, + .border-gradient--mint-blue-dark::before, + .border-gradient--mint-blue::before, + .border-gradient--purple-coral-dark::before, + .border-gradient--purple-coral::before, + .border-gradient--turq-purple-dark::before { + background-color: #181818; + } + .border-gradient--blue-green::after { + background: linear-gradient(-70deg, #4f8cc9 0%, #01a49e 100%); + } + .border-gradient--blue-purple::before, .border-gradient--red-orange::before { + background-color: #181818; + } + .border-gradient--blue-purple::after { + background: linear-gradient(-70deg, #4f8cc9 0%, #804eda 100%); + } + .border-gradient--pink-blue::before { + background-color: #181818; + } + .border-gradient--pink-blue::after { + background: linear-gradient(-70deg, #db469f 0%, #4f8cc9 100%); + } + .border-gradient--pink-blue-dark::before { + background-color: #181818; + } + ul.release-notes-list li.release-notes-list-item::marker { + color: #767676; + } + .js-release-notes-patch-link.selected { + background-color: #182030; } /* end docs.github.com rules */ h4 a > strong code { @@ -12741,7 +12865,10 @@ body.zh_logged_in .zh-app--fixed-layout .zh-app--is-fullscreen { background-color: #181818; } - body.zh_logged_in .zh-app--dark .zhc-collapsible-control:hover.zhc-collapsible-control--border { + body.zh_logged_in .zh-app--dark .zhc-collapsible-control.zhc-collapsible-control--border { + background: none !important; + } + body.zh_logged_in .zh-app--dark .js-issue-connector-container .zhc-button--color-primary.zhc-button--variant-text:disabled { background: none; } body.zh_logged_in .zh-discussion-item .zh-estimate-is, @@ -13794,6 +13921,9 @@ body.zh_logged_in .zhc-confirm-dialog { background-color: #181818; } + body.zh_logged_in .zhc-confirm-dialog__subtitle { + color: #c6c6c6; + } body.zh_logged_in .zhc-confirm-dialog__actions .zhc-btn--text { color: #9b9b9b; } @@ -14617,7 +14747,6 @@ @media (max-width: 759px) { body.zh_logged_in .zhc-collapsible-control { border-color: #343434; - background-color: #181818; } } body.zh_logged_in .zhc-collapsible-control__main-icon { @@ -14739,7 +14868,7 @@ } } body.zh_logged_in .DateRangePickerInput_arrow::after { - color: #9b9b9b; + color: #c6c6c6; } body.zh_logged_in .DateInput { background: none; @@ -14763,7 +14892,8 @@ border-color: #343434; } body.zh_logged_in .DayPickerNavigation_button__horizontalDefault .DayPickerNavigation_svg__horizontal { - fill: #f0f0f0; + fill: #c6c6c6; + stroke: #c6c6c6; } body.zh_logged_in .CalendarMonth_caption { color: #c6c6c6; @@ -14817,87 +14947,6 @@ body.zh_logged_in .zhc-date-selector .CalendarDay__button:hover { color: #fff; } - body.zh_logged_in .zhc-add-dependency__error-message { - border-color: #261d08; - background-color: #261d08; - color: #767676; - } - body.zh_logged_in .zhc-add-dependency__error-message .zhu-font-bold { - color: #c6c6c6; - } - body.zh_logged_in .zhc-dependency-color-grey { - color: #9b9b9b; - } - body.zh_logged_in .zhc-dependency-header__status__title { - color: #767676; - } - @media (max-width: 759px) { - body.zh_logged_in .zhc-dependency-issue-selector__search { - box-shadow: 0 3px 12px #000; - } - } - @media (min-width: 760px) { - body.zh_logged_in .zhc-dependency-issue-selector__search .zhc-search { - background-color: transparent; - } - } - body.zh_logged_in .zhc-dependency-issue-selector__search .zhc-search input[type="text"]:focus { - box-shadow: none; - } - body.zh_logged_in .zhc-dependency-issue-selector__issues__container { - background-color: #181818; - box-shadow: 0 3px 12px #000; - } - body.zh_logged_in .zhc-dependency-issue-selector__issue-item-pipeline .zhc-svg-icon { - color: #9b9b9b; - } - body.zh_logged_in .zhc-dependency-issue-selector__issue-item-meta, - body.zh_logged_in .zhc-dependency-list__issue__pipeline { - color: #767676; - } - body.zh_logged_in .zhc-dependency-list__issue__action .zhc-click-text-item { - color: #5a5a5a; - } - body.zh_logged_in .zhc-dependency-list__issue--completed .zhc-dependency-list__issue__title a { - color: #9b9b9b; - } - body.zh_logged_in .zhc-dependency-item-simple .zhc-selection-item:hover { - border-color: #343434; - } - body.zh_logged_in .zhc-dependency-item-simple a { - color: #9b9b9b; - } - body.zh_logged_in .zhc-dependency-item-simple__header { - color: #c6c6c6; - } - body.zh_logged_in .zhc-dependency { - background-color: #181818; - border-color: #343434; - } - body.zh_logged_in .zhc-dependency-type-dropdown { - color: #9b9b9b; - } - body.zh_logged_in .zhc-dependency-type-dropdown__control { - border-color: #343434; - } - body.zh_logged_in .zhc-dependency-type-dropdown__control .zhc-svg-icon { - color: #9b9b9b; - } - body.zh_logged_in .zhc-dependency-type-dropdown__list { - background-color: #181818; - } - body.zh_logged_in .zhc-dependency-type-dropdown__list__item { - border-color: #343434; - box-shadow: 0 3px 12px #000; - } - @media (max-width: 759px) { - body.zh_logged_in .zhc-add-dependency { - background-color: #181818; - } - } - body.zh_logged_in .zhc-add-dependency__buttons .zhc-click-text-item { - color: #5a5a5a; - } body.zh_logged_in .zhc-dropdown__clear-filter { background-color: transparent; } @@ -15129,6 +15178,15 @@ body.zh_logged_in .zhc-invitee-input::placeholder { color: #5a5a5a; } + body.zh_logged_in .zhc-dependency-item-simple .zhc-selection-item:hover { + border-color: #343434; + } + body.zh_logged_in .zhc-dependency-item-simple a { + color: #9b9b9b; + } + body.zh_logged_in .zhc-dependency-item-simple__header { + color: #c6c6c6; + } body.zh_logged_in .zhc-issue-card { background-color: #181818; border-color: #343434; @@ -15366,15 +15424,6 @@ body.zh_logged_in .zhc-new-issue-body__template_selector-title { color: #767676; } - body.zh_logged_in .zhc-issue-item .zhc-svg-icon--board { - color: #9b9b9b; - } - body.zh_logged_in .zhc-issue-item__title { - color: #c6c6c6; - } - body.zh_logged_in .zhc-issue-item__meta { - color: #767676; - } body.zh_logged_in .zhc-sidebar-assignee-selector .zhc-sidebar-assignee-selector_active_assignees { background: none; } @@ -15487,6 +15536,12 @@ body.zh_logged_in .zhc-issues-list-item__action-link .zhc-click-text-item { color: #767676; } + body.zh_logged_in .zhc-issues-list-item__pull_request_open { + color: #484; + } + body.zh_logged_in .zhc-issues-list-item__pull_request_closed { + color: #d82828; + } body.zh_logged_in .zhc-item-table { border-color: #343434; background-color: #181818; @@ -15875,24 +15930,7 @@ body.zh_logged_in .zhc-progress-bar { background-color: #343434; } - body.zh_logged_in .zhc-progress-dot { - background-color: #5a5a5a; - } - body.zh_logged_in .zhc-pr-issue-connector__icon .zhc-svg-icon { - color: #fff; - } - body.zh_logged_in .zhc-pr-issue-connector__info::after { - border-right-color: var(--ghd-bg-color); - } - body.zh_logged_in .zhc-pr-issue-connector__issue-info .zhc-svg-icon--connected-pr { - color: #fff; - } - body.zh_logged_in .zhc-pr-issue-connector__issue__title a { - color: #c6c6c6; - } - body.zh_logged_in .zhc-pr-issue-connector__issue__meta:first-child { - color: #767676; - } + body.zh_logged_in .zhc-progress-dot, body.zh_logged_in .zhu-radio-button__container:hover input { background-color: #5a5a5a; } @@ -16206,10 +16244,11 @@ background-color: transparent; } body.zh_logged_in .zhc-selection-list__tab-item--is-active { - background-color: #181818; border-color: #343434; + background-color: #181818; } - body.zh_logged_in .zhc-selection-list-deprecated--footer { + body.zh_logged_in .zhc-selection-list-deprecated--footer, + body.zh_logged_in .zhc-selection-list__footer { border-top-color: #343434; } body.zh_logged_in .zhc-selection-list-deprecated-header { @@ -17242,9 +17281,6 @@ body.zh_logged_in .zhc-sprint-calendar .DayPickerNavigation_svg__horizontal { fill: #c6c6c6; } - body.zh_logged_in .zhc-sprint-calendar .CalendarMonth_caption { - color: #c6c6c6; - } body.zh_logged_in .zhc-sprint-calendar .CalendarDay { color: #9b9b9b; } @@ -17320,7 +17356,7 @@ border-bottom-color: #343434; } body.zh_logged_in .zhc-sprint-preview__content span { - color: #767676; + color: #9b9b9b; } body.zh_logged_in .zhc-sprint-settings__dates-section, body.zh_logged_in .zhc-sprint-settings__sprint-preview-section { @@ -17331,6 +17367,9 @@ background-color: #181818; border-top-color: #343434; } + body.zh_logged_in .zhc-sprint-settings__calendar-validation { + color: #d82828; + } body.zh_logged_in .zhc-sprint-suffix-input__button { box-shadow: none; } @@ -18361,7 +18400,7 @@ /* end gitako rules */ /* begin npmhub rules */ .npmhub-deps > li { - border-bottom-color: #343434; + border-bottom-color: var(--color-border-primary, #343434); } /* end npmhub rules */ /* begin notifications-preview rules */ @@ -23390,24 +23429,7 @@ .lead-mktg-fluid { color: #afafaf; } - .btn-lg-mktg-fluid, .btn-mktg-fluid { - color: #fff; - } - .btn-green-mktg-fluid { - color: #fff; - background-color: #373; - background-image: linear-gradient(-180deg, #34b859, #373); - } - .btn-green-mktg-fluid::before { - background-image: linear-gradient(-180deg, #279a43, #6cc644); - } - .btn-green-mktg-fluid.hover, .btn-green-mktg-fluid.selected, - .btn-green-mktg-fluid:active, .btn-green-mktg-fluid:hover, - .btn-green-mktg-fluid[aria-selected=true], [open] > .btn-green-mktg-fluid { - background-color: #373; - background-image: linear-gradient(-180deg, #34b859, #373); - } - .btn-purple-mktg-fluid { + .btn-lg-mktg-fluid, .btn-mktg-fluid, .btn-purple-mktg-fluid { color: #fff; } .btn-black-mktg-fluid { @@ -23505,12 +23527,32 @@ .page-nav-item.selected { color: #c6c6c6; } + .btn-green-mktg-fluid { + color: #fff; + background-color: #373; + background-image: linear-gradient(-180deg, #34b859, #373); + } + .btn-green-mktg-fluid::before { + background-image: linear-gradient(-180deg, #279a43, #6cc644); + } + .btn-green-mktg-fluid.hover, .btn-green-mktg-fluid.selected, + .btn-green-mktg-fluid:active, .btn-green-mktg-fluid:hover, + .btn-green-mktg-fluid[aria-selected=true], [open] > .btn-green-mktg-fluid { + background-color: #373; + background-image: linear-gradient(-180deg, #34b859, #373); + } .bg-blue-dark { background-color: #182030 !important; } .bg-orange { background-color: #fb8532 !important; } + .bg-gradient-gray { + background-image: linear-gradient(175.44deg, #383838 1.44%, #181818 96.23%); + } + .bg-radial-white { + background: radial-gradient(145.3% 145.3% at 65.91% 0, #181818 0, #f0f0f0 100%); + } .text-blue-light, .text-blue-mktg { color: /*[[base-color]]*/ !important; } @@ -23539,11 +23581,8 @@ .link-white-mktg:hover { box-shadow: 0 1px 0 0 var(--ghd-bg-color); } - .Tile { - background-color: #222; - } - .Tile:hover { - background-color: #181818; + hr { + border-bottom-color: #2c2c2c; } .animation-is-typing::before { color: hsla(0, 0%, 100%, .4); @@ -23599,6 +23638,13 @@ .sponsors-bar::before { background-color: #c49; } + .sponsors-invet-button-mock:hover rect:first-child { + fill: #242424; + } + .sponsors-invet-button-mock:active rect:first-child { + fill: #2c2c2c; + box-shadow: none; + } .subnav-link { color: #9b9b9b; } @@ -23674,16 +23720,6 @@ .pricing-matrix-row-button { background-color: initial; } - .pricing-matrix-row:hover .pricing-matrix-column-feature, - .pricing-matrix-row:hover .pricing-matrix-row-text { - background-color: #343434; - } - .pricing-matrix-column-tier { - background-color: #181818; - } - .pricing-matrix-row:hover .pricing-matrix-column-tier { - background-color: #222; - } .codespaces-subtitle { color: #767676; } @@ -23711,11 +23747,11 @@ .section-codespaces-develop-night .codespaces-sun { box-shadow: none; } - .bg-gradient-gray { - background-image: linear-gradient(175.44deg, #383838 1.44%, #181818 96.23%); + .Tile { + background-color: #222; } - .bg-radial-white { - background: radial-gradient(145.3% 145.3% at 65.91% 0, #181818 0, #f0f0f0 100%); + .Tile:hover { + background-color: #181818; } .jumbotron-codelines { color: hsla(0, 0%, 100%, .4); @@ -23788,13 +23824,6 @@ .actions-template-repo { color: #767676; } - .selected .security-nav-item { - color: #c6c6c6 !important; - box-shadow: inset 0 -3px 0 #343434; - } - .security-nav-icon { - color: #343434; - } .insights-hero-text { background-color: hsla(0, 0%, 0%, .85); } @@ -23910,6 +23939,22 @@ .features-page-nav .page-nav-item.selected span { color: #c6c6c6 !important; } + .security-hero-gradient { + background: radial-gradient(120% 120% at 50% -92%, #ef7a7a 0, transparent 100%); + } + .security-body em { + color: #c6c6c6; + } + .security-body-dark em { + color: #fff; + } + .selected .security-nav-item { + color: #c6c6c6 !important; + box-shadow: inset 0 -3px 0 #343434; + } + .security-nav-icon { + color: #343434; + } .packages-badge { background-color: #373; } @@ -25291,8 +25336,8 @@ background-color: #181818; } .graphiql-container .execute-options > li.selected, - .graphiql-container .history-contents > p:active, - .graphiql-container .history-contents > p:hover, + .graphiql-container .history-contents > li:active, + .graphiql-container .history-contents > li:hover, .graphiql-container .toolbar-menu-items > li.hover, .graphiql-container .toolbar-menu-items > li:active, .graphiql-container .toolbar-menu-items > li:hover, @@ -25335,6 +25380,10 @@ background-color: #181818; border-top-color: #343434; } + .graphiql-container .doc-category code, + .graphiql-container .doc-type-description code { + background-color: #181818; + } .graphiql-container .doc-category-title { border-bottom-color: #343434; } @@ -25367,7 +25416,7 @@ background-color: #343434; color: #fff; } - .graphiql-container .history-contents p { + .graphiql-container .history-contents li { border-bottom-color: #343434; } a { @@ -30035,9 +30084,6 @@ border-color: #343434; color: #c6c6c6; } - .page-banners .page-banner .page-banner-title::before { - background-color: #f0f0f0; - } .updates-dropdown-container .updates-dropdown { box-shadow: 0 0 10px rgba(255, 255, 255, .7); -moz-box-shadow: 0 0 10px rgba(255, 255, 255, .7); @@ -31290,42 +31336,6 @@ .blankslate-icon { color: #767676; } - .btn-mktg { - color: #fff; - border: 1px solid /*[[base-color]]*/; - } - .btn-mktg, .btn-mktg:hover { - background-color: /*[[base-color]]*/; - } - .btn-mktg:hover { - border-color: /*[[base-color]]*/; - } - .btn-mktg:focus { - box-shadow: 0 0 0 .2em rgba(/*[[base-color-rgb]]*/, .5); - } - .btn-primary-mktg:hover { - background-color: #484; - border-color: #484; - } - .btn-outline-mktg, .btn-outline-mktg:hover { - color: /*[[base-color]]*/; - background-color: transparent; - } - .btn-outline-mktg:hover { - border-color: /*[[base-color]]*/; - } - .btn-transparent { - color: #fff; - background-color: transparent; - background-image: none; - border-color: hsla(0, 0%, 0%, .5); - } - .btn-transparent:active, .btn-transparent:hover { - color: #c6c6c6; - background-color: #181818; - background-image: none; - border-color: var(--ghd-bg-color); - } .Progress, .TimelineItem::before { background-color: #343434; } @@ -32570,6 +32580,14 @@ .markdown-body .blob-code-inner { color: #c6c6c6; } + .not-found-octocat-wrapper::after { + background-color: #181818; + box-shadow: 0 4px 0 var(--ghd-bg-color), 0 8px 0 var(--ghd-bg-color), 0 12px 0 var(--ghd-bg-color), 0 16px 0 var(--ghd-bg-color), 0 20px 0 var(--ghd-bg-color); + } + #not-found-container { + background-color: #181818; + color: #fff; + } /* end support.github.com rules */ .input-block #query { background: url('data:image/svg+xml;utf8,') no-repeat 6px; @@ -33895,5 +33913,7 @@ --color-text-white: #fff; --color-tooltip-text: #c6c6c6; --color-workflow-card-bg: #303030; + --color-underlinenav-text: #afafaf; + --color-underlinenav-text-hover: #c6c6c6; } } diff --git a/package.json b/package.json index c541547de..9da3e66b1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "GitHub-Dark", - "version": "4.2.130", + "version": "4.2.144", "license": "BSD-2-Clause", "repository": "StylishThemes/GitHub-Dark", "private": true, @@ -23,7 +23,7 @@ "rimraf": "3.0.2", "stylelint": "13.8.0", "stylelint-config-silverwind": "2.0.8", - "updates": "11.4.1", + "updates": "11.4.2", "versions": "8.4.4" } } diff --git a/src/main.css b/src/main.css index a1283e8a4..3969d8392 100644 --- a/src/main.css +++ b/src/main.css @@ -485,6 +485,11 @@ vertical-align: middle; margin-left: .25rem; } + /* GitHub Bug: Remove vertical padding on code suggestions diffs */ + .js-comment-body .blob-code-inner.py-1 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } /* Opinionated: Remove excessive box padding and adjust avatars to match */ .Box-row, .Box-header, .Box-body { padding: 8px 12px; diff --git a/src/vars.css b/src/vars.css index 44556d148..f1647e550 100644 --- a/src/vars.css +++ b/src/vars.css @@ -116,5 +116,7 @@ --color-text-white: #fff; --color-tooltip-text: #c6c6c6; --color-workflow-card-bg: #303030; + --color-underlinenav-text: #afafaf; + --color-underlinenav-text-hover: #c6c6c6; } } diff --git a/yarn.lock b/yarn.lock index 0450ae225..87fd749aa 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3785,10 +3785,10 @@ unzipper@0.10.11: readable-stream "~2.3.6" setimmediate "~1.0.4" -updates@11.4.1: - version "11.4.1" - resolved "https://registry.yarnpkg.com/updates/-/updates-11.4.1.tgz#575f4fcd49205ccb4c0d43670b04dd0f7449d485" - integrity sha512-5aZiDjlaL73G1/Sr+u6ttQQwGIq7wGEdjbUSC3Yjlz2RBBfxinJoRiQJBWEPvnxybmLzJ3Smcqnfi45CEsC84A== +updates@11.4.2: + version "11.4.2" + resolved "https://registry.yarnpkg.com/updates/-/updates-11.4.2.tgz#73cc7670516ee5a005a16a577aa66feff0c60a6d" + integrity sha512-5xtBOb15oytcrWIPAfgDxD4GCSwDeIe21uhN4Gfi8lSVLOAnikZotKpvZPlMM5ayyyE5NW49qqablhk6kGEtwg== uri-js@^4.2.2: version "4.2.2" From 1190f6890f0af4dec60b654155bcc7451821f673 Mon Sep 17 00:00:00 2001 From: koumaza Date: Thu, 14 Jan 2021 23:20:43 +0900 Subject: [PATCH 3/4] Colorize UnderLineNav Text when hover --- github-dark.user.css | 1 + src/vars.css | 1 + 2 files changed, 2 insertions(+) diff --git a/github-dark.user.css b/github-dark.user.css index 7a3f75345..d3bd11293 100644 --- a/github-dark.user.css +++ b/github-dark.user.css @@ -33912,6 +33912,7 @@ --color-text-inverse: #fff; --color-text-white: #fff; --color-tooltip-text: #c6c6c6; + --color-underlinenav-text-hover: /*[[base-color]]*/; --color-workflow-card-bg: #303030; --color-underlinenav-text: #afafaf; --color-underlinenav-text-hover: #c6c6c6; diff --git a/src/vars.css b/src/vars.css index f1647e550..ea3175aee 100644 --- a/src/vars.css +++ b/src/vars.css @@ -115,6 +115,7 @@ --color-text-inverse: #fff; --color-text-white: #fff; --color-tooltip-text: #c6c6c6; + --color-underlinenav-text-hover: /*[[base-color]]*/; --color-workflow-card-bg: #303030; --color-underlinenav-text: #afafaf; --color-underlinenav-text-hover: #c6c6c6; From d351b898fd72c344f60c9db43e6ff9cd937c82e1 Mon Sep 17 00:00:00 2001 From: the-j0k3r <31389848+the-j0k3r@users.noreply.github.com> Date: Thu, 14 Jan 2021 23:24:28 +0900 Subject: [PATCH 4/4] Colorize GH Circlebadge --- github-dark.user.css | 12 ++++++++++++ src/main.css | 12 ++++++++++++ 2 files changed, 24 insertions(+) diff --git a/github-dark.user.css b/github-dark.user.css index d3bd11293..5cc229128 100644 --- a/github-dark.user.css +++ b/github-dark.user.css @@ -8783,6 +8783,18 @@ .project-card code { background: #333 !important; } + /* fix gh circlebadge bg e.g. https://github.com/marketplace/dependabot-preview */ + .CircleBadge--github::after { + background-color: var(--color-icon-primary); + } + .CircleBadge-icon[alt*="workflow logo"] { + filter: invert(.95) brightness(1.5) grayscale(1); + mix-blend-mode: lighten; + } + /* fix GH circlebadge https://github.com/login/oauth/authorize?client_id=c602a8bd54b1e774f864&scope=repo */ + .CircleBadge[style*="background-color: #fff; overflow"] { + background-color: var(--color-bg-tertiary); + } } @-moz-document regexp("^https?://((education|gist|graphql|guides|raw|resources|status|developer|support|vscode-auth)\\.)?github\\.com/((?!(sponsors)).)*$"), domain("githubusercontent.com"), domain("www.githubstatus.com") { /*[[syntax-theme]]*//*[[syntax-jupyter]]*/ diff --git a/src/main.css b/src/main.css index 3969d8392..ba86910bc 100644 --- a/src/main.css +++ b/src/main.css @@ -2299,4 +2299,16 @@ .project-card code { background: #333 !important; } + /* fix gh circlebadge bg e.g. https://github.com/marketplace/dependabot-preview */ + .CircleBadge--github::after { + background-color: var(--color-icon-primary); + } + .CircleBadge-icon[alt*="workflow logo"] { + filter: invert(.95) brightness(1.5) grayscale(1); + mix-blend-mode: lighten; + } + /* fix GH circlebadge https://github.com/login/oauth/authorize?client_id=c602a8bd54b1e774f864&scope=repo */ + .CircleBadge[style*="background-color: #fff; overflow"] { + background-color: var(--color-bg-tertiary); + } }