/* ==UserStyle== @name GitHub Dark @namespace StylishThemes @version 5.4.43 @homepageURL https://github.com/StylishThemes/GitHub-Dark @updateURL https://stylishthemes.github.io/GitHub-Dark/github-dark.user.css @license BSD-2-Clause @author StylishThemes @advanced color base-color "Base color" #4f8cc9 @advanced color bg-color "Background Color" #202020 @advanced dropdown bg-choice "Background" { crosshatch "Cross-Hatch" <<.pl-c1{color:#678cb1!important}.pl-token.active,.pl-token:hover{background:#678cb1!important;color:#e0e2e4!important} EOT; One Dark "One Dark" <<span::selection,.CodeMirror-line>span>span::selection{background:hsla(0,0%,100%,.1)!important}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:hsla(0,0%,100%,.1)!important}.CodeMirror{background-color:#202020!important;-webkit-box-shadow:inset 0 0 10px #000!important;-moz-box-shadow:inset 0 0 10px #000!important;box-shadow:inset 0 0 10px #000!important;color:#e6e1dc!important;line-height:1.4!important}.CodeMirror-gutters{background:#3d3d3d!important;border-right:1px solid #4d4d4d!important;box-shadow:0 10px 20px #000!important}.CodeMirror-linenumber{color:#111!important;padding:0 5px!important;text-shadow:0 1px 1px #4d4d4d!important}.CodeMirror-guttermarker{color:#aaa!important}.CodeMirror-guttermarker-subtle{color:#111!important}.CodeMirror-cursor{border-left:1px solid #7991e8!important}.CodeMirror-activeline-background{background:none repeat scroll 0 0 hsla(0,0%,100%,.031)!important} EOT; Base16 Ocean Dark "Base16 Ocean Dark" <<span::selection,.CodeMirror-line>span>span::selection{background:rgba(179,101,57,.99)!important}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:rgba(179,101,57,.99)!important}.CodeMirror-gutters{background:#002240!important;border-right:1px solid #aaa!important}.CodeMirror-guttermarker{color:#ffee80!important}.CodeMirror-guttermarker-subtle,.CodeMirror-linenumber{color:#d0d0d0!important}.CodeMirror-cursor{border-left:1px solid #fff!important}.cm-comment{color:#08f!important}.cm-atom{color:#845dc4!important}.cm-number,span.cm-attribute{color:#ff80e1!important}.cm-keyword{color:#ffee80!important}.cm-string{color:#3ad900!important}.cm-meta{color:#ff9d00!important}.cm-variable-2,span.cm-tag{color:#9effff!important}.cm-variable-3,span.cm-def{color:#fff!important}.cm-bracket{color:#d8d8d8!important}.cm-builtin,span.cm-special{color:#ff9e59!important}.cm-link{color:#845dc4!important}.cm-error{color:#9d1e15!important}.CodeMirror-activeline-background{background:#002d57!important}.CodeMirror-matchingbracket{color:#fff!important;outline:1px solid grey!important} EOT; Dracula "Dracula" <<span::selection,.CodeMirror-line>span>span::selection{background:hsla(0,0%,100%,.1)!important}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:hsla(0,0%,100%,.1)!important}span.cm-comment{color:#6272a4!important}span.cm-string,span.cm-string-2{color:#f1fa8c!important}span.cm-number{color:#bd93f9!important}span.cm-variable{color:#50fa7b!important}span.cm-variable-2{color:#fff!important}span.cm-def{color:#ffb86c!important}span.cm-keyword,span.cm-operator{color:#ff79c6!important}span.cm-atom{color:#bd93f9!important}span.cm-meta{color:#f8f8f2!important}span.cm-tag{color:#ff79c6!important}span.cm-attribute,span.cm-qualifier{color:#50fa7b!important}span.cm-property{color:#66d9ef!important}span.cm-builtin,span.cm-variable-3{color:#50fa7b!important}.CodeMirror-activeline-background{background:hsla(0,0%,100%,.1)!important}.CodeMirror-matchingbracket{color:#fff!important;text-decoration:underline!important} EOT; Material "Material" <<span::selection,.CodeMirror-line>span>span::selection{background:hsla(0,0%,100%,.1)!important}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:hsla(0,0%,100%,.1)!important}.CodeMirror-activeline-background{background:transparent!important}.cm-keyword{color:#c792ea!important}.cm-operator{color:#e9eded!important}.cm-variable-2{color:#80cbc4!important}.cm-type,.cm-variable-3{color:#82b1ff!important}.cm-builtin{color:#decb6b!important}.cm-atom,.cm-number{color:#f77669!important}.cm-def{color:#e9eded!important}.cm-string{color:#c3e88d!important}.cm-string-2{color:#80cbc4!important}.cm-comment{color:#546e7a!important}.cm-variable{color:#82b1ff!important}.cm-meta,.cm-tag{color:#80cbc4!important}.cm-attribute{color:#ffcb6b!important}.cm-property{color:#80cbae!important}.cm-qualifier,.cm-type,.cm-variable-3{color:#decb6b!important}.cm-tag{color:#ff5370!important}.cm-error{background-color:#ec5f67!important;color:#fff!important}.CodeMirror-matchingbracket{color:#fff!important;text-decoration:underline!important} EOT; Monokai - Spacegray Eighties "Monokai - Spacegray Eighties" <<span::selection,.CodeMirror-line>span>span::selection{background:rgba(44,44,44,.99)!important}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:rgba(44,44,44,.99)!important}.CodeMirror-gutters{background:#1c1c1c!important;border-right:0!important}.CodeMirror-guttermarker{color:#b9b9b9!important}.CodeMirror-guttermarker-subtle,.CodeMirror-linenumber{color:#8a8a8a!important}.CodeMirror-cursor{border-left:1px solid #f8f8f0!important}.cm-comment{color:grey!important}.cm-atom,.cm-number{color:#ae81ff!important}.cm-property,span.cm-attribute{color:#a6e22e!important}.cm-keyword{color:#66d9ef!important;font-style:italic!important}.cm-builtin{color:#f8f8f8!important}.cm-string{color:#e6db74!important}.cm-variable{color:#f8f8f8!important}.cm-variable-2{color:#9effff!important}.cm-variable-3{color:#ae81ff!important}.cm-def{color:#66d9ef!important;font-style:italic!important}.cm-bracket{color:#f8f8f8!important}.cm-tag{color:#f92672!important}.cm-header,.cm-link{color:#ae81ff!important}.cm-error{background:#1e0010!important;color:#960050!important}.CodeMirror-activeline-background{background:#2c2c2c!important}.CodeMirror-matchingbracket{color:#f8f8f8!important;text-decoration:underline!important} EOT; Monokai "Monokai" <<span::selection,.CodeMirror-line>span>span::selection{background:rgba(73,72,62,.99)!important}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:rgba(73,72,62,.99)!important}.CodeMirror-gutters{background:#272822!important;border-right:0!important}.CodeMirror-guttermarker{color:#fff!important}.CodeMirror-guttermarker-subtle,.CodeMirror-linenumber{color:#d0d0d0!important}.CodeMirror-cursor{border-left:1px solid #f8f8f0!important}.cm-comment{color:#75715e!important}.cm-atom,.cm-number{color:#ae81ff!important}.cm-property,span.cm-attribute{color:#a6e22e!important}.cm-keyword{color:#f92672!important}.cm-builtin{color:#66d9ef!important}.cm-string{color:#e6db74!important}.cm-variable{color:#f8f8f2!important}.cm-variable-2{color:#9effff!important}.cm-variable-3{color:#66d9ef!important}.cm-def{color:#fd971f!important}.cm-bracket{color:#f8f8f2!important}.cm-tag{color:#f92672!important}.cm-header,.cm-link{color:#ae81ff!important}.cm-error{background:#f92672!important;color:#f8f8f0!important}.CodeMirror-activeline-background{background:#373831!important}.CodeMirror-matchingbracket{color:#fff!important;text-decoration:underline!important} EOT; One Dark "One Dark" <<span::selection,.CodeMirror-line>span>span::selection{background:rgba(221,240,255,.2)!important}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:rgba(221,240,255,.2)!important}.CodeMirror-gutters{background:#34302f!important;border-right:0!important;padding:0 3px!important}.CodeMirror-guttermarker{color:#fff!important}.CodeMirror-guttermarker-subtle,.CodeMirror-linenumber{color:#8f938f!important}.CodeMirror-cursor{border-left:1px solid #a7a7a7!important}.cm-comment{color:#a6c6ff!important}.cm-atom{color:#de8e30!important}.cm-number{color:#ccc!important}.cm-property{color:#8f938f!important}.cm-attribute{color:#a6e22e!important}.cm-keyword{color:#aeb2f8!important}.cm-string{color:#66a968!important}.cm-variable{color:#aeb2f8!important}.cm-variable-2{color:#bebf55!important}.cm-variable-3{color:#de8e30!important}.cm-def{color:#757ad8!important}.cm-bracket{color:#f8f8f2!important}.cm-tag{color:#c1c144!important}.cm-link{color:#ae81ff!important}.cm-qualifier,span.cm-builtin{color:#c1c144!important}.cm-error{background:#757ad8!important;color:#f8f8f0!important}.CodeMirror-activeline-background{background:hsla(0,0%,100%,.031)!important}.CodeMirror-matchingbracket{border:1px solid hsla(0,0%,100%,.25)!important;color:#8f938f!important;margin:-1px -1px 0!important} EOT; Railscasts "Railscasts" <<span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:rgba(7,54,66,.99)!important}.cm-s-solarized.CodeMirror{-moz-box-shadow:inset 7px 0 12px -6px #000!important;-webkit-box-shadow:inset 7px 0 12px -6px #000!important;box-shadow:inset 7px 0 12px -6px #000!important}.CodeMirror-gutters{background-color:#073642!important;border-right:0!important}.CodeMirror-linenumber{padding:0 5px!important;text-shadow:#021014 0 -1px!important}.CodeMirror-guttermarker-subtle,.CodeMirror-linenumber{color:#586e75!important}.CodeMirror-guttermarker{color:#ddd!important}.CodeMirror-gutter .CodeMirror-gutter-text{color:#586e75!important}.CodeMirror-cursor{border-left:1px solid #819090!important}.CodeMirror-activeline-background{background:hsla(0,0%,100%,.06)!important} EOT; Tomorrow Night Bright "Tomorrow Night Bright" <<span::selection,.CodeMirror-line>span>span::selection{background:rgba(45,45,45,.99)!important}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:rgba(45,45,45,.99)!important}.CodeMirror-gutters{background:#000!important;border-right:0!important}.CodeMirror-guttermarker{color:#f2777a!important}.CodeMirror-guttermarker-subtle{color:#777!important}.CodeMirror-linenumber{color:#515151!important}.CodeMirror-cursor{border-left:1px solid #6a6a6a!important}.cm-comment{color:#d27b53!important}.cm-atom,.cm-number{color:#a16a94!important}.cm-property,span.cm-attribute{color:#9c9!important}.cm-keyword{color:#f2777a!important}.cm-string{color:#fc6!important}.cm-variable{color:#9c9!important}.cm-variable-2{color:#69c!important}.cm-def{color:#f99157!important}.cm-bracket{color:#ccc!important}.cm-tag{color:#f2777a!important}.cm-link{color:#a16a94!important}.cm-error{background:#f2777a!important;color:#6a6a6a!important}.CodeMirror-activeline-background{background:#343600!important}.CodeMirror-matchingbracket{color:#fff!important;text-decoration:underline!important} EOT; Vibrant Ink "Vibrant Ink" <<span::selection,.CodeMirror-line>span>span::selection{background:rgba(53,73,60,.99)!important}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:rgba(53,73,60,.99)!important}.CodeMirror-gutters{background:#002240!important;border-right:1px solid #aaa!important}.CodeMirror-guttermarker{color:#fff!important}.CodeMirror-guttermarker-subtle,.CodeMirror-linenumber{color:#d0d0d0!important}.CodeMirror-cursor{border-left:1px solid #fff!important}.cm-keyword{color:#cc7832!important}.cm-atom{color:#fc0!important}.cm-number{color:#ffee98!important}.cm-def{color:#8da6ce!important}.cm-s-vibrant span.cm-def,.cm-s-vibrant span.cm-tag,.cm-variable-2,.cm-variable-3{color:#ffc66d!important}.cm-operator{color:#888!important}.cm-comment{color:gray!important;font-weight:700!important}.cm-string{color:#a5c25c!important}.cm-string-2{color:red!important}.cm-meta{color:#d8fa3c!important}.cm-attribute,.cm-builtin,.cm-tag{color:#8da6ce!important}.cm-header{color:#ff6400!important}.cm-hr{color:#aeaeae!important}.cm-link{color:blue!important}.cm-error{border-bottom:1px solid red!important}.CodeMirror-activeline-background{background:#27282e!important}.CodeMirror-matchingbracket{color:#fff!important;outline:1px solid grey!important} EOT; } @advanced dropdown syntax-jupyter "Jupyter syntax theme" { Twilight "Twilight" << div > .color-bg-inset { background: transparent !important; } [data-component="IconButton"] { color: #aaa !important; } .kbjJSF, .kpTqBE { border-color: #383838 !important; background: #202020 !important; } .lhyFLG, .bqFowW, .dXveNa, .jepClM, .ddNLNa, .kdEavw, .gATYcR, .giEfVQ { background: #202020 !important; border-color: #343434 !important; } .cwSUxL, .fWVgeN, .gATYcR svg, .bqFowW, .kpTqBE { color: #ccc !important; } .bESQXL { background: #222 !important; } button[aria-current="true"] > .segmentedControl-content { border-color: #484848 !important; background: #222 !important; color: #ccc !important; } [data-component="leadingVisual"] { color: #ccc !important; } body[class="page-responsive"] .list-options .list-item > .octicon { color: #181818; } .text-mono, .kKFNhh, .Link--secondary { color: #aaa !important; } /* remove frontpage background */ .application-main > .color-bg-default, .feed-background { background: transparent !important; } /* remove feed item sub-background */ .feed-item-content .color-bg-subtle { background: transparent !important; } /* generated github-mobile rules */ /* begin github.com rules */ .new-feed-onboarding-notice { background: var(--light-grad-pink-blue, radial-gradient(ellipse at 40% 0%, #bf398910 0, transparent 75%), radial-gradient(ellipse at 60% 0%, #096bde10 0, transparent 75%)); } .discover-people-gradient { background: radial-gradient(ellipse at 40% -8%, var(--bgColor-accent-muted, var(--color-accent-muted)) 0, transparent 48%), radial-gradient(ellipse at 60% -8%, var(--bgColor-done-muted, var(--color-done-muted)) 0, transparent 48%); } .discussion-nested-comment-paging-form::before { background-color: transparent; } :target .discussion-nested-comment-group .timeline-comment, :target .nested-discussion-timeline-comment { box-shadow: none !important; } .btn-mktg { background: linear-gradient(180deg, hsla(0, 0%, 0%, .15) 0%, transparent 100%), var(--color-mktg-btn-bg) !important; } .btn-mktg::before { background: linear-gradient(180deg, hsla(0, 0%, 0%, .15) 0%, transparent 100%) !important; } .btn-subtle-mktg, .btn-subtle-mktg::before { background: none !important; } .btn-signup-mktg { background: linear-gradient(180deg, rgba(52, 183, 89, .15) 0%, rgba(46, 164, 79, 0) 100%), #373 !important; } [data-color-mode=dark] .box-shadow-card-border-mktg { box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .1) !important; } .box-shadow-card-border-light-mktg { box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .1), 0 3px 2px rgba(0, 0, 0, .04), 0 7px 5px rgba(0, 0, 0, .02), 0 13px 10px rgba(0, 0, 0, .02), 0 22px 17px rgba(0, 0, 0, .02) !important; } .box-shadow-card-dark-mktg { box-shadow: 0 0 0 1px #f0f0f0, 0 30px 30px rgba(0, 0, 0, .07), 0 15px 15px rgba(0, 0, 0, .06), 0 10px 8px rgba(0, 0, 0, .05), 0 4px 4px rgba(0, 0, 0, .04), 0 2px 2px rgba(0, 0, 0, .03); } .box-shadow-card-dark-mktg::after { box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, .1); } .text-white-fade { color: hsla(0, 0%, 0%, .7) !important; } .code-pink { color: #c49; } .bg-blue-dark { background-color: #182030 !important; } .bg-radial-white { background: radial-gradient(145.3% 145.3% at 65.91% 0%, #181818 0%, #f0f0f0 100%); } .text-gradient-blue-purple { background: -webkit-linear-gradient(-70deg, #4f8cc9 0%, #804eda 100%); } .font-mktg [data-color-mode=dark] { --color-fg-default: #181818 !important; } .header-white .Header, .header-white .header-logged-out { background-color: #181818 !important; } .header-white .notification-indicator .mail-status { border-color: var(--ghd-bg-color) !important; } .header-white-transparent .Header, .header-white-transparent .header-logged-out { background-color: transparent !important; } .header-overlay .Header:not(.open), .header-overlay .header-logged-out { background-color: transparent; } .header-dark .AppHeader, .header-dark .AppHeader .AppHeader-button, .header-dark .AppHeader .form-control, .header-overlay .AppHeader, .header-overlay .AppHeader .AppHeader-button, .header-overlay .AppHeader .form-control { box-shadow: none; } .header-dark .AppHeader, .header-dark .AppHeader .AppHeader-button, .header-dark .AppHeader .AppHeader-logo .octicon-mark-github, .header-dark .AppHeader .AppHeader-logo > *, .header-overlay .AppHeader, .header-overlay .AppHeader .AppHeader-button, .header-overlay .AppHeader .AppHeader-logo .octicon-mark-github, .header-overlay .AppHeader .AppHeader-logo > * { color: #fff !important; } .testimonial-avatar { border-color: var(--ghd-bg-color); } .subnav-link.selected { border-bottom-color: /*[[base-color]]*/; } @media (min-width: 768px) { .subnav-primary.selected { border-bottom-color: /*[[base-color]]*/; } } .fade-img-to-white-bg::before { background: linear-gradient(to bottom, #181818 0%, transparent 100%); } .fade-img-to-white-bg::after { background: linear-gradient(to top, #181818 0%, transparent 100%); } .password-validity-pill.password-validity-pill-close { background-color: #cb4; } .password-validity-summary.password-validity-summary-close { color: #cb4; } [data-color-mode=dark][data-dark-theme*=dark], [data-color-mode=light][data-light-theme*=dark] { --color-mktg-btn-bg: #202020; --color-mktg-btn-shadow-hover-muted: #181818 0 0 0 2px inset; } @media (prefers-color-scheme: light) { [data-color-mode=auto][data-light-theme*=dark] { --color-mktg-btn-bg: #202020; --color-mktg-btn-shadow-hover-muted: #181818 0 0 0 2px inset; } } @media (prefers-color-scheme: dark) { [data-color-mode=auto][data-dark-theme*=dark] { --color-mktg-btn-bg: #202020; --color-mktg-btn-shadow-hover-muted: #181818 0 0 0 2px inset; } } :root, [data-color-mode=dark][data-dark-theme*=light], [data-color-mode=light][data-light-theme*=light] { --color-mktg-btn-bg: #dcdcdc; } @media (prefers-color-scheme: light) { [data-color-mode=auto][data-light-theme*=light] { --color-mktg-btn-bg: #dcdcdc; } } @media (prefers-color-scheme: dark) { [data-color-mode=auto][data-dark-theme*=light] { --color-mktg-btn-bg: #dcdcdc; } } .home-campaign-signup-button { background: linear-gradient(180deg, rgba(183, 52, 179, .15) 0%, rgba(164, 46, 156, 0) 100%), #8348af !important; } .home-globe-scene { -webkit-mask-image: linear-gradient(to bottom, #f0f0f0 60%, transparent 75%); mask-image: linear-gradient(to bottom, #f0f0f0 60%, transparent 75%); } [data-color-mode="auto"][data-light-theme="light"], [data-color-mode="auto"][data-light-theme="light"] ::backdrop, [data-color-mode="light"][data-light-theme="light"], [data-color-mode="light"][data-light-theme="light"] ::backdrop { --page-header-bgColor: #202020; --codeMirror-bgColor: #181818; --codeMirror-gutters-bgColor: #181818; --codeMirror-gutterMarker-fgColor-default: #181818; --codeMirror-lines-bgColor: #181818; --header-fgColor-logo: #181818; --avatar-bgColor: #181818; --avatar-shadow: 0 0 0 2px hsla(0, 0%, 0%, .8); --control-bgColor-rest: #202020; --control-bgColor-selected: #202020; --control-borderColor-selected: #202020; --control-checked-fgColor-rest: #181818; --control-checked-fgColor-disabled: #181818; --controlTrack-fgColor-disabled: #181818; --controlKnob-bgColor-rest: #181818; --controlKnob-bgColor-checked: #181818; --button-default-bgColor-rest: #202020; --button-primary-fgColor-rest: #181818; --button-primary-fgColor-disabled: hsla(0, 0%, 0%, .8); --button-primary-iconColor-rest: hsla(0, 0%, 0%, .8); --button-outline-fgColor-hover: #181818; --button-outline-fgColor-active: #181818; --button-outline-bgColor-rest: #202020; --button-outline-bgColor-disabled: #202020; --button-danger-fgColor-hover: #181818; --button-danger-fgColor-active: #181818; --button-danger-iconColor-hover: #181818; --button-danger-bgColor-rest: #202020; --buttonCounter-outline-bgColor-hover: hsla(0, 0%, 0%, .2); --buttonCounter-outline-fgColor-hover: #181818; --buttonCounter-danger-bgColor-hover: hsla(0, 0%, 0%, .2); --buttonCounter-danger-fgColor-hover: #181818; --overlay-bgColor: #181818; --sideNav-bgColor-selected: #181818; --skeletonLoader-bgColor: #202020; --card-bgColor: #181818; --fgColor-onEmphasis: #181818; --fgColor-white: #181818; --bgColor-default: #181818; --bgColor-muted: #202020; --bgColor-inset: #202020; --bgColor-white: #181818; --color-prettylights-syntax-invalid-illegal-text: #202020; --color-prettylights-syntax-carriage-return-text: #202020; } @media (prefers-color-scheme: dark) { [data-color-mode="auto"][data-dark-theme="light"], [data-color-mode="auto"][data-dark-theme="light"] ::backdrop { --page-header-bgColor: #202020; --codeMirror-bgColor: #181818; --codeMirror-gutters-bgColor: #181818; --codeMirror-gutterMarker-fgColor-default: #181818; --codeMirror-lines-bgColor: #181818; --header-fgColor-logo: #181818; --avatar-bgColor: #181818; --avatar-shadow: 0 0 0 2px hsla(0, 0%, 0%, .8); --control-bgColor-rest: #202020; --control-bgColor-selected: #202020; --control-borderColor-selected: #202020; --control-checked-fgColor-rest: #181818; --control-checked-fgColor-disabled: #181818; --controlTrack-fgColor-disabled: #181818; --controlKnob-bgColor-rest: #181818; --controlKnob-bgColor-checked: #181818; --button-default-bgColor-rest: #202020; --button-primary-fgColor-rest: #181818; --button-primary-fgColor-disabled: hsla(0, 0%, 0%, .8); --button-primary-iconColor-rest: hsla(0, 0%, 0%, .8); --button-outline-fgColor-hover: #181818; --button-outline-fgColor-active: #181818; --button-outline-bgColor-rest: #202020; --button-outline-bgColor-disabled: #202020; --button-danger-fgColor-hover: #181818; --button-danger-fgColor-active: #181818; --button-danger-iconColor-hover: #181818; --button-danger-bgColor-rest: #202020; --buttonCounter-outline-bgColor-hover: hsla(0, 0%, 0%, .2); --buttonCounter-outline-fgColor-hover: #181818; --buttonCounter-danger-bgColor-hover: hsla(0, 0%, 0%, .2); --buttonCounter-danger-fgColor-hover: #181818; --overlay-bgColor: #181818; --sideNav-bgColor-selected: #181818; --skeletonLoader-bgColor: #202020; --card-bgColor: #181818; --fgColor-onEmphasis: #181818; --fgColor-white: #181818; --bgColor-default: #181818; --bgColor-muted: #202020; --bgColor-inset: #202020; --bgColor-white: #181818; --color-prettylights-syntax-invalid-illegal-text: #202020; --color-prettylights-syntax-carriage-return-text: #202020; } } [data-color-mode="auto"][data-light-theme="dark"], [data-color-mode="auto"][data-light-theme="dark"] ::backdrop, [data-color-mode="dark"][data-dark-theme="dark"], [data-color-mode="dark"][data-dark-theme="dark"] ::backdrop { --avatar-borderColor: hsla(0, 0%, 0%, .15); --control-checked-fgColor-rest: #181818; --controlTrack-fgColor-disabled: #181818; --controlKnob-bgColor-checked: #181818; --button-default-shadow-resting: 0 0 0 0 #f0f0f0; --button-primary-fgColor-rest: #181818; --button-primary-iconColor-rest: #181818; --button-primary-shadow-selected: 0 0 0 0 #f0f0f0; --button-outline-fgColor-active: #181818; --button-outline-shadow-selected: 0 0 0 0 #f0f0f0; --button-danger-fgColor-hover: #181818; --button-danger-fgColor-active: #181818; --button-danger-iconColor-hover: #181818; --button-danger-shadow-selected: 0 0 0 0 #f0f0f0; --buttonCounter-danger-bgColor-hover: hsla(0, 0%, 0%, .2); --buttonCounter-danger-fgColor-hover: #181818; --fgColor-onEmphasis: #181818; --fgColor-white: #181818; --bgColor-inverse: #181818; --bgColor-white: #181818; --bgColor-done-emphasis: #53387a; --bgColor-upsell-emphasis: #53387a; --borderColor-done-emphasis: #53387a; --borderColor-upsell-emphasis: #53387a; --color-ansi-white-bright: #181818; } @media (prefers-color-scheme: dark) { [data-color-mode="auto"][data-dark-theme="dark"], [data-color-mode="auto"][data-dark-theme="dark"] ::backdrop { --avatar-borderColor: hsla(0, 0%, 0%, .15); --control-checked-fgColor-rest: #181818; --controlTrack-fgColor-disabled: #181818; --controlKnob-bgColor-checked: #181818; --button-default-shadow-resting: 0 0 0 0 #f0f0f0; --button-primary-fgColor-rest: #181818; --button-primary-iconColor-rest: #181818; --button-primary-shadow-selected: 0 0 0 0 #f0f0f0; --button-outline-fgColor-active: #181818; --button-outline-shadow-selected: 0 0 0 0 #f0f0f0; --button-danger-fgColor-hover: #181818; --button-danger-fgColor-active: #181818; --button-danger-iconColor-hover: #181818; --button-danger-shadow-selected: 0 0 0 0 #f0f0f0; --buttonCounter-danger-bgColor-hover: hsla(0, 0%, 0%, .2); --buttonCounter-danger-fgColor-hover: #181818; --fgColor-onEmphasis: #181818; --fgColor-white: #181818; --bgColor-inverse: #181818; --bgColor-white: #181818; --bgColor-done-emphasis: #53387a; --bgColor-upsell-emphasis: #53387a; --borderColor-done-emphasis: #53387a; --borderColor-upsell-emphasis: #53387a; --color-ansi-white-bright: #181818; } } .rule, a { background-color: transparent; } [role=button]:focus, a:focus, button:focus, input[type=checkbox]:focus, input[type=radio]:focus { box-shadow: none; } [role=button]:focus-visible, a:focus-visible, button:focus-visible, input[type=checkbox]:focus-visible, input[type=radio]:focus-visible { box-shadow: none; } .Box--overlay { box-shadow: 0 0 18px #000; } .btn-primary:focus:not(:focus-visible) { box-shadow: none; } a.btn-primary:focus:not(:focus-visible) { box-shadow: none; } .btn-outline.selected:focus:not(:focus-visible), .btn-outline:active:focus:not(:focus-visible), .btn-outline[aria-selected=true]:focus:not(:focus-visible) { box-shadow: none; } .btn-danger.disabled, .btn-danger:disabled, .btn-danger[aria-disabled=true], .btn-outline.disabled, .btn-outline:disabled, .btn-outline[aria-disabled=true] { box-shadow: none; } .btn-invisible, .btn-link { background-color: transparent; } .btn-invisible, .btn-invisible.zeroclipboard-is-hover, .btn-invisible:hover { box-shadow: none; } .btn-invisible.selected, .btn-invisible.zeroclipboard-is-active, .btn-invisible:active, .btn-invisible[aria-selected=true] { background: none; box-shadow: none; } .btn-invisible.disabled, .btn-invisible:disabled, .btn-invisible[aria-disabled=true], .btn-octicon { background-color: transparent; } .btn-octicon { box-shadow: none; } .close-button { background-color: transparent; } .close-button:active { box-shadow: none; } .filter-list.pjax-active .filter-item { background-color: transparent; } .filter-item.selected:focus:not(:focus-visible), .filter-item[aria-current]:not([aria-current=false]):focus:not(:focus-visible), .filter-item[aria-selected=true]:focus:not(:focus-visible) { box-shadow: none; } .SideNav-item, .SideNav-subItem { background-color: transparent; } .subnav-item.selected:focus:not(:focus-visible), .subnav-item[aria-current]:not([aria-current=false]):focus:not(:focus-visible), .subnav-item[aria-selected=true]:focus:not(:focus-visible) { box-shadow: none; } .box-shadow-none { box-shadow: none !important; } .bgColor-transparent, .color-bg-transparent { background-color: transparent !important; } .details-overlay[open] > summary::before { background-color: transparent; } .details-reset > summary:focus { box-shadow: none; } .details-reset > summary:focus-visible { box-shadow: none; } .details-reset > summary.btn-primary:focus:not(:focus-visible) { box-shadow: none; } .details-overlay > summary:focus { box-shadow: none; } .details-overlay > summary:focus-visible { box-shadow: none; } .details-overlay > summary.btn-primary:focus:not(:focus-visible) { box-shadow: none; } .Header-input { box-shadow: none; } .SelectMenu-closeButton, .SelectMenu-tab, .markdown-body .emoji, .markdown-body pre > code, .markdown-body pre code, .markdown-body pre tt, .markdown-body table img { background-color: transparent; } @media (min-width: 544px) { .SelectMenu-tab[aria-selected=true] { box-shadow: none; } } .Toast-dismissButton { background-color: transparent; } .autocomplete-embedded-icon-wrap .form-control, .autocomplete-embedded-icon-wrap .form-control:focus { box-shadow: none; } .autocomplete-embedded-icon-wrap .form-control:focus-visible { box-shadow: none; } .dropdown-item:hover > .Label { border-color: currentcolor; } .dropdown-signout { background: none; } .FormControl-input[disabled], .FormControl-select[disabled], .FormControl-textarea[disabled] { box-shadow: none; } .FormControl-input-wrap .FormControl-input-trailingAction { background-color: transparent; } input.FormControl-checkbox[type=checkbox][disabled] { box-shadow: none; } input.FormControl-checkbox[type=checkbox]:focus-visible { box-shadow: none; } input.FormControl-radio[type=radio][disabled] { box-shadow: none; } input.FormControl-radio[type=radio]:focus-visible { box-shadow: none; } .btn-mktg { background: linear-gradient(180deg, hsla(0, 0%, 0%, .15) 0, transparent 100%), var(--color-mktg-btn-bg) !important; } .btn-mktg::before { background: linear-gradient(180deg, hsla(0, 0%, 0%, .15), transparent) !important; } .btn-mktg:focus { box-shadow: none; } .btn-mktg:focus:not(:focus-visible) { box-shadow: none; } .btn-mktg:focus-visible { box-shadow: none; } .btn-muted-mktg { background: none !important; } .btn-subtle-mktg { box-shadow: none !important; } .btn-subtle-mktg, .btn-subtle-mktg::before { background: none !important; } .btn-signup-mktg { background: linear-gradient(180deg, #34b75926, transparent), #373 !important; color: #fff; } .btn-signup-mktg::before { background: linear-gradient(180deg, #34b75926, transparent) !important; } .btn-signup-mktg:focus { box-shadow: none; } .btn-signup-mktg:focus:not(:focus-visible) { box-shadow: none; } .btn-signup-mktg:focus-visible { box-shadow: none; } .AvatarStack-body .avatar, .ToggleSwitch-track[disabled] .ToggleSwitch-knob { box-shadow: none; } anchored-position:not(.Overlay) { background: none; } .Button:disabled, .Button[aria-disabled=true] { box-shadow: none; } .Button--primary:focus:not(:focus-visible) { box-shadow: none; } .flash-close:not(.Banner-close) { background: none; } .border-white-fade { border-color: hsla(0, 0%, 0%, .15) !important; } @keyframes blink { 50% { background-color: transparent; } } body.intent-mouse [role=button]:focus, body.intent-mouse [role=tabpanel][tabindex="0"]:focus, body.intent-mouse a:focus, body.intent-mouse button:focus, body.intent-mouse summary:focus { box-shadow: none; } .auth-form-header, .auth-form-header h1 a { color: #fff; } .auth-form-header .octicon { text-shadow: 0 1px 0 hsla(0, 0%, 0%, .1); } .session-authentication .auth-form-header, .session-authentication .header-logged-out, .session-authentication.enterprise .header-logged-out, .session-authentication.hosted .header-logged-out, .switch-account-popover-row { background-color: transparent; } .Header-old { color: #fff; } .HeaderMenu--logged-out { --header-menu-shadow: 0 5px 30px rgba(220, 220, 220, .1), 0 0 1px rgba(27, 31, 35, .4), 0 1px 2px rgba(220, 220, 220, .15); } @media (prefers-color-scheme: dark) { .HeaderMenu--logged-out { --header-menu-shadow: 0 0 1px #767676; } } @media (min-width: 1012px) { .HeaderMenu--logged-out .header-menu-wrapper { background-color: transparent; box-shadow: none; } } .HeaderMenu--logged-out .dropdown-menu { box-shadow: none; } .HeaderMenu-link { background-color: transparent; } @media (min-width: 1012px) { .HeaderMenu-link, .HeaderMenu-link:hover { color: #fff; } } @media (max-width: 1011px) { .HeaderMenu-item .HeaderMenu-dropdown { background-color: transparent; } } .header-logo-invertocat, .header-logo-invertocat:hover { color: #fff; } .notification-indicator .mail-status, .unread-indicator { color: #fff; background-image: linear-gradient(/*[[base-color]]*/, /*[[base-color]]*/); } .header-search-wrapper, .header-search-wrapper.focus { box-shadow: none; } .header-search-input { background: none; box-shadow: none; } .header-search-input:focus { box-shadow: none; } .header-search-button { background: none; } .header-search-button.input-button:focus-visible { box-shadow: none; } .header-search-scope { color: hsla(0, 0%, 0%, .7); } .jump-to-suggestions-path mark { background-color: transparent; } .app-banner-icon { color: #fff; } .ActionList-item { background-color: transparent; } @media (hover: hover) { .ActionList-item[aria-disabled=true]:hover { background-color: transparent; } } .ActionList-content { background-color: transparent; } .ActionList-content:focus { box-shadow: none; } .ActionList-content:focus-visible { box-shadow: none; } @media (hover: hover) { .ActionList-content[aria-disabled=true]:hover { background-color: transparent; } } .select-menu-tabs .select-menu-tab-nav, .select-menu-tabs a { background-color: transparent; } .select-menu.label-select-menu .select-menu-item:active { background-color: transparent !important; } .select-menu-item:focus .Label, .select-menu-item:hover .Label { border-color: currentcolor; } .collapsible-sidebar-widget-button, .comment-body .highlight { background-color: transparent; } .locked-conversation .preview-tab, .locked-conversation .write-tab { color: #767676; } .signed-commit-badge { background: none; } .blob-wrapper table tr:nth-child(2n) { background-color: transparent; } .add-line-comment.octicon-check { background-color: #c6c6c6; } .inline-comment-form { border-color: #343434; } button.discussion-sidebar-toggle { background: none; } .previewable-comment-form .comment-body { background-color: transparent; } :target .timeline-comment-group .timeline-comment .timeline-comment-group .timeline-comment { box-shadow: none !important; } .notifications-component-dialog:not([hidden]) + .notifications-component-dialog-overlay, .reponav-wrapper .reponav-item.selected { background-color: transparent; } @media (max-width: 768px) { .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) { background-color: transparent; } } .steps { border-color: #343434; box-shadow: 0 1px 3px rgba(220, 220, 220, .05); } .steps li { color: #767676; border-left-color: #343434; } .prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.added, .prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.changed, .prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.removed { box-shadow: none; } .social-reaction-summary-item { background-color: transparent; border: 1px solid var(--borderColor-default, var(--color-border-default, #246)); } .new-reactions-dropdown .dropdown-menu-reactions::after, .new-reactions-dropdown .dropdown-menu-reactions::before { background-color: transparent; } .render-container.is-render-ready.is-render-requested:not(.is-render-failed) { background: none; } @media (prefers-reduced-motion: no-preference) { .Skeleton { -webkit-mask-image: linear-gradient(75deg, #f0f0f0 30%, rgba(0, 0, 0, .65) 80%); mask-image: linear-gradient(75deg, #f0f0f0 30%, rgba(0, 0, 0, .65) 80%); } } .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger { background-color: transparent; } .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-kbd { background-color: var(--bgColor-transparent, transparent); box-shadow: none; } .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton { background-color: transparent; } .AppHeader .AppHeader-globalBar .AppHeader-search input[type=search]:placeholder-shown { background-color: transparent; } .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing { background-color: var(--bgColor-transparent, transparent); } .AppHeader .AppHeader-button { background-color: transparent; } .AnimatedImagePlayer-images { background: none; } @media (max-width: 767px) { .notifications-v2 .AvatarStack-body .avatar { border-right-color: var(--ghd-bg-color) !important; } } .notifications-v2 .thread-subscription-status { background-color: transparent !important; } .inline-form .btn-plain { background-color: transparent; } .upload-enabled.focused .form-control { box-shadow: none; } .progress-pjax-loader { background-color: transparent; } .progress-pjax-loader > .progress-pjax-loader-bar { background-color: /*[[base-color]]*/; } .tag-input-container .focus { box-shadow: none !important; } .tag-input input { background: none; box-shadow: none; } .tag-input input:focus { box-shadow: none; } .topic-tag-outline { box-shadow: inset 0 0 0 1px #246; } .is-auto-complete-loading :not(input).form-control, .topic-input-container .tag-input .tag-input-inner { background-image: none; } .CommentBox-container.CommentBox-container:focus-within { box-shadow: none; } .CommentBox-input { background: none; } .CommentBox-input.CommentBox-input:focus, .CommentBox-input.CommentBox-input:focus-visible { box-shadow: none; } .CommentBox .dragover .CommentBox-input, .CommentBox .dragover .CommentBox-input:focus { box-shadow: none; } .CommentBox-comment.CommentBox-comment:focus, .CommentBox-comment.CommentBox-comment:focus-visible { box-shadow: none; } .QueryBuilder-Input { background-color: transparent; } .QueryBuilder-Input:focus { box-shadow: none !important; } .AvatarStack-body:not(:hover) { background-color: transparent; } .hx_badge-search-container .hx_badge-input { box-shadow: none; } .hx_badge-search-container .hx_badge-input:focus { box-shadow: none !important; } .dropdown-item.btn-link:disabled, .dropdown-item.btn-link:disabled:hover, .dropdown-item.btn-link[aria-disabled=true], .dropdown-item.btn-link[aria-disabled=true]:hover { background-color: transparent; } [data-color-mode=dark][data-dark-theme*=dark], [data-color-mode=light][data-light-theme*=dark] { --color-calendar-graph-day-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L1-border: hsla(0, 0%, 0%, .05); --color-calendar-graph-day-L2-border: hsla(0, 0%, 0%, .05); --color-calendar-graph-day-L3-border: hsla(0, 0%, 0%, .05); --color-calendar-graph-day-L4-border: hsla(0, 0%, 0%, .05); } @media (prefers-color-scheme: light) { [data-color-mode=auto][data-light-theme*=dark] { --color-calendar-graph-day-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L1-border: hsla(0, 0%, 0%, .05); --color-calendar-graph-day-L2-border: hsla(0, 0%, 0%, .05); --color-calendar-graph-day-L3-border: hsla(0, 0%, 0%, .05); --color-calendar-graph-day-L4-border: hsla(0, 0%, 0%, .05); } } @media (prefers-color-scheme: dark) { [data-color-mode=auto][data-dark-theme*=dark] { --color-calendar-graph-day-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L1-border: hsla(0, 0%, 0%, .05); --color-calendar-graph-day-L2-border: hsla(0, 0%, 0%, .05); --color-calendar-graph-day-L3-border: hsla(0, 0%, 0%, .05); --color-calendar-graph-day-L4-border: hsla(0, 0%, 0%, .05); } } :root, [data-color-mode=dark][data-dark-theme*=light], [data-color-mode=light][data-light-theme*=light] { --color-bg-discussions-row-emoji-box: rgba(90, 90, 90, .5); --color-calendar-graph-day-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L1-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L2-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L3-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L4-border: rgba(220, 220, 220, .06); --color-project-gradient-out: transparent; } @media (prefers-color-scheme: light) { [data-color-mode=auto][data-light-theme*=light] { --color-bg-discussions-row-emoji-box: rgba(90, 90, 90, .5); --color-calendar-graph-day-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L1-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L2-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L3-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L4-border: rgba(220, 220, 220, .06); --color-project-gradient-out: transparent; } } @media (prefers-color-scheme: dark) { [data-color-mode=auto][data-dark-theme*=light] { --color-bg-discussions-row-emoji-box: rgba(90, 90, 90, .5); --color-calendar-graph-day-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L1-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L2-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L3-border: rgba(220, 220, 220, .06); --color-calendar-graph-day-L4-border: rgba(220, 220, 220, .06); --color-project-gradient-out: transparent; } } .Header-button:active, .Header-button:focus, .Header-button:hover { background-color: transparent; } .Box--responsive .Box-row--unread, .Header-button:active .octicon, .Header-button:focus .octicon, .Header-button:hover .octicon, .hx_kbd { box-shadow: none; } .Box--responsive .Box-row--unread::before { color: #fff; background-image: linear-gradient(/*[[base-color]]*/, /*[[base-color]]*/); } .autocomplete-item, .topic-tag-outline { background-color: transparent; } .pagehead-tabs-item.selected, .reponav-item.selected { border-top-color: #fff; } .hx_disabled-input .form-control[contenteditable=false], .hx_disabled-input input[disabled], .hx_disabled-input select[disabled] { background-color: transparent; box-shadow: none; } .hx_disabled-input .form-select { background-image: none !important; } .integrations-install-target .flash, .integrations-install-target .flash-error { background-color: transparent; } .usage-bar { background-color: #2c2c2c; } .blob-code-content .error-highlight::before, .diff-table .error-highlight::before { background: linear-gradient(135deg, transparent, transparent 45%, var(--fgColor-danger, var(--color-danger-fg)), transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, var(--fgColor-danger, var(--color-danger-fg)), transparent 55%, transparent 100%); } .code-frequency .addition { fill: #373; } .search-form-fluid .search-page-input { background: none; box-shadow: none; } .search-form-fluid .search-page-input:focus { box-shadow: none; } .suggest-icon path, .suggest-icon svg { fill: #181818; } development-menu .development-menu-component-dialog:not([hidden]) + .development-menu-component-dialog-overlay, development-menu .form-control[is-loading] { background-color: transparent; } .file { border: 1px solid var(--borderColor-default, var(--color-border-default, #343434)); } .file .image { background-color: #343434; } .file .image canvas, .file .image img { background-color: #2c2c2c; border-color: var(--ghd-bg-color); } .file .image .view canvas, .file .image .view img { background-color: #2c2c2c; } .file .empty { background: none; } .integrations-select-repos::-webkit-scrollbar-thumb { box-shadow: 0 0 1px hsla(0, 0%, 0%, .5); } .integrations-select-repos::-webkit-scrollbar-track-piece { background-color: transparent; } .task-progress .octicon { color: var(--fgColor-muted, var(--color-fg-muted), #767676); } .issue-meta-section .octicon { color: var(--fgColor-muted, var(--color-fg-muted), #5a5a5a); } .label-select-menu .selected:active, .label-select-menu [aria-checked=mixed]:active, .label-select-menu [aria-checked=true]:active { background-color: transparent !important; } .map-background { fill: /*[[base-color]]*/; } .map-graticule, .map-legend .map-legend-circle { stroke: #181818; } .map-legend .map-legend-text { fill: #181818; } .map-legend .map-legend-link { stroke: #181818; } .map-point, .map-point:hover { fill: #fb8532; } .MarketplaceEdit-body .CircleIcon { background-color: #444; } .ClipboardButton.ClipboardButton--success, .ClipboardButton.ClipboardButton--success:focus { box-shadow: 0 0 0 .2em #3737; } .news .alert { border-top-color: #242424; } .trial-banner-notice { background-image: linear-gradient(180deg, /*[[base-color]]*/ 0%, #4f8cc9 100%); } @media print { .State { background: none; } .State--open { border-color: #373; } } .pending-cards-status { background-image: linear-gradient(/*[[base-color]]*/, /*[[base-color]]*/); } .timeout { background-color: transparent; } .prereceive-feedback, .revert-error { border-color: #343434; } .access-token.new-token { background-color: #44884450; } .form-hr { border-bottom-color: var(--borderColor-default, var(--color-border-default, #343434)); } .listgroup { border: 1px solid var(--borderColor-default, var(--color-border-default, #343434)); } .listgroup-item + .listgroup-item { border-top: 1px solid var(--borderColor-default, var(--color-border-default, #343434)); } .listgroup-header { border-bottom: 1px solid var(--borderColor-default, var(--color-border-default, #343434)); } .listgroup-overflow { background-color: var(--bgColor-muted, var(--color-canvas-subtle, #222)); } .draft-tag { color: #2c2c2c; } .showcase-page-pattern::after { background-image: linear-gradient(180deg, hsla(0, 0%, 0%, .85), #181818); } .sponsors-goal-progress-bar { background-color: #c49; } @media (prefers-reduced-motion: no-preference) { .sponsors-goal-progress-bar:hover { background: linear-gradient(90deg, #cb4 0%, #c49 17%, #b34bff 34%, #01feff 51%, #cb4 68%, #c49 85%, #b34bff 100%); } } .hx_status-indicator.status-indicator-loading { background-image: none; } .team-label-ldap { box-shadow: none; } .TrackingBlock .Button--invisible:disabled { background-color: transparent; } .tasklist-omnibar-input-wrapper:not([open]) .Overlay, .tasklist-textarea-container > textarea { box-shadow: none; } .convert-to-issue-button { background-color: transparent; } .WorkflowJob-deployment-progress .Progress { background: none; } .hx_flex-avatar-stack-item .avatar { box-shadow: none; } .hx_merge_queue_entry_status_icon { background-color: transparent; } @keyframes toggle-color { 0% { background-color: transparent; } 100% { background-color: transparent; } } .merge-branch-manually { background-color: transparent; } .status-meta-file-name { background-color: rgba(220, 220, 220, .05); } .milestone-title-link a { color: var(--fgColor-default, var(--color-fg-default), #c6c6c6); } .table-of-contents .toc-diff-stats .octicon { color: #767676; } .blame-commit[data-heat="1"] { border-right-color: #fb8532; } .heat[data-heat="1"] { background-color: #fb8532; } .blame-commit-date[data-heat="1"] { color: #f3582c; } .blame-commit-date[data-heat="10"] { color: #9b9b9b; } .branch-a-b-count .meter.zero { background-color: transparent; } .branch-a-b-count .bar-ahead.even, .branch-a-b-count .bar-behind.even { background-color: #2c2c2c; } .focusable-grid-cell:focus { box-shadow: none; } .diff-line-number .diff-line-number-button:focus-visible { box-shadow: none; } .expand-row-ellipsis, .react-code-line-contents .expand-row-ellipsis { background-color: transparent; } @media (forced-colors: active) { .code-navigation-cursor { background-color: #181818 !important; } } .tree-finder-input, .tree-finder-input:focus { box-shadow: none; } .tree-browser-result mark { background: none; } /* end github.com rules */ body, body.bg-gray { color: var(--ghd-body-color); background-color: var(--ghd-bg-color) !important; background-image: var(--ghd-bg-img) !important; background-clip: border-box !important; background-origin: padding-box !important; background-attachment: /*[[bg-attachment]]*/ !important; /*[[bg-options]]*/ } .application-main > .color-bg-canvas-inset { background: transparent !important; } /* Base link colors */ .markdown-body a strong, .markdown-format a strong, .notifications.list-group a:hover, a.octolinker-link[href], .commit-id:hover, .timeline-comment-action:hover, .Header-link[data-ga-click]:focus, .Header-link[data-ga-click]:hover, .btn-link .octicon-kebab-horizontal:hover, .Header-link:hover, .Header-link:focus, .bJroUH, .ztywJ { color: /*[[base-color]]*/; } .text-gray-light.btn-octicon:hover .octicon-kebab-horizontal, [aria-labelledby="files"] .Link--primary, [aria-labelledby="files"] .Link--secondary { color: /*[[base-color]]*/ !important; } #notebook a:hover, #notebook a:focus { color: /*[[base-color]]*/; opacity: .8; } body.api li a code { color: rgba(/*[[base-color-rgb]]*/, .9) !important; } body.api li a:active code, body.api li a:hover code { color: rgba(/*[[base-color-rgb]]*/, 1) !important; } .hidden-text-expander .hx_bg-black-fade-15 { background: #343434; } /* Base color panel */ option:hover, .listings-layout .nav li a:hover, #fork-select .target:not(.disabled):hover, table.upgrades tr:hover td, .dashboard-tabs a:hover, .documentation-results a:hover, .hidden-text-expander a:hover, .example-nav li a.selected, .issues-reset-query:hover .octicon-x, .segmented-nav li.active, .diff-expander:hover, .owner-select-target:hover, .release-timeline-tags .expander-text:hover .expander-dots, .search-result-item.navigation-focus, .pull-request-link:hover, .issues-reset-query:hover .issues-reset-query-block, .result.selected, .result:hover, .CommunityTemplate-highlight, .version-picker a:hover, .discussion-item-changes-marker.is-unread .discussion-item-icon { background: /*[[base-color]]*/ !important; } .diff-table button.add-line-comment, .add-line-comment, .email-format .email-hidden-toggle a:hover { background: /*[[base-color]]*/; } .context-button::after { border-color: /*[[base-color]]*/ transparent !important; } .timeline-progressive-disclosure-button:hover, .release-timeline-tags .expander-text:hover .expander-dots, .review-comment[aria-selected=true], .timeline-comment[aria-selected=true] .review-summary .comment-body { border-color: /*[[base-color]]*/ !important; } /* pjax loader */ [style*="background-color: rgb(121, 184, 255)"] { background: /*[[base-color]]*/ !important; } @keyframes autofill { to { background-color: #181818; background-image: none; color: #ddd; } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { animation-name: autofill !important; animation-fill-mode: both !important; } #com #header .top-nav .dropdown-button:hover .dropdown-caret, .header-nav-link:hover .dropdown-caret, .header-nav-link:focus .dropdown-caret, .header-navlink:hover .dropdown-caret, .header-navlink:focus .dropdown-caret, .HeaderNavlink:hover .dropdown-caret, .HeaderNavlink:focus .dropdown-caret { border-top-color: /*[[base-color]]*/ !important; } .table-list .table-list-item.unread .table-list-cell-checkbox, .Box-row--unread, .Box-row.unread { border-left-color: /*[[base-color]]*/ !important; box-shadow: 2px 0 0 /*[[base-color]]*/ inset !important; } /* notification icon - "transparent" border */ .notification-indicator .mail-status { border-color: #181818; } /* text selection */ ::selection { background-color: /*[[base-color]]*/ !important; color: #fff !important; } ::-moz-selection { background-color: /*[[base-color]]*/ !important; color: #fff !important; } /* placeholder */ ::-webkit-input-placeholder { color: #666 !important; opacity: 1 !important; } ::-moz-placeholder { color: #666 !important; opacity: 1 !important; } ::placeholder { color: #666 !important; opacity: 1 !important; } .select-menu-text-filter input::-webkit-input-placeholder { color: #555 !important; } .select-menu-text-filter input::-moz-placeholder { color: #555 !important; } .select-menu-text-filter input::placeholder { color: #555 !important; } ::-webkit-calendar-picker-indicator { background-color: #181818; color: #c9c9c9; } ::-webkit-calendar-picker-indicator:hover { color: #666; } /* Remove dotted borders on already otherwise higlighted elements (Firefox) */ .dropdown-item:focus, .details-dialog:focus { outline: none; } /* commit tease */ .commit-tease, .commit-tease-sha, .commit-tease .commit-author { color: #c6c6c6 !important; } .tree-browser-result mark { color: #c6c6c6; } /* people panel org page issue #1041 */ .auto-search-group input[type="text"][aria-label] { background: #181818; } .input-contrast { background: #181818; } /* add border to site search field */ .radio-group input[type=radio] { position: relative !important; } .dragover textarea, .dragover .drag-and-drop { box-shadow: 0 0 1px 1px /*[[base-color]]*/ !important; } /* remove background on frontpage */ .application-main > .color-bg-inset { background: none !important; } .starred .starred-button-icon { color: var(--color-fg-muted); } /* below style is workaround for Firefox. */ /* see: https://bugzilla.mozilla.org/show_bug.cgi?id=1394491 */ optgroup::before { color: #888 !important; background-color: #181818 !important; } optgroup { background-color: #191919 !important; } /* custom checkboxes and radios */ input[type="checkbox"], input[type="checkbox"]:focus, input[type="radio"], input[type="radio"]:focus, input[type="checkbox"]:hover:active, input[type="radio"]:hover:active, input[type="checkbox"]:disabled, input[type="checkbox"]:hover:disabled, input[type="checkbox"]:hover:active:disabled { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #181818; border: 1px solid #484848; color: #eee; height: 14px; width: 14px; padding: 0 !important; border-radius: 0 !important; } input[type="radio"] { border-radius: 100% !important; } input[type="checkbox"]:disabled, input[type="checkbox"]:hover:disabled, input[type="checkbox"]:hover:active:disabled, input[type="radio"]:disabled { background-color: #282828 !important; color: #555 !important; } input[type="checkbox"]:checked { background: url('data:image/svg+xml;utf8,') !important; background-size: cover !important; } input[type="checkbox"]:checked:disabled { background: url('data:image/svg+xml;utf8,') !important; } input[type="checkbox"]:indeterminate { background: url('data:image/svg+xml;utf8,') !important; background-size: cover !important; } input[type="checkbox"]:indeterminate:disabled { background: url('data:image/svg+xml;utf8,') !important; } input[type="radio"]:checked { background: url('data:image/svg+xml;utf8,') !important; background-size: cover !important; } input[type="radio"]:checked:disabled { background: url('data:image/svg+xml;utf8,') !important; } /*[[tab-size]]*/ /* User time line firsts */ img[src$="profile-joined-github.png"] { padding-bottom: 20px !important; } table.pricing-table td:first-child { text-indent: 9px; } /* HACK: Label colors */ [class*="IssueLabel"][style*=" color: #f"], .IssueLabel a[style*="color: #f"], .issue-card-label[style*=" color: #f"] { color: #e8e8e8 !important; } [class*="IssueLabel"][style*=" color: #e"], .IssueLabel a[style*="color: #e"], .issue-card-label[style*=" color: #e"] { color: #e8e8e8 !important; } [class*="IssueLabel"][style*=" color: #d"], .IssueLabel a[style*="color: #d"], .issue-card-label[style*=" color: #d"] { color: #e8e8e8 !important; } [class*="IssueLabel"][style*=" color: #c"], .IssueLabel a[style*="color: #c"], .issue-card-label[style*=" color: #c"] { color: #e8e8e8 !important; } [class*="IssueLabel"][style*=" color: #3"], .IssueLabel a[style*="color: 3"], .issue-card-label[style*=" color: #3"] { color: #181818 !important; } [class*="IssueLabel"][style*=" color: #2"], .IssueLabel a[style*="color: #2"], .issue-card-label[style*=" color: #2"] { color: #181818 !important; } [class*="IssueLabel"][style*=" color: #1"], .IssueLabel a[style*="color: #1"], .issue-card-label[style*=" color: #1"] { color: #181818 !important; } [class*="IssueLabel"][style*=" color: #0"], .IssueLabel a[style*="color: #0"], .issue-card-label[style*=" color: #0"] { color: #181818 !important; } /* Fix GitHub's weird dark mode labels by reverting them to light mode values */ .hx_IssueLabel { --lightness-threshold: .453 !important; --border-threshold: .96 !important; --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1)) !important; background: rgb(var(--label-r), var(--label-g), var(--label-b)) !important; color: hsl(0, 0%, calc(var(--lightness-switch) * 100%)) !important; border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha)) !important; } /* Tooltip on contribution calendar */ .svg-tip { color: #949494; background: rgba(12, 12, 12, .8) !important; } .svg-tip::after { border-top-color: rgba(12, 12, 12, .9) !important; } .svg-tip strong { color: #dcdcdc; } .Label--gray-darker { border-color: #484848 !important; } .project-card .highlight pre { padding: 1em; overflow: auto; white-space: pre; word-wrap: initial; } .project-card code { padding: .2em .4em; background: #333 !important; } .intgrs-lstng-item-description::after { background-image: linear-gradient(to right, rgba(24, 24, 24, 0), #181818 80%) !important; } .marketplace-product-callout-bg { background-image: linear-gradient(to right, rgba(24, 24, 24, 0), #181818) !important; } .CircleBadge--github::after { background-color: #fff; } div[style*="background: linear-gradient(to bottom, rgba(246,248,250,0.5) 0%,rgba(246,248,250,1) 100%);"] { background: linear-gradient(to bottom, rgba(32, 32, 32, .5) 0%, #202020 100%) !important; } .profile-timeline-month-heading { padding: 2px 5px !important; } input.tree-finder-input, input.tree-finder-input:focus { background: transparent !important; border: none !important; box-shadow: none !important; } .dropdown-menu, .word-upload-callout, .select-menu-modal { box-shadow: 0 3px 12px rgba(0, 0, 0, .4); } .dropdown-menu-dark::after { border-bottom-color: #343434 !important; } .exploregrid-item { border-color: rgba(255, 255, 255, .075) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 5px 10px rgba(0, 0, 0, .05) !important; } .exploregrid-item:hover { border-color: rgba(255, 255, 255, .15) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 8px 15px rgba(0, 0, 0, .3) !important; } .box-shadow-large, html[class*="ghh-"] .tooltipster-box { box-shadow: 0 1px 15px #000 !important; } img[src*="images/modules/checks"].box-shadow-large { box-shadow: 0 1px 15px #fff !important; } /* add rounded borders on bottom */ body[data-render-url], .render-viewer, .comment-content, .more-repos, .comment table { border-radius: 0 0 3px 3px !important; } .dashboard-tabs a, .search-filters { border-radius: 0 !important; } /* repo labels, private repo lists */ .repo-label span, .private .repo-list-item, .hook-delivery-guid { background: #222 !important; color: #777 !important; } .private .mini-repo-list-item .repo-icon { color: #777 !important; } .private .mini-repo-list-item { background: #221 !important; } .section-nav .active a, .js-current .standalone a, .sidebar-module .disable>a { border-radius: 0 !important; border-left: 2px solid #eee !important; } .dropdown-arrow { border-top-color: #eee !important; transition: none !important; } #com #header .top-nav .dropdown-caret { border-top-color: #ccc !important; } .js-menu-target:hover .dropdown-arrow { border-top-color: /*[[base-color]]*/ !important; } .bg-gray-dark, .CheckRun { background: #181818 !important; } table[aria-labelledby="folders-and-files"] th { background: var(--color-canvas-subtle) !important; } table[aria-labelledby="folders-and-files"] thead tr { color: var(--color-fg-muted) !important; } table[aria-labelledby="folders-and-files"] tbody { background: var(--color-canvas-default) !important; } #repos-sticky-header > div > div > div { background: var(--color-canvas-subtle) !important; } #readme { background: var(--color-canvas-default) !important; } #readme > div:first-child { background: var(--color-canvas-subtle) !important; } /* Add border-top to PR checks results blank slate */ aside.border-top + section.bg-gray-dark:not([class*="js-"]) { border-top: 1px solid #343434; } /* Make it more apparent that
is clickable */ .markdown-body details summary:not([aria-haspopup]):hover { background: #282828; box-shadow: 0 0 0 2px #282828; cursor: pointer; } /* https://github.com/about/diversity dots fix */ .bg-hero-dots-gray::after { filter: brightness(50%); } /* GitHub Bug: Center discussion close icon vertically */ .discussion-item-closed .octicon { position: relative !important; top: -1px; } /* GitHub Bug: Center counters vertically on the line */ .boxed-group .counter, .reponav-item .counter, .boxed-group .Counter, .reponav-item .Counter { position: relative !important; top: -1px !important; } /* GitHub Bug: Fix image swipe handle misalignment */ .swipe .swipe-frame .swipe-bar .top-handle, .swipe .swipe-frame .swipe-bar .bottom-handle { left: -6px !important; } /* GitHub Bug: Stop commit message field from resizing horizontally */ #commit-description-textarea { resize: vertical !important; } /* GitHub Bug: Fix cut-off 'g' letters in box headers like on https://github.com/notifications */ .boxed-group .heading, .boxed-group > h3 { padding: 7px 10px 8px; line-height: inherit; } /* GitHub Bug: Fix cut-off 'g' letters on user page timeline repo names */ .profile-timeline .lh-condensed { line-height: 1.35rem !important; } /* GitHub Bug: Fix cut-off 'g' letters on action workflow list */ [id^="check_suite"] .lh-condensed { line-height: 1.35rem !important; } /* GitHub Bug: fix disabled dropdown entries bg hover see https://git.io/Jfjul */ .btn-link:disabled:hover { background: none; } /* GitHub Bug: Fix .branch-action-state ::after border right color */ .branch-action-state-clean .timeline-comment--caret::after, .branch-action-state-dirty .timeline-comment--caret::after, .branch-action-state-unknown .branch-action-body::after, .branch-action-state-unstable .branch-action-body::after { border-right-color: #181818; } /* GitHub Bug: Vertically center ... expander in box headers */ .Box-header .Details .ellipsis-expander { position: relative; top: -1.5px; } /* GitHub Bug: Vertically center counters on issue list "Labels" button */ .subnav-item .Counter { position: relative; top: -1.25px; } /* GitHub Bug: Make review comment file table full width */ .comment-body .blob-wrapper > table { width: 100%; } /* GitHub Bug: Vertically center labels on issue lists and add some margin */ .Box-row .labels { 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; } /* GitHub Bug: Fix cut-off actions sidebar */ .js-check-suites-sidebar { height: auto !important; } /* GitHub Bug: Fix link color in markdown comments */ .reorderable-task-lists .markdown-body .issue-link { color: var(--color-text-link); font-weight: inherit; } /* GitHub Bug: Ensure body covers viewport height */ body { min-height: 100vh; } /* GitHub Bug: Fix margin imbalance in issue comments */ .edit-comment-hide > .mb-2 { margin-bottom: 0 !important; } .edit-comment-hide > .mb-2 .comment-reactions { margin-bottom: 8px !important; } /* Opinionated: Remove excessive box padding and adjust avatars to match */ .Box-row, .Box-header, .Box-body { padding: 8px 12px; } .file-header { padding: 4px 6px; background: #202020 !important; } .js-code-editor .file-header { padding: 5px 10px; } /* https://github.com/vednoc/userstyles.world */ /* https://github.com/vednoc/userstyles.world/blob/main/themes */ /* https://github.com/vednoc/userstyles.world/blob/main/themes/.gitkeep */ .avatar[width="24"], .avatar-user[width="24"] { width: 20px; height: 20px; } .AvatarStack .avatar { width: 20px !important; height: 20px !important; overflow: visible !important; } .orghead > div > div { margin-bottom: 0 !important; } .Box-header .avatar[width="24"], .Box-header .avatar-user[width="24"] { position: relative; top: 2px; left: 2px; } .Box-header a[rel] .avatar[width="24"], .Box-header a[rel] .avatar-user[width="24"] { top: -1px; left: 2px; margin-right: 4px; } .Box-header .ml-n1 { margin-left: 0 !important; margin-right: -8px !important; } /* fix close icon when .m-0 class is applied */ .Box-btn-octicon.btn-octicon.m-0 { margin: -8px !important; } /* Repo files table: Make first border blue */ .repository-content .Box.mb-3 .Details .sr-only + .Box-row { border-top-color: #246 !important; } /* Various tweaks to own comments in discussion */ .discussion-comment.current-user div.clearfix { border-radius: 3px 3px 0 0; } .discussion-comment .js-inline-comments-container, .discussion-comment .js-resolvable-timeline-thread-container { background: none; } .discussion-comment .review-thread-reply { border-radius: 0 0 5px 5px; } .discussion-comment.current-user .review-thread-reply { background: #182030; border-color: #246; } /* Monochrome Issue progress icon */ tracked-issues-progress circle[stroke] { --color-accent-fg: #ccc; } /* "Code" button on repo */ .btn-primary .octicon { color: inherit; } .btn-primary.disabled, .btn-primary:disabled, .btn-primary[aria-disabled="true"], .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { color: var(--color-icon-tertiary); } /* topic tags */ .topic-tag { box-shadow: inset 0 0 0 1px #246 !important; } .topic-tag.topic-tag-outline { box-shadow: inset 0 0 0 1px #6d7c9c !important; } /* user page sticky header */ main > div.position-sticky.d-md-block.width-full { position: relative; } main > div.position-sticky.d-md-block.width-full:before { content: ""; position: absolute; left: 0; right: 0; top: -24px; height: 24px; background: #181818; } /* Add bottom border on subnav - https://github.com/topics */ .site-subnav { box-shadow: 0 1px 0 #343434 !important; } @media screen and (min-width: 1024px) { .site-subnav .subnav-primary.selected, .site-subnav .subnav-primary:hover { border-bottom-color: #eee !important; } } @media screen and (max-width: 768px) { body .p-responsive .subnav-btn { background: transparent !important; } body .p-responsive .subnav-link[href="https://enterprise.github.com/contact"] { border-bottom-color: transparent !important; color: #8e8e8e !important; } body .p-responsive .subnav-link[href="https://enterprise.github.com/contact"]:hover { border-bottom-color: transparent !important; color: #c6c6c6 !important; } } /* invisible border */ @media screen and (max-width: 768px) { body.page-responsive .site-subnav .subnav-primary.selected, body.page-responsive .site-subnav .subnav-primary:hover { border-bottom-color: transparent !important; color: #c6c6c6 !important; } } .avatar-stack .avatar, .tabs > a, .header .divider-vertical, .about-menu-link { border-color: transparent !important; } /* darken border */ .wiki-wrapper .wiki-empty-box:hover, .about-menu-link:hover, .about-menu-link.selected, .pricing-table { border-color: #777 !important; } /* brighten border */ .filter-item.selected .Label--outline-white { border-color: #fff; } .filter-tab.selected { border: 1px solid #444 !important; border-bottom: 1px solid #343434 !important; } .follow-list .follow-list-item { border-bottom: 1px solid #343434 !important; } .branch-action-body::after { border-right-color: #181818 !important; } .branch-action-state-closed-dirty .branch-action-icon, .branch-action-state-dirty .branch-action-icon, .is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-icon, .State[title*="draft" i] { background: #484848; } /* https://github.com/mobile/ */ .mobile-gradient-bg { display: none; } svg.mobile-hero { filter: invert(100%) hue-rotate(180deg); } /* discussion timeline tweaks */ .closed-banner { display: none !important; } /* background image on https://github.com/stylishThemes/github-dark/actions/new */ .repo-actions-hero { filter: invert(1) hue-rotate(180deg); mix-blend-mode: exclusion; } .release .markdown-body img { background: none; } .js-profile-timeline-year-list { background: none !important; } .contribution-activity-listing .Progress { background: none !important; } .contribution-activity-listing .Progress-item { background: /*[[base-color]]*/ !important; } .discussion-timeline-actions { border-top: 2px solid #383838 !important; background: none !important; } .discussion-timeline::before { margin-top: 2px !important; background: #383838 !important; height: calc(100% - 259px) !important; } .profile-timeline.discussion-timeline::before { height: 100% !important; } .listings div.listing { border-left: 2px solid #333 !important; border-right: 2px solid #333 !important; } #org-members .member-listing { border-left: 1px solid #333 !important; border-right: 1px solid #333 !important; } .MarketplaceSideNav, .plans-card-text:first-child { border-right-color: #484848 !important; } /* fix commit form bg color */ .commit-form { background-color: var(--ghd-bg-color); } .Popover-message.Box { background-color: var(--ghd-bg-color); } .Popover-message.box-shadow-large { box-shadow: 0 8px 24px rgba(24, 24, 24, .8) !important; } .Popover-message--top-left::after { border-bottom-color: #181818 !important; } .word-upload-callout::before, .word-upload-callout::after, .select-menu-modal-arrow::after, .Popover-message--top-left::before { border-bottom-color: #343434 !important; } .repo-filterer .repo-filter:hover, .review-summary::before { border-bottom-color: #484848 !important; } .issue-head { border-bottom-width: 1px !important; } .context-button:hover::after, .switcher > span::before { border-color: #eee transparent transparent !important; } /* repo tab tweaks */ .reponav-item { border-top-width: 1px !important; } .reponav-item.selected { border-color: #343434; } .pagehead-tabs-item { border-top-width: 1px !important; } .Header .header-search-wrapper, .Header .header-search-wrapper input { background: #202020 !important; } .js-new-comment-form .previewable-comment-form .tabnav-tab.selected, .js-new-comment-form .previewable-comment-form .tabnav-tab[aria-current]:not([aria-current="false"]), .js-new-comment-form .previewable-comment-form .tabnav-tab[aria-selected="true"], .timeline-new-comment .timeline-comment, .timeline-new-comment .tabnav-tab.selected, .timeline-new-comment .tabnav-tab[aria-current]:not([aria-current="false"]), .timeline-new-comment .tabnav-tab[aria-selected="true"], .previewable-comment-form .comment-form-head.tabnav, .timeline-comment.current-user.is-comment-editing { background: #1b1b1b !important; } .new-discussion-timeline .composer .comment-form-head.tabnav { background: #202020; } .pagehead-tabs-item.selected, .reponav-item.selected, .tabnav-tab.selected, .tabnav-tab[aria-selected="true"], .tabnav-tab[aria-current]:not([aria-current="false"]) { background: #202020; border-bottom-color: #202020 !important; } .branches .branch-summary + .branch-summary { border-top-color: #333 !important; } /* code */ .linkable-line-number { border-right: 1px solid #484848 !important; } /* https://github.com/StylishThemes/GitHub-Dark/issues/620 */ .timeline-comment-header .css-truncate-target { max-width: 250px !important; } /* fix background on "new issue" form */ .timeline-comment > div.p-0.mb-md-0 { background: var(--ghd-bg-color); border-radius: 3px 3px 0 0; } /* tooltip - tooltipped */ .octotip { background-color: #003 !important; border-color: #006 !important; } .tooltipped::after { background: #343434 !important; } .tooltipped-n::before, .tooltipped-ne::before, .tooltipped-nw::before { border-top-color: #343434 !important; } .tooltipped-s::before, .tooltipped-se::before, .tooltipped-sw::before { border-bottom-color: #343434 !important; } .tooltipped-e::before { border-right-color: #343434 !important; } .tooltipped-w::before { border-left-color: #343434 !important; } .review-comment[aria-selected=true], .timeline-comment[aria-selected=true] .review-summary { background-color: #181818 !important; box-shadow: 0 0 0 .2em rgba(/*[[base-color-rgb]]*/, .3) !important; } .timeline-comment-group[aria-selected=true] .timeline-comment::before { border-right-color: /*[[base-color]]*/ !important; left: -17px !important; filter: none !important; } .timeline-comment:target .review-summary::after { top: -16px !important; filter: none !important; } .timeline-comment[aria-selected=true] .review-summary::before { border-bottom-color: rgba(/*[[base-color-rgb]]*/, .3) !important; top: -19.75px !important; filter: none !important; } /* fix .discussion-topic-header in first PR bg color match the arrow */ .timeline-comment .discussion-topic-header { background-color: var(--ghd-bg-color); } /* search - language sidebar - https://github.com/StylishThemes/GitHub-Dark/search?q=markdown */ div.container-lg > div.float-left.px-md-2 > .border.rounded-1.d-none.d-md-block { background: #181818; border-color: #484848 !important; } .dashboard-sidebar, .tint-box, .capped-card-content, .table-list-item, .pinned-issue-item, .line-comments, .js-notice > .border:not(.bg-blue-light), .js-notice.border, #projects-results, .pr-toolbar.is-stuck, article.border.rounded-1, #search-member, .sidebar-progress-bar > .d-flex, .pagination-loader-container .discussion-item-header .border, #wiki-footer .border-dashed, #wiki-rightbar .border-dashed, .profile-timeline-card, .avatar-before-user-status, .graph-before-activity-overview, .access-form-wrapper, .border-right.border-bottom.border-left, .news .issues_labeled .border, table.pricing-table, .two-factor-steps, .project-column, .branch-action-item.js-transitionable, .prose-diff, .listgroup, .repository-og-image:not([style*="background-image"]), .thread-subscription-status { background: #181818; } /* Expandable review boxes, rendered and loading */ .js-inline-comments-container, .js-resolvable-timeline-thread-container { background: #181818; border-radius: 3px; } .js-diff-load-container, .file .data.empty { background-color: var(--ghd-code-background) !important; border-radius: 0 0 5px 5px !important; } /* unread notifications are darker bg than read issue #1095 */ .blame-hunk .blame-commit, .notifications-list-item.notification-unread { background: #181818; } /* read notifications are lighter bg than read issue #1095 */ .notifications-list .list-style-none.bg-gray { background: #1e1e1e !important; } .blame-hunk, .blame-hunk .blob-num, .render-container, .blob-wrapper { background-color: var(--ghd-code-background) !important; } .radio-label, [style*="background-color: #2f363d"], .project-full-screen .project-header { background-color: #181818 !important; } /* https://github.com/StylishThemes/GitHub-Dark/issues/811 */ .application-main > main .container-sm > .pt-4.bg-white.text-center { background: none !important; } /* Labels/Milestone links https://github.com/StylishThemes/Github-Dark/issues */ .subnav-links { background: #181818; } /* blankslates */ /* bordered: https://github.com/StylishThemes/GitHub-Dark/actions/runs/42585904 */ /* bordered: https://github.com/StylishThemes/GitHub-Dark/network/alerts */ /* unbordered: https://github.com/StylishThemes/GitHub-Dark/pull/1069/files/d0801046a22eaf88d9081de9c7d415825cb1f9fa..291b428577d344d54039de9aa0d8ed3a8fcfaebc */ .blankslate { background: none !important; } .blankslate.border, .blankslate.border-gray-light, .js-updatable-content > .border.rounded-1, .actions-workflow-stats, .actions-fullwidth-module { background: #181818 !important; } /* add background to pagination active states and remove transitions */ .pagination a:active, .pagination a:focus, .pagination a:hover, .pagination em:active, .pagination em:focus, .pagination em:hover, .pagination span:active, .pagination span:focus, .pagination span:hover { background: #181818; transition: none !important; } .pagination a, .pagination em, .pagination span { transition: none !important; } /* add background to discussions sidebar box */ .repository-content > .js-check-all-container .d-none.d-lg-block > .border { background: #181818; } /* add background to packages page */ /* https://github.com/yarnpkg/berry/packages/19319 */ .repository-content .border.rounded-1.px-3.py-4.mb-6 { background: #181818; } button.bg-white.subnav-link, main [style="background-color: #fcfdfd;"], .repository-content > .bg-white:not(.card-filter-autocomplete-dropdown), [data-color-mode] { background-color: transparent !important; } .sidebar-module, div.search-form input, #search > input[name="q"], .ais-SearchBox-input { background-color: #181818; border-color: #343434; } .blob-num-context, #user-content-toc td { background: #141414 !important; } .action-card::after, .action-card::before { background-color: #202020 !important; box-shadow: 0 0 0 1px #555 !important; } /* pseudo-transparent effects */ .conversation-list-heading .inner, .profile-timeline-month-heading { background-color: var(--ghd-bg-color) !important; } /* Navigation focus */ .list-browser-item.navigation-focus, .js-details-container.navigation-focus, .js-details-container.navigation-focus:nth-child(2n), .team-grid .team-members, .tree-browser tr.navigation-focus td, .issues-listing .table-list-issues .selectable:hover, .issues-listing .table-list-issues .navigation-focus, .setup-plans tr.selected, .notifications .navigation-focus, .sidebar-module ul ul li a:hover, .no-results, #gollum-editor-help-list, .owner-select-target, .divider .blob-code div.highlight, .oauth-org-access-details .boxed-group-list > li.on:hover, pre div:hover, .summary-stats li a:hover, .pinned-repos-selection-list-item.selected, .Box-body-row--highlight.navigation-focus, .Box-body-row--highlight:hover, .js-current .standalone a, .Box-row--focus-gray.navigation-focus, .team-listing .is-open.root-team, .Box-row--hover-gray:hover, .label-select-menu .select-menu-item.navigation-focus, .label-select-menu .select-menu-item:focus, .label-select-menu .select-menu-item:hover, .hRRzix:hover { background: #222 !important; } .search-result-group { background: #282828 !important; border-color: rgba(68, 68, 68, .5) !important; color: #555 !important; } .blame-commit-next .blame-commit-info, .blame-commit-next + .blame-line, .ScreenshotCarousel-nav { box-shadow: inset 0 1px 0 #343434 !important; } /* semi-transparent */ .context-loader.large-format-loader, #graphs .loader, .org-header, .illflow-item:not(.selected):hover, .orghead, .dropdown-toggle:hover, .dropdown-toggle.selected { background: rgba(20, 20, 20, .4) !important; } /* repo/page header */ .page-responsive .repohead, .page-responsive .pagehead, .repohead.bg-gray-light, .pagehead.bg-gray-light, main > .bg-gray-light, .application-main > .bg-gray-light { background: rgba(20, 20, 20, .4) !important; } main > .bg-gray-light nav.bg-gray-light { background: none !important; } .explore-signup-entice-inner { background: rgba(20, 20, 20, .9) !important; } .starred-repo.navigation-focus, .marketing-section-stripe, .blob-expanded .blob-num, .blob-expanded .blob-code, .migration-section-grey { background: rgba(50, 50, 50, .5) !important; } .details-expanded-dark[open] > summary::before, .details-overlay-dark[open] > summary::before, body.status .details-overlay-dark[open] > summary::before, body[class="page-responsive"] .details-overlay-dark[open] > summary::before, .SelectMenu::before { background: rgba(0, 0, 0, .5) !important; } .shelf { background-color: rgba(0, 0, 0, .2) !important; background-image: none !important; } /* page overlay */ .select-menu-loading-overlay, .slow-loading-overlay, .branches .loading-overlay { background-color: rgba(24, 24, 24, .6) !important; } /* remove background */ body > pre, .textographic a.repo, .stars-browser .filter-bar, .highlight .file-diff-line:hover pre, .gravatar, .topsearch span.search-input, p.meta, #facebox, .profilecols .filter-bar, .btn-group, div.content-header .search-form, .file-code, .org-header .edit-org:hover, #wrapper, .gravatar img, .commit-comments-header-sha, pre.headers code, .audit-search-form, .columns.equacols.bordered, .commits li img, a.minibutton code, .keyboard-mappings th, .api #header-wrapper .nav, .marketing-nav a.selected, #graph_data .tabs, .org-nav-item.selected, .edit-team-member:hover, tr.commit, .release-timeline .js-details-container, .section-heading-title a.js-selected-navigation-item, .featured-callout .screenshot, .timeline-commits .commit-meta .status, .theme-picker-spinner, .timeline-commits .commit-meta .octicon, .file .meta-divider, .avatar-stack.multiple-avatars::before, #feedHandler, .discussion-sidebar-item .thread-subscription-status, .boxed-group.application-show-group .logo-upload, .diagram-icon-small, #readme .highlight, .ace-github, .theme-picker, .avatar-stack .avatar, .boxed-group, .header .divider-vertical, .ace-github-base16, .markdown-body pre code, .markdown-body pre tt, #readme .plain pre, .uploaded-files, .input_area, #notebook .highlight, #notebook .highlight pre, .output_area pre, .delete-owners-button:hover, .avatar-child, .session-authentication .header-logged-out, .session-authentication .auth-form-header, .timeline-progressive-disclosure-items, #com #footer, .shade-gradient, #categories .list, .main-content, .showcase-page-header, .showcase-page-pattern::after, .description-inline, .result-group a, .border-wrap, a.feed-icon, .session-device, .boxed-group-list > li.session-device:hover, .merge-status-item .merge-status-icon, .project-columns, .project-header, .user-profile-nav, .profile-timeline-year-list.bg-white, .discussion-item-review .timeline-comment, .libraries-jumbotron, .bg-shade-gradient, .dev-hero, .render-container.is-render-ready.is-render-requested:not(.is-render-failed), .user-list li em, .api table, .dashboard-notice .coupon, .release-label, .oauth-org-access-details .oauth-org-item.on, .MarketplaceSideNav, .timeline-inline-comments, .AvatarStack-body, .team-discussions-container, .Collection ~ div[style*="linear-grad"], .application-main > div[style*="background"], .AvatarStack-body .avatar, .dropdown-toggle, ul.add-member-team-list.table-list, .gh-header, .enterprise-prompt, .enterprise-prompt *, .diffbar, .footer .bg-gray-light, .application-main [style*="background: linear-gradient(#ffffff, #fcfcfc)"], section[style="background-color: #fafbfc;"], div[style="background:#fafbfc;"], .team-left-column, .render-container.js-actions-page, .deployments-timeline-icon, .TimelineItem--condensed .TimelineItem-badge, .notification-navigation, .check-annotation code pre, .merge-status-item > [style*="#fff"], .pagehead, .pagehead nav { background: none !important; } @media (min-width: 1012px) { .file-commit-form--full { background: none !important; } } body[class="page-responsive"] .repo-list .private { background-color: initial; } .TimelineItem-badge { border-color: var(--ghd-bg-color); } /* org page graphs - https://github.com/StylishThemes */ rect[style*="#gradient-"] { fill: /*[[base-color]]*/ !important; } /* contribution progress bars on user page */ .contribution-activity-listing .progress-bar[style*="7bc96f"], .facebox-close:hover { opacity: 1 !important; } .contribution-activity-listing .progress-bar[style*="c6e48b"], .facebox-close { opacity: .75 !important; } .notifications .read .avatar img { opacity: .7; } /* contribution calendar */ .contribution-activity-listing .progress-bar[style*="background-color"] { background-color: /*[[base-color]]*/ !important; fill: /*[[base-color]]*/ !important; } .contrib-legend .legend li { box-shadow: none !important; } .contrib-legend [style*="#ebedf0"], .calendar-graph [fill="#ebedf0"] { background: var(--color-calendar-graph-day-bg) !important; fill: var(--color-calendar-graph-day-bg) !important; } .contrib-legend [style*="#9be9a8"], .calendar-graph [fill="#9be9a8"] { background: var(--color-calendar-graph-day-L1-bg) !important; fill: var(--color-calendar-graph-day-L1-bg) !important; } .contrib-legend [style*="#40c463"], .calendar-graph [fill="#40c463"] { background: var(--color-calendar-graph-day-L2-bg) !important; fill: var(--color-calendar-graph-day-L2-bg) !important; } .contrib-legend [style*="#30a14e"], .calendar-graph [fill="#30a14e"] { background: var(--color-calendar-graph-day-L3-bg) !important; fill: var(--color-calendar-graph-day-L3-bg) !important; } .contrib-legend [style*="#216e39"], .calendar-graph [fill="#216e39"] { background: var(--color-calendar-graph-day-L4-bg) !important; fill: var(--color-calendar-graph-day-L4-bg) !important; } .calendar-graph .days-selected rect.day.active { stroke: #ddd !important; } .calendar-graph rect.day:hover { stroke: #fff !important; } .calendar-graph rect.day { outline: none !important; } .contrib-person path { fill-opacity: .6; } .progress-bar.anim-grow-x, .dev-hero, .header-search-key-slash, input[src$="with-facebook.png"], #parallax_field, #parallax_illustration, figure .callout-permalink-big-image, figure .callout-permalink-stacked-image { filter: brightness(75%) !important; } img#parallax_error_text { filter: invert(100%) hue-rotate(180deg) brightness(120%) !important; } img[src*="data:image/jpeg;base64,/9j/4AAQSkZJRgA"] { filter: brightness(90%); } img[src*="//render.githubusercontent.com/render/math"] { filter: invert(90%); background-color: transparent; } .header-search-key-slash { filter: grayscale(100%) contrast(1.5) !important; } /* Activity Overview on userpage */ .activity-overview-axis, .activity-overview-point { stroke: /*[[base-color]]*/ !important; } #user-activity-overview .js-highlight-blob { stroke: /*[[base-color]]*/ !important; fill: /*[[base-color]]*/ !important; opacity: .4 !important; } /* invert (rgb) */ #header .logo, img[src="/images/logo@2x.png"], .site-logo a, .github-jobs-promotion a.jobs-logo strong, iframe[src*="polldaddy.com"], .swipe .swipe-frame .swipe-bar .top-handle, .swipe .swipe-frame .swipe-bar .bottom-handle, .onion-skin .controls .transparent, .onion-skin .controls .opaque, .onion-skin .controls .slider .slider-track, .onion-skin .controls .slider .slider-track .dragger, img[src$="favicons.githubusercontent.com/github.com"], img[src$="invertocat.png"], .ghd-invert, #footer .github img, #com span.octicon:not(.octicon-comment-discussion), .developer-thanks-image img, img[alt="GitHub Support"] { filter: invert(100%) hue-rotate(180deg) !important; } .code-navigation-banner .code-navigation-banner-illo { filter: invert(900%) hue-rotate(180deg) contrast(70%) brightness(110%) !important; } /* code coverage */ /* example: https://github.com/go-gitea/gitea/pull/6969 */ img[data-canonical-src^="https://codecov.io"][alt="Impacted file tree graph"] { filter: invert(92%) hue-rotate(180deg) saturate(250%) !important; } /* marketplace + help + feature img invert */ img[src*="marketplace-illustration-01.svg"], img[src*="marketplace-illustration-02.svg"], svg [data-name="Layer 2"] #Layer_5[data-name="Layer 5"], .illoTeam svg [data-name="Layer 2"], .illoIndiv #Layer_2[data-name="Layer 2"], svg [data-name="Layer 2"] g[data-name="octocat header"], svg[viewBox="0 0 1461.5 677.84"][width="700"], .feature-preview-dialog svg[fill="none"], div[data-url*="/notifications/beta"] img[src*="-zero.svg"], div[data-url*="/notifications/beta"] img[src*="saved-blank.svg"] { filter: invert(85%) hue-rotate(-180deg) brightness(125%) contrast(85%) !important; } .action-logo::after { filter: invert(100%) hue-rotate(180deg) brightness(350%) !important; } img[alt="FOSSA Status"], img[data-canonical-src*="prod/timeseries/"], a[href$="vote"] img[data-canonical-src*="/poll/"], #parallax_error_text:not(p), img[data-canonical-src*="img.shields.io"][data-canonical-src*="style=social"], img[alt="Mona Lisa"] { filter: invert(90%) hue-rotate(180deg) !important; } /* prevent background color inverting to bright color on opaque images */ /* example: social buttons on https://github.com/facebook/jest#readme */ img[alt="FOSSA Status"], img[data-canonical-src*="img.shields.io"][data-canonical-src*="style=social"] { background: none !important; } .container-xl[id] img { z-index: 100 !important; } /* GeoJSON maps */ /* https://github.com/benbalter/dc-maps/blob/master/maps/embassies.geojson */ /* https://github.com/colemanm/hurricanes/blob/master/fl_2004_hurricanes.geojson */ .leaflet-tile-container img { filter: invert(100%) hue-rotate(180deg) brightness(150%) !important; } .leaflet-marker-pane img:not(.leaflet-marker-icon), .gundamcat { filter: brightness(.8) !important; } .leaflet-popup-content-wrapper, .map-legends, .map-tooltip { background: var(--color-bg-secondary); } .leaflet-container { color: var(--color-text-secondary); } .leaflet-popup-tip { border-top-color: var(--color-bg-secondary); } .marker-properties tr:nth-child(2n) th, .marker-properties tr:nth-child(2n) td { background-color: var(--color-bg-tertiary); } .marker-properties, .marker-properties th, .marker-properties td { border: 1px solid var(--color-border-primary); } /* invert #fff to #181818 */ /* https://github.com/sujitpal/statlearning-notebooks/blob/master/src/chapter2.ipynb */ .project-preview-img img, img[src$="bg-callout.svg"], img[data-canonical-src*="saucelabs.com/browser-matrix"], img[src*="images/modules/checks"], img[src$="profile-first-pr.png"], img[src$="profile-joined-github.png"], img[src$="profile-first-repo.png"], img[src$="profile-first-issue.png"], .github-jobs-logo strong, .leaflet-bar, .leaflet-control-attribution { filter: invert(90.5%) hue-rotate(180deg) saturate(200%) !important; } /* workaround filter creating a stacking context */ .contribution-first-issue, .contribution-first-pull-request, .contribution-first-repository { opacity: .999 !important; } /* brighten language colors */ .language-color, .repo-language-color { filter: brightness(125%) !important; } /* soft badges */ .box-title-count { background-color: #484848 !important; color: #ccc !important; } /* Unicorn page - https://github.com/azadkuh/sqlite-amalgamation/blame/master/sqlite3.c */ body > .container > p { color: #ccc; } /* change foreground color of yellow boxes */ .Toast--warning .Toast-icon { color: #222; } /* svg styling */ line, rect, path { shape-rendering: geometricPrecision !important; } .js-graph-punchcard svg.viz { background: transparent !important; border: none !important; } .reorderable-task-lists .markdown-body .task-list-item .drag-handle { fill: #c0c0c0 !important; } /* Firefox: Exclude text inside an svg loaded through an img, as seen in svg badges */ *:not(img) text, circle.day { fill: #ccc !important; } circle.day:hover { fill: #fff !important; } path.js-diff-placeholder { fill: #282828 !important; } .prose-diff .changed .added, .prose-diff .changed ins, .prose-diff .changed ins code, .prose-diff .changed ins pre { background: #002800; border-bottom: 1px solid #373; } #contributors-master svg.viz { display: block !important; } g.dots circle { stroke: #222 !important; } .traffic-graph g.axis:not(.views):not(.unique) g.tick:not(:nth-child(15)):not(:first-of-type) line, g.axis path, line.axis, svg:not(.vis) g.axis line { stroke: #444 !important; } svg .path:not(.total):not(.unique):not(.views) { stroke: #aaa !important; } .workflow-string--crossover svg path[stroke="#D1D5DA"] { stroke: #404040 !important; } #commit-activity-detail path.path, .traffic-graph g.x.axis g.tick:first-of-type line { stroke: #1db34f !important; } [style*="stroke: #dbab09"], [stroke="#dbab0a"] { stroke: #cb4 !important; } .traffic-graph g.x.axis g.tick:nth-child(15) line { stroke: #1d7fb3 !important; } svg.tick { fill: #444 !important; } svg.arrow[stroke="#1277eb"], svg path[stroke="#1074E7"] { stroke: /*[[base-color]]*/ !important; } .features-branch-diagram path[stroke="#c6d9ed"], .features-branch-diagram path[stroke="#4182C4"], .features-branch-diagram div:not(.active) .mega-octicon { stroke: /*[[base-color]]*/ !important; color: /*[[base-color]]*/ !important; } .features-branch-diagram circle[fill="#4183c4"], .repo-list-stats a.issues:hover svg { fill: /*[[base-color]]*/ !important; } .features-branch-diagram circle[stroke="#ffffff"] { stroke: #222 !important; } rect.map-background, .audit-log-map { fill: #1e4062 !important; background: #1e4062 !important; } path.land { stroke: #17334f !important; } circle.audit-point { fill: #742d14 !important; stroke: #57210f !important; } .graphs .selection .selection { fill: #888 !important; stroke: #888 !important; } /* monochrome backgrounds */ .label-select-menu div.labelstyle-000000.selected { background: #282828 !important; } div#common-issues ul li a:hover, .rss-subscribe:hover { background-color: #282828 !important; } .jumbotron-codelines { background-color: #222 !important; } .community-checklist .progress-bar .progress { background-color: #333; } .profile-timeline.discussion-timeline::before, .profile-timeline.discussion-timeline .profile-timeline-month-heading::after, div[style*="background-color: #eaecef"] { background: #343434 !important; } .oauth-permissions-details .permission-summary em.highlight { background: rgba(68, 68, 68, .5); color: #c6c6c6; } .labels .label-neutral, li.ssh-key .ssh-key-state-indicator.not-recent { background: #666 !important; } /* https://github.com/StylishThemes/GitHub-Dark/search?q=test&unscoped_q=test */ .Counter--gray { background: #999; color: #000; } .diverge-widget .separator { background: #ccc !important; } .menu-item.selected::before { background: #eee !important; } .qr-code-table, .qr-code-table .white { background: #fff !important; } /* actions in issues - this style needs to be after .bubble */ .action-bubble .bubble, /* https://github.com/StylishThemes/GitHub-Dark/community/license/new?branch=master&template=mit */ body .CommunityTemplate-header, [data-url$="recently_touched_branches_list"], .merge-status-list .status-actions:hover, body > .application-main > .bg-gray { background: transparent !important; } .btn-mktg { background-color: rgba(/*[[base-color-rgb]]*/, .8); border-color: /*[[base-color]]*/; } .btn-mktg:hover { background-color: rgba(/*[[base-color-rgb]]*/, 1); border-color: /*[[base-color]]*/; } .btn-outline-mktg { background-color: transparent; border-color: rgba(/*[[base-color-rgb]]*/, .9); color: rgba(/*[[base-color-rgb]]*/, .9); } .btn-outline-mktg:hover { background-color: transparent; border-color: rgba(/*[[base-color-rgb]]*/, 1); color: rgba(/*[[base-color-rgb]]*/, 1); } .MarketplaceAnnouncement .btn-outline-mktg { background-color: transparent; border-color: #eee; color: #eee; } .MarketplaceAnnouncement .btn-outline-mktg:hover { color: #fff; border-color: #fff; } .MarketplaceAnnouncement { color: #fff; } .full-commit p.commit-title { color: #c6c6c6; } .subnav-item.selected, .subnav-item[aria-current]:not([aria-current=false]), .subnav-item[aria-selected=true] { border-color: /*[[base-color]]*/; } /* blue box */ .github-jobs-promotion p, .octotip, .bootcamp h1, .bootcamp-body, .owners-notice, .blob-history, .new-user-avatar-cta, .jstree-wholerow-clicked, .file-history-tease, .feature-banner, .hook-delivery-guid, .RecentBranches, .signup-prompt-bg, ul.search-results li .label, div[style*="background-color: #044d6e"], body[class="page-responsive"] .bg-blue-light, .timeline-comment.current-user .previewable-comment-form .comment-form-head.tabnav, .hx_commit-tease, .full-commit { background: #182030 !important; } .topic-tag-contrast, .topic-tag-contrast .delete-topic-link, .topic-tag { background: #182030; } .commit-ref, .branch-name { background: #182030; color: #9daccc; border: 1px solid #246; } aside [style*="background-color: #4764f1"] .text-white { background-color: #182030 !important; } .repo-file-upload-progress .repo-file-upload-meter, .topic-tag-link:hover, .delete-topic-button:hover, .topic-tag-contrast .delete-topic-link:hover { background: #273045; } /* repo page last commit */ .Box-header--blue, .repository-content .Box-header.position-relative { background-color: var(--color-bg-info); border-color: var(--color-box-blue-border); } /* commit page latest commit */ .repository-content .Box-header.Details { background-color: var(--color-bg-info); } .repository-content .Box-header.Details, .repository-content .Box.d-flex.flex-column.flex-shrink-0.mb-3 { border-color: var(--color-box-blue-border); } .new-user-avatar-cta, .blob-history, .feature-banner, .recently-touched-branches, .recently-touched-branches li, .project-updated-message, .timeline-comment-label.collaborator-comment, .hook-delivery-guid .octicon, .hook-delivery-guid a, a.topic-tag, .RecentBranches, .RecentBranches-item-link, ul.search-results li .label, .markdown-format table th, div[style*="background-color: #044d6e"], .subset-files-tab .stale-files-tab-link, .timeline-comment.current-user:not(.is-internal) .timeline-comment-header .link-gray, .timeline-comment.current-user:not(.is-internal) .timeline-comment-header .text-gray, .timeline-comment.current-user:not(.is-internal) .timeline-comment-header .Link--secondary, .timeline-comment.current-user:not(.is-internal) .timeline-comment-header-text code a, .timeline-comment.current-user:not(.is-internal) .color-text-secondary, .timeline-comment.current-user:not(.is-internal) .btn-link[aria-haspopup] { color: #9daccc !important; } .timeline-comment.current-user:not(.is-internal) .timeline-comment-header, .timeline-comment.current-user:not(.is-internal) .timeline-comment-action, .commit-ref a, a.branch-name { color: #9daccc; } .RecentBranches-item, .commit-ref .user { color: #6d7c9c; } .github-jobs-promotion p, .octotip, .bootcamp .bootcamp-body, .bootcamp h1, .owners-notice, .new-user-avatar-cta, .file-history-tease, .feature-banner, .recently-touched-branches, .timeline-progressive-disclosure-items button, .RecentBranches, .js-tag-input-tag, ul.search-results li .label, .topic-tag-action { border: 1px solid #246 !important; } .repo-file-upload-progress, .project-updated-message, .topic-tag-action .add-topic-button, .topic-tag-action .remove-topic-button, .commit-desc + .commit-branches, .pricing-matrix-table .pricing-matrix-table-dark, .repository-content > .Box--condensed:not(#readme):not(.file-holder), .border-blue, body[class="page-responsive"] .border-blue, .timeline-comment.current-user .tabnav-tab.selected, .hx_commit-tease, .full-commit { border-color: #246 !important; } .topic-tag-contrast .delete-topic-link, .full-commit, .full-commit .commit-meta { border-color: #246; } .blob-history, .recently-touched-branches li { border-bottom-color: #246 !important; } .blob-history, .file-history-tease .participation { border-top: 1px solid #246 !important; } #new_hook .fields { border-width: 0 !important; } .commit-icon .octicon { border-radius: 100% !important; } /* original colors */ .discussion-item-integrations-callout .discussion-item-icon { background: #4095c6 !important; } /* notebooks */ .input_prompt { color: hsla(234, 100%, 65%, 1) !important; } .output_prompt { color: hsla(0, 100%, 65%, 1) !important; } /* gradient */ /* file drag&drop overlay */ .repo-file-upload-tree-target { background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { background: linear-gradient(to bottom, var(--color-bg-canvas) 30%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, .hero .screenographic, .box-action:active, .clone-url-button.selected > .clone-url-link:hover, ul#bootcamp li a:hover h4 { background: linear-gradient(#303030, #282828) !important; border-color: #484848 !important; } .clone-url-button > .clone-url-link { border-color: #383838; } .project-issue-body-blur { background: linear-gradient(to top, #181818, rgba(0, 0, 0, 0)) !important; } .bg-custom-gradient { background-image: linear-gradient(180deg, #1c1c1c, rgba(0, 0, 0, 0)) !important; } .billing-per-seat-callout::after { box-shadow: 1px -1px 0 0 #343434 !important; } main [style="background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));"] { background: linear-gradient(to top, #181818, transparent) !important; } /* https://github.com/StylishThemes/GitHub-Dark/issues/1205 */ [style*="background: #DBEDFF"] { background: rgba(255, 255, 255, .1) !important; } .ScreenshotCarousel-navitem.selected { box-shadow: inset 0 0 10px rgba(255, 255, 255, .05) !important; } /* commits page - committer icon */ .commits-list-item .committer-avatar { box-shadow: -2px -2px 0 rgba(0, 0, 0, .4) !important; } .Header .header-search-wrapper.focus { box-shadow: none !important; } .box-shadow { box-shadow: none !important; } /* box shadow below attach box - https://github.com/StylishThemes/GitHub-Dark/releases/new */ /* + remove box shadowns on buttons and the like */ .upload-progress, .social-count, .btn, .btn-outline.disabled, .btn-outline:disabled, .btn-outline[aria-disabled="true"], .btn:active, .btn-blue:active { box-shadow: none; } /* https://github.com/team inline HTML fixes */ .bg-white[style*="box-shadow: 0 0 20px 20px #ffffff"] { box-shadow: 0 0 20px 20px #181818 !important; } [href="#organizations"][style*="background-color: #fff"] { background-color: transparent !important; } .Box-header[style*="background-color: #FFF3FA"] { background-color: #222 !important; } .Box-header[style*="border-color: #F9B3DD"] { border-color: #343434 !important; } .Header-link { color: #c6c6c6; } .full-commit div.commit-title { color: #c6c6c6; } .issues-reset-query-icon { color: #181818; background: #949494; } .donut-chart [style*="fill: none"], .workflow-string svg, .workflow-success circle, .workflow-success path { fill: none !important; } /* Alerts and activity, remove background gradient */ .metabox .editable-text:hover, #inbox .list .item .title span, .Subhead.border-bottom-0 { background-color: transparent !important; border: none !important; } /* Panels */ #posts #rss, .signup-button, .hero h1, .plan.personal, .caption, .centered-graphic, .login_form h1 { background-color: /*[[base-color]]*/ !important; border-color: /*[[base-color]]*/ !important; } /* Red panel */ .majorproblem .pageheader_wrap, .error_box, .btn-close-issue, .closed-issues, .topic-tag-action .remove-topic-button:hover, .menu-item-danger.navigation-focus, .menu-item-danger.selected:hover, .menu-item-danger.selected.navigation-focus { background-color: #d82828 !important; border-color: #383838 !important; } .btn-danger.disabled, .btn-danger:disabled, .btn-danger[aria-disabled="true"] { background: #181818; color: rgba(216, 40, 40, .4); box-shadow: none; } .btn-close-issue:hover, .minibutton.danger:hover, .remove-topic-button:hover { background: #d82828; border-color: #b00; } .deprecation-banner { background: #200; border-color: #d82828; } .mergeable-dirty .bubble, .mergeable-dirty .merge-status-icon, .dangerzone > h3 { background: #d82828 !important; } .block-diff-deleted, .text-diff-deleted .block-diff-neutral { background: #b22 !important; } /* pink */ /* https://github.com/StylishThemes/GitHub-Dark/issues/949 */ /* Github uses !important inline styles on some of these elements which are impossible to overrides via userstyle */ [style*="border-bottom: 1px solid #f9b3dd"] { border-bottom: 1px solid #c49 !important; } [style*="border: 1px solid #f9b3dd"], [style*="border: 1px solid #ec6cb9"] { border: 1px solid #c49 !important; } [style*="border: 1px solid #f9b3dd"] .text-gray-dark { color: #333 !important; } [style*="background: #ffeef8"], [style*="background-color: #ffeef8"] { background-color: #170711 !important; } /* brown */ #feedHeaderContainer, .feedBackground, .infotip, .form-actions .tip, .mini-callout, .snippet em, #message .sent, .notification, .callout, .ejector, #issues_search .results em, .bootcamp-help ul li, .btn-download, .feature-tabs .tab-button, .plan.free, #message.minor, .chzn-results li em, #missing-readme, .page-notice, .facebox-alert, .deprecation-warning, .branch-status.status-pending .discussion-item-icon, .discussion-event-status-renamed .discussion-item-icon, .discussion-topic .branch-status.status-pending, .discussion-item-review.is-pending .file-header, .discussion-item-review.is-pending .comment-form-head.tabnav, .timeline-comment.unread-item .timeline-comment-header, .Label.bg-yellow, .code-list-item-private .blob-num { background-color: #261d08 !important; border-color: #542 !important; color: #ddd !important; } .discussion-item-review.is-pending .file, .timeline-comment.unread-item, .timeline-comment.unread-item .timeline-comment-label, .review-comment .pending-batched-suggestion-label, .is-pending .review-summary-form-wrapper, .code-list-item-private .file-box { border-color: #542 !important; } .timeline-comment-wrapper .timeline-comment.unread-item::before { border-right-color: #542 !important; } .timeline-comment-wrapper .timeline-comment.unread-item::after { border-right-color: #261d08 !important; } .timeline-comment-wrapper { border-top-color: transparent; border-bottom-color: transparent; } #toc .octicon-diff-modified, .secret .repo-label span, .api .s2 { color: #b74 !important; } .deprecation-warning a { color: #c97 !important; } .code-list-item-private .divider .blob-code, .code-list-item-private .divider .blob-num, .js-notification-search-autocomplete-results .bg-yellow-light, .card-filter-autocomplete-dropdown .bg-yellow-light { background-color: #261d08 !important; } /* semi-transparent brown */ .compare-pr-placeholder, .compare-cutoff, .diff-cutoff, .markdown-body li.added.moved, .repo-private-label, .label-private, .signed-out-comment, .commits-list-item em, .unsupported-browser, .prereceive-feedback, .code-list em, .issue-list em, .user-list em, .wiki-list em, .blob-code .bg-yellow-light, .codesearch-results #code_search_results .bg-yellow-light { background: rgba(51, 34, 17, .4) !important; border: 1px solid #542 !important; color: #ddd !important; } .stale-files-tab { background-color: #261d08; border: 1px solid #542; } /* yellow text */ /* inline style, note this does not work when color is not first */ /* https://github.com/StylishThemes/GitHub-Dark/issues/952#issuecomment-501451675 */ [style^="color: #d3ac3b"] { color: #cb4 !important; } /* .bg-pending might be a GitHub bug as it sets the fg */ .text-pending, .text-renamed, .bg-pending, .page-new-repo .octicon-lock, body[class="page-responsive"] .repo-list .private .octicon-lock, .menu a .octicon.color-yellow-7 { color: #cb4; } .archived-project-cards-pane .project-card .archived-header { color: #fbca04; } /* yellow background */ .Label--outline.bg-yellow-light, .review-comment .pending-batched-suggestion-label { background: #302808 !important; } .border-bottom.bg-yellow-light { background: #302808 !important; border-color: #542 !important; } /* green */ /* labels */ #forkqueue .legend .clean, #revisions ul li.current, .excerpt, .plan.business, .popout, #statusbar, .clean td, #download_button, .status-box.good a, .new-issues, .new-pulls, .mergeable-clean .merge-status-icon, .settings-email .default, .repo-owner-comment .comment-header-tag, .mergeable-clean .bubble, .gh-header-status.open, .branch-status.status-success .discussion-item-icon, .boxed-group-success, #message.good, .add-topic-button:hover, .topic-tag-action .add-topic-button:hover { background: #163 !important; border-color: #041 !important; } main .note.bg-green-light { background: #002800 !important; border-color: #060 !important; } /* Green border */ .billing-confirmation-box { border-color: #083 !important; } .border.border-green { border-color: #060 !important; } /* Green text */ /* inline style, note this does not work when color is not first */ /* https://github.com/StylishThemes/GitHub-Dark/issues/952#issuecomment-501451675 */ [style^="color: #28a745"] { color: #484 !important; } .text-open, .text-success, .insertions, .cadd, .gi .diff-line-num, .authors-and-code .insertions, ul.summary-stats li .octicon-git-branch-create, ul.summary-stats li .octicon-issue-opened, #toc .octicon-diff-added, .setup-info-module .features-list .octicon, .setup-form-container .secure, .highlight .gi, .type-icon-state-open, .release-label.latest a, .release .Label--latest a, .menu a .octicon.text-green { color: #484 !important; } /* bright green background */ .block-diff-added, .text-diff-added .block-diff-neutral { background: #484 !important; } .noproblems .pageheader_wrap, a.new-repo:hover { background: #373 !important; } /* New additions */ .repo-owner-tag .tag { background: #070 !important; color: #ddd !important; } /* orange */ #user-links .unread_count, .minorproblem .pageheader_wrap { background: rgba(203, 108, 0, .8) !important; } .text-orange, .release-label.prerelease, .release .Label--prerelease { color: #f3582c !important; } .release-label.prerelease, .release .Label--prerelease { border-color: #f66a0a !important; } /* pjax loading */ .pjax-loader-bar .progress { background: /*[[base-color]]*/ !important; box-shadow: 0 0 10px /*[[base-color]]*/ !important; } ul.view-modes-menu { background-image: url("data:image/gif;base64,R0lGODlhBwAEAIAAACIiIv///yH5BAEAAAEALAAAAAAHAAQAAAIIhA+BGWoNWSgAOw==") !important; } .mini-icon-windows::before { background-position: -18px 0 !important; } /* Repo list (https://github.com/{user}?tab=repositories) */ .repo-list-item p, .repo-list-item .repo-list-stats { position: relative !important; z-index: 1 !important; } /* GitHub Enterprise (GHE) stuff */ body.enterprise .repohead.experiment-repo-nav { background: rgba(24, 24, 24, .4); } body.enterprise .timeline-comment-wrapper .timeline-comment.current-user::before { border-right-color: #246; } body.enterprise .timeline-comment-wrapper .timeline-comment.current-user::after { border-right-color: #182030; } body.enterprise .timeline-new-comment .timeline-comment::before { border-right-color: #404040; } body.enterprise .timeline-new-comment .timeline-comment::after { border-right-color: var(--ghd-bg-color); } body.enterprise .commit-tease { background-color: #182030; border-color: #246; } /* HACK: Fix review comment timeline */ /* https://github.com/nodejs/node/pull/8519#r78637092 */ .review-comment-contents::after, .review-comment.is-comment-editing::after { z-index: 0 !important; } .review-comment .avatar { position: relative !important; z-index: 1 !important; background: #181818 !important; box-shadow: 0 0 0 4px #181818 !important; } /* center the dot icon inside green discussion timeline icons */ .discussion-item-reopened .discussion-item-icon { display: flex; justify-content: center; align-items: center; } .flash-error { color: #d82828; } /* Make text selection work over file path separators because in Firefox */ /* a text selection can not start over a pseudo element. The precise values */ /* are to match the rendering of GitHub's single-space pseudo contents */ .breadcrumb .separator { margin-left: .283em; margin-right: .283em; } .breadcrumb .separator::after, .breadcrumb .separator::before { content: none; } /* Hack to add a background to the sticky toolbar on the pr files tab when using unified diffs */ body:not(.full-width) .pr-toolbar.is-stuck + .toolbar-shadow::before { content: ""; position: absolute; top: -60px; left: 0; right: 0; height: 60px; background: #181818; box-shadow: 0 0 .75rem rgba(0, 0, 0, .7); } .gh-header-shadow { border: none !important; box-shadow: 0 0 .75rem rgba(0, 0, 0, .7) !important; } .participation-graph svg { background: transparent !important; opacity: .1 !important; z-index: 0 !important; } .inbox-zero-octocat, .network-graph-container, img.TenYears-hero { opacity: .6 !important; } .search .minibutton span { background-position: center -95px !important; } /* history expand buttons */ .commit .minibutton.expander-minibutton span { background-position: 50% -45px !important; } .commit.open .minibutton.expander-minibutton span { background-position: 50% -145px !important; } /* pull request avatar bubble */ .avatar-bubble::before, .discussion-bubble-content::before { border-color: transparent #333 transparent transparent !important; } /* octocat spinners */ img[src*="octocat-spinner"], img[src="/images/spinner.gif"], .profile-picture-spinner { width: 0 !important; height: 0 !important; } img[src*="octocat-spinner"], img[src="/images/spinner.gif"], .facebox-loading, .branch-action-body .spinner, .status-indicator-loading, .ajax-pagination-form.loading .ajax-pagination-btn::after, .profile-picture-spinner, .more-repos-link.is-loading, auto-check .is-autocheck-loading { background-image: url('data:image/svg+xml;utf8,') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } .more-repos-link.is-loading { background-repeat: no-repeat !important; background-position: 50% 50% !important; background-size: 16px 16px !important; } auto-check .is-autocheck-loading { background-size: 16px 16px !important; background-position: 97% 50% !important; } /* Timeline Load More squiggly line */ /* https://github.com/go-gitea/gitea/pull/8346#issuecomment-638578779 */ /* https://github.com/swagger-api/swagger-ui/pull/6030#issuecomment-638412978 */ .pagination-loader-container { background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NHB4IiBoZWlnaHQ9IjM0cHgiIHZpZXdCb3g9IjAgMCA0NCAzNCI+PHBvbHlsaW5lIGZpbGw9IiM0NDQiIHBvaW50cz0iMCwyMSAyMiw4IDQ0LDIxIDQ0LDI2IDIyLDEzIDAsMjYiLz48L3N2Zz4NCg==") repeat-x left center/22px 17px !important; } img[src*="octocat-spinner"][width="128"] { padding: 64px !important; } img[src*="octocat-spinner"][width="64"], .profile-picture-spinner, img[src="/images/spinner.gif"] { padding: 32px !important; } img[src*="octocat-spinner"][width="32"] { padding: 16px !important; } img[src*="octocat-spinner"][width="16"] { padding: 8px !important; } .sponsors-questions::after { opacity: .35; } /* remove code view padding */ .Box-body.blob-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; } /* remove actions editor padding */ form[action*="/.github/workflows/"] .commit-create { padding-top: 0 !important; } #searchfield { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAM1BMVEUAAABKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkrmvr7+AAAAEXRSTlMAmEgOJpKQimpgRHVzVk8fFp8jXkwAAABRSURBVAjXVY1JDsAwCAMxhGxNl/+/toVEKpmLNcLCRJRqKTXRhOGwS4KyCCv8eoBnY1hkiIUgb6ah2THWly7SFS0uAKfZWm+mP59eUfNNgYdehjcBh7PIFcgAAAAASUVORK5CYII=") !important; background-repeat: no-repeat !important; background-position: 8px center !important; } /* front page: 'more' spinner */ .ajax-pagination-form.loading .ajax-pagination-btn { position: relative !important; border-color: #343434 !important; background: #181818 !important; } .ajax-pagination-form.loading .ajax-pagination-btn::after { content: "" !important; position: absolute !important; width: 16px !important; height: 16px !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; } .branch-action-body .spinner, div.facebox-loading, .status-indicator-loading { background-position: center center !important; width: 100% !important; background-repeat: no-repeat !important; } /*