☰

GitHub.com Darker with Dev/Help Documentation pages

This is the GitHub Darker with Dev/Help Documentation pages

/* ==UserStyle==
@name               GitHub.com Darker with Dev/Help Documentation pages
@description        This is the GitHub Darker with Dev/Help Documentation pages
@author             zirs3d
@license            CC0-1.0
@version            0.0.5
@namespace https://greasyfork.org/users/517035
==/UserStyle== */


@-moz-document url-prefix("https://gist.github.com") {
    /** Addtional Github.io Static Sites **/
        pre,
        code {
            background-color: #474747 !important;
            color: var(--black-1);
        }
    
        a.site-title:visited,
        a:visited,
        a:hover {
            color: #9b9b9b !important
        }
    
        table th,
        table td {
            color: var(--black-1);
            background-color: #1b1b1b !important;
        }
    
        table a {
            color: #66a9ff !important;
        }
    
        table th a:visited,
        table td a:visited {
            color: #adadad !important
        }
    }
    
    @-moz-document regexp("^https://github.com/.*"), url-prefix("https://gist.github.com") {
        /** Main Site **/
        /** Original colors
          white-1 - fff
          white-2 - f6f8fa
          white-3 - e1e4e8
          white-4 - d1d5da
          white-5 - eaecef
          white-6 - dfe2e5
          white-7 - ccc
          black-1 - 24292e
          black-2 - 6a737d
          black-3 - 586069
          black-4 - 444d56
          blue-1 - 0366d6
          blue-2 - eaf5ff
          blue-3 - f1f8ff
          blue-4 - def
        **/
        :root {
            --white-1: #1e2022;
            --white-2: #303234;
            --white-3: #454647;
            --white-4: #616161;
            --white-5: #3a3c3d;
            --white-6: #524f4f;
            --white-7: #767676;
            --black-1: #dfdfdf;
            --black-2: #b2b6bb;
            --black-3: #d1d5da;
            --black-3: #b5bac1;
            --black-4: #969a9f;
            --blue-1: #559cf8;
            --blue-2: #27364a;
            --blue-3: #263242;
            --blue-4: #34465f;
            --blue-5: #405675;
        
            --box-shadow: #5d5d5d26;
        
            /** Syntax highlighting **/
            --s-background: #282c34;
            --s-context: #2c313a;
        
            --s-chalky: #e5c07b;
            --s-coral: #e06c75;
            --s-cyan: #56b6c2;
            --s-error: #f44747;
            --s-ivory: #abb2bf;
            --s-malibu: #61afef;
            --s-sage: #98c379;
            --s-stone: #5c6370;
            --s-violet: #c678dd;
            --s-whiskey: #d19a66;
        }
        
        body {
            background-color: var(--white-1);
            color: var(--black-1);
        }
        
        .rule,
        hr {
            border-color: var(--white-6);
        }
        
        .form-hr {
            border-color: var(--white-5);
        }
        
        kbd {
            background-color: var(--white-2);
            border-color: var(--white-4);
            box-shadow: inset 0 -1px 0 var(--white-4);
            color: var(--black-4);
        }
        
        /** Backgrounds **/
        .bg-white {
            background-color: var(--white-1) !important;
        }
        
        .bg-gray,
        .bg-gray-light {
            background-color: var(--white-2) !important;
        }
        
        .bg-gray-2 {
            background-color: var(--white-3) !important;
        }
        
        .bg-blue {
            background-color: var(--blue-1) !important;
        }
        
        .bg-blue-light {
            background-color: var(--blue-3) !important;
        }
        
        /** Links **/
        .link-gray-dark {
            color: var(--black-1) !important;
        }
        
        .muted-link,
        .link-gray {
            color: var(--black-3) !important;
        }
        
        a,
        .btn-link,
        .btn-octicon:hover {
            color: var(--blue-1);
        }
        
        .muted-link:hover,
        .link-gray:hover,
        .link-gray-dark:hover,
        .link-hover-blue:hover {
            color: var(--blue-1) !important;
        }
        
        /** Text **/
        .text-emphasized {
            color: var(--black-1);
        }
        
        .text-gray-light {
            color: var(--black-2) !important;
        }
        
        .color-gray-9,
        .text-gray-dark {
            color: var(--black-1) !important;
        }
        
        .text-gray,
        .note {
            color: var(--black-3) !important;
        }
        
        .bg-blue-2 {
            color: var(--white-1);
        }
        
        .text-blue {
            color: var(--blue-1) !important;
        }
        
        /** Borders **/
        .border,
        .border-bottom,
        .border-right,
        .border-top,
        .border-left {
            border-color: var(--white-3) !important;
        }
        
        .border-gray-dark {
            border-color: var(--white-4) !important;
        }
        
        .border-gray-light {
            border-color: var(--white-5) !important;
        }
        
        @media (min-width: 1012px) {
            .border-lg-left {
                border-color: var(--white-3) !important
            }
        }
        
        @media (min-width: 768px) {
            .border-md,
            .border-md-top {
                border-color: var(--white-3) !important;
            }
        }
        
        /** Buttons **/
        .btn:not(.btn-primary) {
            border-color: var(--white-6);
        }
        
        .btn:not(.btn-primary):not(.btn-outline) {
            background-color: var(--white-3);
            background-image: linear-gradient(-180deg, #696464, var(--white-6) 90%);
            color: var(--black-1);
        }
        
        .btn:not(.btn-primary):not(.btn-outline).hover,
        .btn:not(.btn-primary):not(.btn-outline):hover {
            background-color: var(--white-4);
            background-image: linear-gradient(-180deg, #635e5e, #4d4b4b 90%);
            border-color: var(--white-4);
        }
        
        .btn-outline {
            background-color: var(--white-1);
            color: var(--blue-1);
        }
        
        .btn-outline.disabled,
        .btn-outline:disabled,
        .btn-outline[aria-disabled=true] {
            background-color: var(--white-1);
            border-color: var(--white-3) !important;
            color: var(--black-4);
        }
        
        .btn-outline.selected,
        .btn-outline:active,
        .btn-outline:hover,
        .btn-outline[aria-selected=true],
        [open] > .btn-outline {
            border-color: #0366d6;
        }
        
        .btn-danger {
            background-image: linear-gradient(-180deg, #cb2431, #941a24 90%) !important;
            border-color: #b31a26 !important;
            color: #fff !important;
        }
        
        .btn-danger:hover {
            background-color: #cb2431;
            background-image: linear-gradient(-180deg, #de4450, #cb2431 90%) !important;
        }
        
        /** Forms **/
        ::placeholder {
            color: var(--black-2);
        }
        
        .form-control,
        .form-select {
            background-color: var(--white-1);
            border-color: var(--white-4);
            color: var(--black-1);
        }
        
        .form-group .form-control,
        .input-contrast {
            background-color: var(--white-2);
        }
        
        .form-group .form-control:focus,
        .input-contrast:focus {
            background-color: var(--white-1);
        }
        
        /** Header **/
        .pagehead {
            border-color: var(--white-3);
        }
        
        .gh-header {
            background-color: var(--white-1);
        }
        
        .gh-header-meta {
            border-color: var(--white-3);
            color: var(--black-3);
        }
        
        .gh-header-number {
            color: var(--black-2);
        }
        
        .Subhead {
            border-color: var(--white-3);
        }
        
        .repohead h1 {
            color: var(--black-3);
        }
        
        .Header-link {
            color: #fff;
        }
        
        .Counter {
            background-color: #fff2;
            color: var(--black-3);
        }
        
        .breadcrumb strong.final-path {
            color: var(--black-1);
        }
        
        .pagehead-actions > li {
            color: var(--black-1);
        }
        
        /** Boxes **/
        .Box {
            background-color: var(--white-1);
            border-color: var(--white-4);
        }
        
        .Box-header {
            background-color: var(--white-2);
            border-color: var(--white-4);
        }
        
        .Box-header--blue {
            background-color: var(--blue-3);
            border-color: var(--blue-4);
        }
        
        .Box-row--blue {
            background-color: var(--blue-3);
        }
        
        .Box-row {
            border-color: var(--white-3);
        }
        
        .Box-row--hover-blue:hover {
            background-color: var(--blue-3);
        }
        
        .Box-row--focus-gray.navigation-focus {
            background-color: var(--white-2);
        }
        
        .Box-body {
            border-color: var(--white-3);
        }
        
        .Box-footer {
            border-color: var(--white-3);
        }
        
        .Box--danger,
        .Box--danger .Box-body:last-of-type,
        .Box--danger .Box-row:first-of-type {
            border-color: #d73a49;
        }
        
        /** Tables **/
        .table-list-header {
            background-color: var(--white-2);
            border-color: var(--white-3);
        }
        
        .table-list-header-toggle .btn-link:hover,
        .table-list-header-toggle .btn-link.selected,
        .table-list-header-toggle .btn-link.selected:hover {
            color: var(--black-1);
        }
        
        .table-list-header-toggle .btn-link {
            color: var(--black-3);
        }
        
        .table-list {
            border-color: var(--white-3);
            color: var(--black-2);
        }
        
        /** Dashboard activity **/
        .AvatarStack-body {
            background-color: var(--white-1);
        }
        
        .AvatarStack--right .avatar {
            border-color: var(--white-1);
        }
        
        .news div.message,
        .news li blockquote {
            color: var(--black-3);
        }
        
        .dashboard-rollup-items > .dashboard-rollup-item {
            border-color: var(--white-3);
        }
        
        .commit-desc pre {
            color: var(--black-4);
        }
        
        .team-mention,
        .user-mention {
            color: var(--black-1);
        }
        
        /** Popovers **/
        .SelectMenu-modal {
            background-color: var(--white-2);
        }
        
        @media (min-width: 544px) {
            .SelectMenu-modal {
                border-color: var(--white-4);
            }
        }
        
        .SelectMenu-list {
            background-color: var(--white-1);
            border-color: var(--white-3);
        }
        
        .SelectMenu-item {
            background-color: var(--white-1);
            border-color: var(--white-3);
            color: var(--black-3);
        }
        
        .SelectMenu-item[aria-checked=true] {
            color: var(--black-1);
        }
        
        @media (hover: hover) {
            .SelectMenu-item:hover,
            body:not(.intent-mouse) .SelectMenu-item:focus {
                background-color: var(--white-2);
            }
        }
        
        .SelectMenu-divider {
            background-color: var(--white-2);
            color: var(--black-2);
            border-color: var(--white-5);
        }
        
        .SelectMenu-filter {
            border-color: var(--white-3);
        }
        
        .SelectMenu-footer {
            border-color: var(--white-3);
            color: var(--black-2);
        }
        
        .SelectMenu-tab {
            color: var(--black-2);
        }
        
        .SelectMenu-tab[aria-selected=true] {
            background-color: var(--white-1);
            color: var(--black-1);
        }
        
        @media (min-width: 544px) {
            .SelectMenu-tab[aria-selected=true] {
                border-color: var(--white-3);
            }
        }
        
        @media (hover: hover) {
            .SelectMenu-tab:not([aria-checked=true]):active,
            .SelectMenu-tab:not([aria-checked=true]):hover {
                background-color: var(--white-1);
            }
        
            .SelectMenu-tab:not([aria-selected=true]):hover {
                background-color: var(--white-3);
                color: var(--black-1);
            }
        }
        
        .SelectMenu-blankslate,
        .SelectMenu-loading,
        .SelectMenu-message {
            background-color: var(--white-1);
        }
        
        .SelectMenu-message {
            border-color: var(--white-5);
        }
        
        /** Popover **/
        .Popover-message:after {
            border-bottom-color: var(--white-1);
        }
        
        .Popover-message:before {
            border-bottom-color: var(--white-4);
        }
        
        .Popover-message--bottom-left:after,
        .Popover-message--bottom-left:before,
        .Popover-message--bottom-right:after,
        .Popover-message--bottom-right:before,
        .Popover-message--bottom:after,
        .Popover-message--bottom:before {
            border-bottom-color: transparent;
        }
        
        .Popover-message--bottom-left:after,
        .Popover-message--bottom-right:after,
        .Popover-message--bottom:after {
            border-top-color: var(--white-1);
        }
        
        .Popover-message--bottom-left:before,
        .Popover-message--bottom-right:before,
        .Popover-message--bottom:before {
            border-top-color: var(--white-4);
        }
        
        /** Load more button **/
        .ajax-pagination-form .ajax-pagination-btn {
            background-color: var(--white-1);
            border-color: var(--white-3);
            color: var(--blue-1);
        }
        
        .ajax-pagination-form .ajax-pagination-btn:focus,
        .ajax-pagination-form .ajax-pagination-btn:hover {
            background-color: var(--white-2);
            color: var(--blue-1);
        }
        
        /** Login page. Note that I did deviate from matching the original styles
        exactly. Instead I picked values that were close to the original to maintain
        the consistent color palette. **/
        .session-authentication {
            background-color: var(--white-2);
        }
        
        .session-authentication .auth-form-header,
        .session-authentication .header-logo {
            color: var(--black-1);
        }
        
        .session-authentication .auth-form-body {
            background-color: var(--white-1);
            border-color: var(--white-4);
        }
        
        .session-authentication .create-account-callout {
            border-color: var(--white-4);
        }
        
        /** Tags **/
        .branch-name {
            background-color: var(--blue-2);
            color: var(--blue-1);
        }
        
        a.branch-name {
            color: var(--blue-1);
        }
        
        .topic-tag,
        .topic-tag-action {
            background-color: var(--blue-3);
        }
        
        .topic-tag-link:hover {
            background-color: var(--blue-4);
        }
        
        .delete-topic-button,
        .delete-topic-link {
            background-color: var(--blue-3);
            border-color: var(--blue-4);
            color: var(--black-2);
        }
        
        .delete-topic-button:hover,
        .delete-topic-link:hover {
            background-color: var(--blue-4);
        }
        
        /** Repo navigation **/
        .reponav-item {
            color: var(--black-3);
        }
        
        .reponav-item.selected {
            background-color: var(--white-1);
            border-left-color: var(--white-3);
            border-right-color: var(--white-3);
            color: var(--black-3);
        }
        
        .reponav-item .Counter {
            color: var(--black-1);
        }
        
        .reponav-item:focus,
        .reponav-item:hover {
            color: var(--black-1);
        }
        
        .reponav-item .octicon {
            color: #fff5;
        }
        
        /** Sub nav **/
        .subnav-item {
            border-color: var(--white-3);
            color: var(--black-3);
        }
        
        .subnav-item:focus,
        .subnav-item:hover {
            background-color: var(--white-2);
        }
        
        .subnav-item.selected,
        .subnav-item[aria-current],
        .subnav-item[aria-selected=true] {
            background-color: #0366d6;
        }
        
        /** Repo summary **/
        .overall-summary {
            border-color: var(--white-6);
        }
        
        .numbers-summary li > .nolink,
        .numbers-summary li > a {
            color: var(--black-3);
        }
        
        .numbers-summary li > a:hover {
            color: var(--blue-1);
        }
        
        .numbers-summary .octicon {
            color: var(--black-2);
        }
        
        .repository-lang-stats-graph {
            border-color: var(--white-4);
        }
        
        .repository-lang-stats ol.repository-lang-stats-numbers li .lang {
            color: var(--black-1);
        }
        
        .repository-lang-stats ol.repository-lang-stats-numbers li > a,
        .repository-lang-stats ol.repository-lang-stats-numbers li > span {
            color: var(--black-2);
        }
        
        
        .repository-lang-stats-graph .language-color:not(:first-child) {
            border-color: var(--white-1);
        }
        
        /** File table **/
        table.files {
            background-color: var(--white-1);
        }
        
        table.files td {
            border-color: var(--white-5);
        }
        
        table.files tr.navigation-focus td,
        table.files tr[aria-selected=true] td {
            background-color: var(--white-2);
        }
        
        table.files td.icon .octicon-file-directory,
        table.files td.icon {
            color: var(--black-4);
        }
        
        table.files td.message a {
            color: var(--black-2);
        }
        
        table.files td.message a:hover {
            color: var(--blue-1);
        }
        
        table.files td.age {
            color: var(--black-2);
        }
        
        table.files tr.up-tree a:hover {
            background-color: var(--white-6);
        }
        
        /** Labels **/
        .Label {
            color: var(--white-1);
        }
        
        .Label--gray {
            background-color: var(--white-5);
            color: var(--black-3);
        }
        
        .Label--gray-darker {
            background-color: var(--black-2);
            color: var(--white-1);
        }
        
        .Label--outline {
            border-color: var(--black-4);
            color: var(--black-3);
        }
        
        /** Use the original colors for yellow labels **/
        .Label--outline.bg-yellow-light,
        .Label.bg-yellow-light {
            color: #586069;
            background-color: #FFF5A9 !important;
            border-color: rgba(27, 31, 35, .15);
        }
        
        /** Markdown **/
        .markdown-body h1,
        .markdown-body h2 {
            border-color: var(--white-5);
        }
        
        .markdown-body img {
            background-color: var(--white-1);
        }
        
        .markdown-body blockquote {
            border-color: var(--white-6);
            color: var(--black-2);
        }
        
        .markdown-body table tr {
            background-color: var(--white-1);
            border-color: var(--white-6);
        }
        
        .markdown-body table tr:nth-child(2n) {
            background-color: var(--white-2);
        }
        
        .markdown-body table td,
        .markdown-body table th {
            border-color: var(--white-6);
        }
        
        .markdown-body code,
        .markdown-body tt {
            background-color: var(--white-5);
        }
        
        .markdown-body hr {
            background-color: var(--white-3);
        }
        
        .markdown-body h1 .octicon-link,
        .markdown-body h2 .octicon-link,
        .markdown-body h3 .octicon-link,
        .markdown-body h4 .octicon-link,
        .markdown-body h5 .octicon-link,
        .markdown-body h6 .octicon-link {
            color: var(--black-2);
        }
        
        /** File editor **/
        .cm-s-github-light.CodeMirror {
            background-color: var(--s-background);
            color: var(--s-ivory);
        }
        
        .cm-s-github-light .CodeMirror-lines {
            background-color: var(--s-background);
        }
        
        .cm-s-github-light .CodeMirror-gutters,
        .cm-s-github-light .CodeMirror-linenumber {
            background-color: var(--s-background);
        }
        
        .cm-s-github-light .CodeMirror-gutters,
        .cm-s-github-light .CodeMirror-lines {
            border-top: 1px solid var(--white-3);
        }
        
        .cm-s-github-light .CodeMirror-linenumber {
            color: var(--black-2);
        }
        
        .CodeMirror-line::selection,
        .CodeMirror-line > span::selection,
        .CodeMirror-line > span > span::selection {
            background-color: var(--black-4)
        }
        
        /** File editor syntax highlighting **/
        .cm-s-github-light .cm-string,
        .cm-string-2 {
            color: var(--s-sage);
        }
        
        .cm-s-github-light .cm-variable,
        .cm-variable-2 {
            color: var(--s-ivory);
        }
        
        .cm-property {
            color: var(--s-coral);
        }
        
        .cm-operator,
        .cm-atom {
            color: var(--s-cyan);
        }
        
        .cm-qualifier,
        .cm-attribute,
        .cm-number {
            color: var(--s-whiskey);
        }
        
        .cm-s-github-light .cm-keyword {
            color: var(--s-violet);
        }
        
        .cm-tag:not(.cm-bracket) {
            color: var(--s-coral);
        }
        
        /** File editor search **/
        .CodeMirror-dialog-top {
            background-color: var(--white-1);
            border-color: var(--white-3);
        }
        
        .CodeMirror-search-hint {
            color: var(--black-3);
        }
        
        /** Commit bar **/
        .commit-tease {
            color: var(--black-3);
        }
        
        .commit-tease-sha {
            color: var(--black-4);
        }
        
        .ellipsis-expander,
        .hidden-text-expander a {
            background-color: var(--white-6);
            color: var(--black-4);
        }
        
        .ellipsis-expander:hover,
        .hidden-text-expander a:hover {
            background-color: var(--white-4);
        }
        
        .ellipsis-expander:active,
        .hidden-text-expander a:active {
            color: var(--white-1);
            background-color: var(--blue-1);
        }
        
        /** Icons **/
        .btn-octicon {
            color: var(--black-3);
        }
        
        .repohead h1.private .octicon {
            color: var(--black-2);
        }
        
        /** Tooltips **/
        .tooltipped:after {
            background-color: var(--black-1);
            color: var(--white-1);
        }
        
        .tooltipped-s:before,
        .tooltipped-se:before,
        .tooltipped-sw:before {
            border-bottom-color: var(--black-1);
        }
        
        .tooltipped-n:before,
        .tooltipped-ne:before,
        .tooltipped-nw:before {
            border-top-color: var(--black-1);
        }
        
        .tooltipped-w:before {
            border-left-color: var(--black-1);
        }
        
        /** Commit refs **/
        .commit-ref {
            background-color: var(--blue-2);
            color: var(--blue-1);
        }
        
        .commit-ref .user {
            color: var(--blue-1);
        }
        
        /** Progress bar **/
        .progress-bar {
            background-color: var(--white-5);
        }
        
        .progress-bar-inline .progress-bar {
            border-color: var(--white-3);
        }
        
        .task-progress .progress-bar {
            background-color: var(--white-3);
        }
        
        .task-progress .progress-bar .progress {
            background-color: var(--white-7);
        }
        
        .task-progress {
            color: var(--black-3);
        }
        
        .Progress {
            background-color: var(--white-3);
        }
        
        /** Pagination **/
        .pagination a,
        .pagination em,
        .pagination span {
            background: var(--white-1);
            border-color: var(--white-3);
            color: var(--blue-1);
        }
        
        .pagination .disabled,
        .pagination .disabled:hover,
        .pagination .gap,
        .pagination .gap:hover,
        .pagination [aria-disabled=true],
        .pagination [aria-disabled=true]:hover {
            background-color: var(--white-2);
            color: var(--white-4);
        }
        
        .pagination a:focus,
        .pagination a:hover,
        .pagination em:focus,
        .pagination em:hover,
        .pagination span:focus,
        .pagination span:hover {
            background-color: var(--white-5);
            border-color: var(--white-3);
        }
        
        /** Issue list **/
        .issues-reset-query {
            color: var(--black-3);
        }
        
        .issues-reset-query:hover {
            color: var(--blue-1);
        }
        
        .issue-meta-section .octicon {
            color: var(--white-7);
        }
        
        .navigation-focus .AvatarStack-body,
        [aria-selected=true] .AvatarStack-body {
            background-color: var(--white-2);
        }
        
        /** Tab navigation **/
        .tabnav {
            border-color: var(--white-4);
        }
        
        .tabnav-pr {
            border-color: var(--white-3);
        }
        
        .tabnav-tab,
        .tabnav-pr .tabnav-tab {
            color: var(--black-3);
        }
        
        .tabnav-pr .tabnav-tab.selected {
            border-color: var(--white-3);
            color: var(--black-1);
        }
        
        .tabnav-tab.selected,
        .tabnav-tab[aria-current],
        .tabnav-tab[aria-selected=true] {
            background-color: var(--white-1);
            color: var(--black-1);
            border-color: var(--white-4);
        }
        
        .tabnav-tab:focus,
        .tabnav-tab:hover {
            color: var(--black-1);
        }
        
        @media (max-width: 767px) {
            .tabnav--responsive .tabnav-tab {
                background-color: var(--white-2);
                border-color: var(--white-3);
            }
        
            .tabnav--responsive .tabnav-tab:first-child {
                border-color: var(--white-3);
            }
        
            .tabnav--responsive .tabnav-tab.selected,
            .tabnav--responsive .tabnav-tab[aria-selected=true] {
                background-color: var(--white-1);
            }
        }
        
        /** Pull request timeline **/
        .TimelineItem-body {
            color: var(--black-3);
        }
        
        .TimelineItem-badge {
            background-color: var(--white-3);
            border-color: var(--white-1);
            color: var(--black-4);
        }
        
        .TimelineItem--condensed .TimelineItem-badge {
            background-color: var(--white-1);
        }
        
        .TimelineItem:before {
            background-color: var(--white-3);
        }
        
        .signed-commit-badge {
            border-color: var(--white-3);
        }
        
        .TimelineItem-break {
            background-color: var(--white-1);
            border-color: var(--white-3);
        }
        
        .discussion-timeline-actions {
            background-color: var(--white-1);
            border-color: var(--white-3);
        }
        
        /** Timeline comments **/
        .timeline-comment-wrapper {
            background-color: var(--white-1);
            border-color: var(--white-1);
        }
        
        .timeline-comment {
            background-color: var(--white-1);
            border-color: var(--white-4);
            color: var(--black-1);
        }
        
        .review-comment {
            color: var(--black-1);
        }
        
        .review-comment .is-comment-editing {
            background-color: var(--white-1);
            border-color: var(--white-3);
        }
        
        .review-comment-loader:after,
        .review-comment.is-comment-editing:after,
        .review-comment:after,
        .review-thread-reply {
            background-color: var(--white-2);
        }
        
        .review-thread-reply .inline-comment-form {
            background-color: var(--white-1);
        }
        
        .previewable-comment-form .comment-form-head.tabnav {
            background-color: var(--white-2);
        }
        
        .timeline-comment-label {
            border-color: var(--black-4);
        }
        
        .previewable-comment-form .comment-body {
            border-color: var(--white-3);
        }
        
        .timeline-comment--caret:before {
            border-right-color: var(--white-4);
        }
        
        .timeline-comment--caret:after {
            border-right-color: var(--white-2);
        }
        
        .timeline-comment-header {
            background-color: var(--white-2);
            border-color: var(--white-4);
            color: var(--black-3);
        }
        
        .timeline-comment-header-text code a {
            color: var(--black-3);
        }
        
        .timeline-comment.current-user .previewable-comment-form .comment-form-head.tabnav {
            background-color: var(--blue-3);
            border-color: var(--blue-4);
        }
        
        .timeline-comment.current-user .tabnav-tab.selected,
        .timeline-comment.current-user .tabnav-tab[aria-current],
        .timeline-comment.current-user .tabnav-tab[aria-selected=true] {
            border-color: var(--blue-4);
        }
        
        .timeline-comment.current-user .timeline-comment-header {
            background-color: var(--blue-3);
            border-color: var(--blue-4);
        }
        
        .timeline-comment.current-user {
            border-color: var(--blue-4);
        }
        
        .timeline-comment--caret.current-user:before {
            border-right-color: var(--blue-4);
        }
        
        .timeline-comment--caret.current-user:after {
            border-right-color: var(--blue-3);
        }
        
        .timeline-comment.current-user .timeline-comment-label {
            border-color: var(--blue-5);
        }
        
        /** Timeline pagination **/
        .pagination-loader-container {
            background-color: var(--white-1);
        }
        
        /* TODO: Fix background image **/
        /* PR branch actions **/
        .branch-action-body {
            background-color: var(--white-1);
            border-color: var(--white-4);
        }
        
        .branch-action-state-closed-dirty .branch-action-body,
        .branch-action-state-dirty .branch-action-body,
        .is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-body {
            border-color: var(--white-4);
        }
        
        .branch-action-state-closed-dirty .branch-action-body:before,
        .branch-action-state-dirty .branch-action-body:before,
        .is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-body:before {
            border-right-color: var(--white-4);
        }
        
        .branch-action-body:after {
            border-right-color: var(--white-1);
        }
        
        .branch-action-item + .branch-action-item,
        .branch-action-item + .mergeability-details {
            border-color: var(--white-3);
        }
        
        .branch-action-body .merge-branch-form,
        .branch-action-body .merge-message {
            background-color: var(--white-2);
            border-color: var(--white-3);
        }
        
        .merge-status-list {
            border-color: var(--white-3);
        }
        
        .merge-status-item {
            border-color: var(--white-3);
            background-color: var(--white-2);
        }
        
        .merge-status-item a {
            background-color: none;
        }
        
        .status-meta,
        .merge-pr-more-commits {
            color: var(--black-3);
        }
        
        /** PR sidebar **/
        .discussion-sidebar-heading {
            color: var(--black-3);
        }
        
        .discussion-sidebar-item {
            color: var(--black-3);
        }
        
        .discussion-sidebar-item .muted-icon:hover,
        .discussion-sidebar-toggle:hover {
            color: var(--blue-1);
        }
        
        .discussion-sidebar-item + .discussion-sidebar-item {
            border-color: var(--white-3);
        }
        
        .thread-subscription-status {
            background-color: var(--white-1);
            color: var(--black-3);
        }
        
        /** Dropdown menu **/
        .dropdown-menu {
            background-color: var(--white-1);
            box-shadow: 0 1px 15px var(--box-shadow);
        }
        
        .dropdown-menu:after {
            border-bottom-color: var(--white-1);
        }
        
        .dropdown-header {
            color: var(--black-3);
        }
        
        .dropdown-item {
            color: var(--black-1);
        }
        
        .dropdown-divider {
            border-color: var(--white-3);
        }
        
        /** Drag and drop **/
        .drag-and-drop {
            background-color: var(--white-2);
            border-color: var(--white-4);
            color: var(--black-3);
        }
        
        .upload-enabled textarea {
            border-color: var(--white-6);
        }
        
        /** Sticky header **/
        .gh-header .gh-header-sticky.is-stuck + .gh-header-shadow {
            background-color: var(--white-1);
            border-color: #ffffff26;
        }
        
        /** Files **/
        .file {
            border-color: var(--white-4);
        }
        
        .file-header {
            background-color: var(--white-2);
            border-color: var(--white-3);
        }
        
        /** Toolbar **/
        .toolbar-item,
        .toolbar-item .menu-target {
            color: var(--black-3);
        }
        
        .toolbar-item .menu-target:hover,
        .toolbar-item:hover {
            color: var(--blue-1);
        }
        
        /** Header counts **/
        .social-count {
            background-color: var(--white-1);
            color: var(--black-1);
            border-color: var(--white-3);
        }
        
        .social-count:hover {
            color: var(--blue-1);
        }
        
        /** Select menu **/
        .select-menu-modal {
            background-color: var(--white-1);
            box-shadow: 0 3px 12px var(--box-shadow);
            color: var(--black-3);
        }
        
        .select-menu-item {
            background-color: var(--white-1);
            border-color: var(--white-5);
        }
        
        .select-menu-item.selected .description,
        details-menu .select-menu-item[aria-checked=true] .description,
        details-menu .select-menu-item[aria-selected=true] .description,
        .select-menu-item-text .description {
            color: var(--black-3);
        }
        
        .select-menu-filters {
            background-color: var(--white-2);
        }
        
        .select-menu-text-filter:first-child:last-child,
        .select-menu-text-filter input {
            border-color: var(--white-6)
        }
        
        .select-menu-divider,
        .select-menu-header {
            background-color: var(--white-2);
            border-color: var(--white-3);
        }
        
        .select-menu-divider,
        .select-menu-header .select-menu-title,
        .select-menu-item.selected,
        details-menu .select-menu-item[aria-checked=true],
        details-menu .select-menu-item[aria-selected=true] {
            color: var(--black-1);
        }
        
        .select-menu-tabs {
            border-color: var(--white-6);
        }
        
        .select-menu-tabs .select-menu-tab-nav.selected,
        .select-menu-tabs .select-menu-tab-nav[aria-selected=true],
        .select-menu-tabs a.selected,
        .select-menu-tabs a[aria-selected=true] {
            background-color: var(--white-1);
            border-color: var(--white-6) var(--white-6) var(--white-1);
            color: var(--black-1);
        }
        
        .select-menu-tabs .select-menu-tab-nav,
        .select-menu-tabs a {
            color: var(--black-2);
        }
        
        .select-menu-tabs .select-menu-tab-nav:hover,
        .select-menu-tabs a:hover {
            color: var(--black-1);
        }
        
        /** Issue comments **/
        @media (min-width: 768px) {
            .page-responsive .previewable-comment-form .comment-form-head.tabnav {
                background-color: var(--white-2);
            }
        }
        
        @media (min-width: 1012px) {
            .page-responsive .previewable-comment-form .comment-form-head.tabnav .toolbar-commenting {
                background-color: transparent !important;
            }
        }
        
        .timeline-new-comment .previewable-comment-form .comment-body {
            border-color: var(--white-3);
        }
        
        /** PR files tab **/
        .diffbar {
            background-color: var(--white-1);
        }
        
        .diffbar-range-menu .in-range:not(.is-range-selected) {
            background-color: var(--blue-3);
            border-bottom-color: var(--blue-4);
        }
        
        .diffstat {
            color: var(--black-3);
        }
        
        .pr-toolbar.is-stuck {
            background-color: var(--white-1);
        }
        
        .toolbar-shadow {
            background-image: linear-gradient(#ffffff13, #ffffff00);
            border-color: #ffffff26;
        }
        
        /** PR code **/
        .blob-code-inner,
        .blob-num {
            color: var(--s-ivory);
        }
        
        .blob-num:hover {
            color: var(--black-1);
        }
        
        .file-diff-split .blob-code + .blob-num {
            border-color: var(--white-2);
        }
        
        .blob-code-hunk {
            background-color: var(--blue-3);
        }
        
        .blob-num-expandable,
        .blob-num-hunk {
            background-color: var(--blue-4);
        }
        
        .blob-num-expandable .directional-expander {
            color: var(--black-3);
        }
        
        .blob-expanded .blob-code,
        .blob-expanded .blob-num,
        .file-diff-split .empty-cell {
            background-color: var(--s-context);
        }
        
        .blob-expanded + tr:not(.blob-expanded) .blob-code,
        .blob-expanded + tr:not(.blob-expanded) .blob-num,
        .blob-expanded .blob-num-hunk,
        tr:not(.blob-expanded) + .blob-expanded .blob-code,
        tr:not(.blob-expanded) + .blob-expanded .blob-num {
            border-color: var(--white-5);
        }
        
        .add-line-comment {
            color: #fff;
        }
        
        /** Selected lines **/
        .selected-line:after {
            background-color: #fffb001f;
            mix-blend-mode: difference;
        }
        
        .selected-line:first-child:after,
        .selected-line.selected-line-left:after,
        .selected-line.selected-line-top:after,
        .selected-line.selected-line-right:after,
        .selected-line.selected-line-bottom:after {
            border-color: #ffd33d6e;
        }
        
        /** PR diff **/
        .blob-num-addition {
            background-color: #274f5f;
        }
        
        .blob-code-addition {
            background-color: #203d49;
        }
        
        .blob-code-addition .x {
            background-color: #0e678c;
            color: var(--s-ivory);
        }
        
        .blob-num-deletion {
            background-color: #74253c;
        }
        
        .blob-code-deletion {
            background-color: #63192f;
        }
        
        .blob-code-deletion .x {
            background-color: #8e0b31;
            color: var(--s-ivory);
        }
        
        /** PR files comments **/
        .diff-table tr:not(:last-child) .line-comments {
            background-color: var(--white-1);
        }
        
        .diff-table tr:not(:last-child) .line-comments,
        .review-thread-reply {
            border-color: var(--white-3);
        }
        
        .inline-comment-form {
            border-color: var(--white-6);
        }
        
        /** Syntax highlighting **/
        .js-file-content,
        .markdown-body .highlight pre,
        .markdown-body pre {
            background-color: var(--s-background);
        }
        
        .pl-c1 {
            color: var(--s-coral);
        }
        
        pre,
        .pl-s .pl-s1,
        .pl-mb,
        .pl-mi {
            color: var(--s-ivory);
        }
        
        .pl-smi {
            color: var(--s-chalky);
        }
        
        .pl-pds,
        .pl-s,
        .pl-s .pl-pse .pl-s1,
        .pl-sr,
        .pl-sr .pl-cce,
        .pl-sr .pl-sra,
        .pl-sr .pl-sre {
            color: var(--s-sage);
        }
        
        .pl-s .pl-v {
            color: var(--s-whiskey);
        }
        
        .pl-en {
            color: var(--s-malibu);
        }
        
        .pl-k {
            color: var(--s-violet);
        }
        
        .pl-c {
            color: var(--s-stone);
        }
        
        .pl-ent,
        .pl-smw,
        .pl-v {
            color: var(--s-chalky);
        }
        
        /** Commit range comparison **/
        .range-editor {
            background-color: var(--white-2);
            border-color: var(--white-3);
        }
        
        .range-editor-icon {
            color: var(--black-3);
        }
        
        ul.comparison-list {
            background-color: var(--white-1);
            border-color: var(--white-6);
        }
        
        ul.comparison-list > li {
            border-color: var(--white-5);
        }
        
        ul.comparison-list > li.title {
            background-color: var(--white-2);
            color: var(--black-2);
        }
        
        ul.comparison-list > li em {
            color: var(--black-3);
        }
        
        /** PR commits tab **/
        .table-list-bordered,
        .table-list-bordered .table-list-cell:first-child {
            border-color: var(--white-5);
        }
        
        .table-list-cell {
            border-color: var(--white-3);
        }
        
        .commit .commit-title,
        .commit .commit-title a {
            color: var(--black-4);
        }
        
        .commits-list-item .commit-meta,
        .commits-list-item .commit-author {
            color: var(--black-3);
        }
        
        .commits-list-item.navigation-focus,
        .commits-list-item[aria-selected=true] {
            background-color: var(--white-2);
        }
        
        .commit-group-title .octicon-git-commit {
            background-color: var(--white-1);
            color: var(--white-7);
        }
        
        .commits-listing:before {
            background-color: var(--white-3);
        }
        
        .commit-group-title {
            color: var(--black-3);
        }
        
        /** PR full commit **/
        .full-commit {
            background-color: var(--blue-2);
            border-color: var(--blue-4);
        }
        
        .full-commit p.commit-title,
        .commit-branches,
        .full-commit .branches-list li.loading,
        .full-commit .branches-list li.pull-request {
            color: var(--black-2);
        }
        
        .full-commit .branches-list li {
            color: var(--black-4);
        }
        
        .full-commit .btn-outline,
        .full-commit .btn-outline:disabled {
            border-color: var(--blue-5);
        }
        
        .full-commit .btn-outline:not(:disabled):hover {
            color: var(--blue-1);
            border-color: var(--blue-1);
        }
        
        .full-commit .commit-meta {
            background-color: var(--white-1);
            border-color: var(--blue-4);
        }
        
        .full-commit .sha-block {
            color: var(--black-3);
        }
        
        .full-commit .sha-block > .sha {
            color: var(--black-4);
        }
        
        .commit-sha {
            background-color: var(--white-2);
            border-color: var(--white-5);
        }
        
        /** Checks tab **/
        .CheckRun-header {
            border-top-color: var(--white-5);
        }
        
        /** Filters **/
        .filter-item {
            color: var(--black-3);
        }
        
        .filter-item:hover {
            background-color: var(--white-5);
        }
        
        .filter-item.selected,
        .filter-item[aria-current],
        .filter-item[aria-selected=true] {
            color: #fff;
            background-color: #0366d6;
        }
        
        /** Avatars **/
        .AvatarStack-body .avatar {
            background-color: var(--white-1);
            border-color: var(--white-1);
        }
        
        /** User dashboard **/
        .user-profile-nav {
            background-color: var(--white-1);
            border-color: var(--white-4);
        }
        
        .UnderlineNav {
            border-color: var(--white-3);
        }
        
        .UnderlineNav-item {
            color: var(--black-3);
        }
        
        .UnderlineNav-item:focus,
        .UnderlineNav-item:hover {
            border-color: var(--white-4);
            color: var(--black-1);
        }
        
        .UnderlineNav-item.selected,
        .UnderlineNav-item[aria-current],
        .UnderlineNav-item[role=tab][aria-selected=true] {
            border-color: #e36209;
            color: var(--black-1);
        }
        
        /** Menu **/
        .menu {
            background-color: var(--white-1);
            border-color: var(--white-4);
        }
        
        .menu-heading {
            background-color: var(--white-2);
            border-color: var(--white-3);
            color: var(--black-3);
        }
        
        .menu-item {
            border-color: var(--white-3);
            color: var(--black-1);
        }
        
        .menu-item:hover {
            background-color: var(--white-2);
        }
        
        .menu-item.selected,
        .menu-item[aria-current],
        .menu-item[aria-selected=true] {
            background-color: var(--white-1);
            color: var(--black-1);
        }
        
        /** Branch protection rules **/
        .listgroup {
            border-color: var(--white-5);
        }
        
        .listgroup-item {
            color: var(--black-3);
        }
        
        .listgroup-overflow {
            background-color: var(--white-2);
        }
        
        .listgroup-header,
        .listgroup-item + .listgroup-item {
            border-color: var(--white-3);
        }
        
        /** At mentions **/
        .suggester {
            background-color: var(--white-1);
            border-color: var(--white-3);
        }
        
        .suggester li {
            border-color: var(--white-3);
        }
        
        .suggester li small {
            color: var(--black-3);
        }
        
        /** Insights tab **/
        .conversation-list-heading .inner {
            background-color: var(--white-1);
        }
        
        .conversation-list-heading {
            border-color: var(--white-6);
            color: var(--black-2);
        }
        
        .summary-stats li,
        .summary-stats li a,
        .diffstat-summary {
            color: var(--black-3);
        }
        
        .summary-stats li .num,
        .diffstat-summary strong {
            color: var(--black-1);
        }
        
        .diffstat-summary a {
            color: var(--black-3);
        }
        
        .simple-conversation-list,
        .simple-conversation-list > li .num {
            color: var(--black-2);
        }
        
        .summary-stats li {
            border-color: var(--white-3);
        }
        
        .summary-stats li a:hover {
            background-color: var(--white-2);
        }
        
        .simple-conversation-list > li {
            border-color: var(--white-2);
        }
        
        /** Insights graphs **/
        .graph-canvas .axis .tick text {
            fill: var(--black-1)
        }
        
        .graph-canvas .axis line {
            stroke: var(--white-5);
        }
        
        .tint-box {
            background-color: var(--white-2);
        }
        
        .boxed-group .heading,
        .boxed-group > h3 {
            background-color: var(--white-2);
            border-color: var(--white-4);
        }
        
        .boxed-group-inner {
            background-color: var(--white-1);
            border-color: var(--white-4);
            color: var(--black-3);
        }
        
        .traffic-graph-stats {
            border-color: var(--white-6);
        }
        
        /** File finder **/
        .tree-browser-result[aria-selected=true] {
            background-color: var(--white-1) !important;
        }
        
        .tree-browser-result[aria-selected=true] .octicon-chevron-right {
            color: var(--blue-j);
        }
        
        .tree-browser-result {
            color: var(--black-2);
        }
        
        .tree-browser-result:hover {
            color: var(--black-1);
            text-decoration: none;
        }
        
        .tree-browser-result mark {
            color: var(--blue-1);
        }
        
        /** Commit form **/
        .commit-form:before {
            border-right-color: var(--white-3);
        }
        
        .commit-form:after {
            border-right-color: var(--white-1);
        }
        
        /** Global search **/
        .jump-to-suggestions-results-container .navigation-item {
            border-color: var(--white-3);
        }
        
        .jump-to-suggestions-path {
            color: var(--black-1);
        }
        
        .jump-to-suggestions-path mark {
            color: var(--blue-1);
        }
        
        .jump-to-field-active {
            color: var(--black-1) !important;
        }
        
        .jump-to-field-active::placeholder {
            color: var(--black-3) !important;
        }
        
        /** Search results **/
        .code-list .divider .blob-code,
        .code-list .divider .blob-num {
            background-color: var(--s-context)
        }
        
        .code-list .file-box {
            background-color: var(--s-background);
            border-color: var(--white-3);
        }
        
        .code-list .code-list-item + .code-list-item {
            border-color: var(--white-3);
        }
        
        .bg-yellow-light {
            background-color: var(--blue-1) !important;
            color: var(--white-1);
        }
        
        /** Discussion tab **/
        .icon-discussion-gray,
        .icon-discussion-gray path {
            fill: var(--black-1);
        }
        
        .discussion-comment .reaction-summary-item:not(.add-reaction-btn) {
            border-color: var(--white-4);
        }
        
        .btn-discussions {
            color: var(--black-3);
        }
        
        .btn-discussions:focus,
        .btn-discussions:hover {
            background-color: transparent;
        }
        
        .btn-invisible.selected,
        .btn-invisible.zeroclipboard-is-active,
        .btn-invisible.zeroclipboard-is-hover,
        .btn-invisible:active,
        .btn-invisible:focus,
        .btn-invisible:hover,
        .btn-invisible[aria-selected=true] {
            color: var(--blue-1);
        }
        
        /** Accepted discussion **/
        .timeline-comment.current-user.timeline-chosen-answer .timeline-comment-header,
        .timeline-comment.timeline-chosen-answer .timeline-comment-header {
            background-color: #24442c;
            border-color: #328449;
        }
        
        .timeline-comment.current-user.timeline-chosen-answer,
        .timeline-comment.current-user.timeline-chosen-answer .timeline-comment-label,
        .timeline-comment.timeline-chosen-answer,
        .timeline-comment.timeline-chosen-answer .timeline-comment-label {
            border-color: #328449;
        }
        
        .timeline-comment.current-user.timeline-chosen-answer:before,
        .timeline-comment.timeline-chosen-answer:before {
            border-right-color: #328449;
        }
        
        .timeline-comment.current-user.timeline-chosen-answer:after,
        .timeline-comment.timeline-chosen-answer:after {
            border-right-color: #24442c;
        }
        
        /** Responsive comment form **/
        .page-responsive .previewable-comment-form .comment-form-head.tabnav .toolbar-commenting {
            background-color: var(--white-1);
        }
        
        /** Actions tab **/
        .file-commit-form--full {
            background-color: var(--white-1);
        }
        
        /** Reactions **/
        .comment-reactions .user-has-reacted {
            background-color: var(--blue-3);
        }
        
        .comment-reactions.has-reactions,
        .reaction-summary-item {
            border-color: var(--white-3);
        }
        
        .review-comment .reaction-summary-item:not(.add-reaction-btn) {
            border-color: var(--white-4);
        }
        
        .reaction-sort-item:focus,
        .reaction-sort-item:hover {
            background-color: var(--blue-1);
        }
        
        .reaction-sort-item[aria-checked=true] {
            background-color: var(--blue-3);
            border-color: var(--blue-1);
        }
        
        /** Merge branch **/
        .merge-branch-heading {
            color: var(--black-1);
        }
        
        .merge-branch-description {
            color: var(--black-3);
        }
        
        .branch-action-state-merged .branch-action-body {
            border-color: var(--white-4);
        }
        
        .branch-action-state-merged .branch-action-body:before {
            border-right-color: var(--white-4);
        }
        
        /** New PR **/
        .new-discussion-timeline .composer .timeline-comment:after {
            border-right-color: var(--white-1);
        }
        
        .new-discussion-timeline .composer .comment-form-head.tabnav {
            background-color: var(--white-1);
        }
        
        /** Milestones **/
        .milestone-title-link a {
            color: var(--black-1);
        }
        
        .table-list-milestones .stat {
            color: var(--black-2);
        }
        
        .table-list-milestones .stat-label {
            color: var(--black-3);
        }
        
        /** Organization header **/
        .orghead {
            background-color: var(--white-2);
            border-color: var(--white-5);
            color: var(--black-2)
        }
        
        .pagehead-tabs-item.selected {
            background-color: var(--white-1);
            border-color: #e36209 var(--white-3) transparent;
            color: var(--black-1);
        }
        
        .pagehead-tabs-item .Counter {
            color: var(--black-4);
        }
        
        .pagehead-tabs-item {
            color: var(--black-3);
        }
        
        .pagehead-tabs-item:hover {
            color: var(--black-1);
        }
        
        .pagehead-tabs-item .octicon {
            color: var(--black-4);
        }
        
        /** Signed commits **/
        .dropdown-signed-commit .dropdown-menu:after {
            border-bottom-color: var(--white-2);
        }
        
        .dropdown-menu:before {
            border-bottom-color: var(--white-3);
        }
        
        .signed-commit-header {
            background-color: var(--white-2);
            border-color: var(--white-3);
        }
        
        /** Releases tab **/
        .release-entry {
            border-color: var(--white-3);
        }
        
        .release-timeline-tags .tag-timeline-date:after {
            background-color: var(--white-3);
            border-color: var(--white-1);
        }
        
        @media (min-width: 768px) {
            .release-main-section {
                border-color: var(--white-3);
            }
        }
        
        /** Branch info bar **/
        .branch-infobar {
            background-color: var(--white-2);
            border-color: var(--white-6);
            color: var(--black-3);
        }
        
        /** Add actions runner dialog **/
        .blankslate code {
            background-color: var(--white-1);
            border-color: var(--white-5);
        }
        
        .CopyBlock:active,
        .CopyBlock:focus,
        .CopyBlock:hover {
            background-color: var(--white-1);
        }
        
        /** PR pending review comments **/
        .review-summary-form-wrapper {
            background-color: var(--white-1);
        }
        
        .is-pending .file-header {
            background-color: #f3e8a1;
        }
        
        .is-pending .comment-form-head.tabnav,
        .is-pending .file,
        .is-pending .tabnav-tab.selected {
            border-color: var(--white-4);
        }
        
        .is-pending .timeline-comment--caret:after {
            border-right-color: var(--white-2);
        }
        
        .is-pending .file-header a {
            color: #444d56 !important;
        }
        
        /** Notifications beta **/
        .notifications-list-item.notification-unread {
            background-color: var(--white-1);
        }
        
        .notifications-list-item.navigation-focus {
            background-color: var(--blue-3) !important;
            box-shadow: inset 2px 0 0 var(--blue-1);
        }
        
        .notifications-list-item .notification-list-item-link {
            color: var(--black-2) !important;
        }
        
        .notifications-list-item.navigation-focus .notification-list-item-link,
        .notifications-list-item.notification-unread .notification-list-item-link {
            color: var(--black-1) !important;
        }
        
        .notifications-list-item:hover .notification-list-item-actions .btn {
            color: var(--black-3) !important;
        }
        
        .notifications-list-item:hover .notification-list-item-actions .btn:hover {
            background-color: var(--white-3) !important;
            color: var(--black-1) !important;
        }
        
        .js-notifications-back-to-inbox {
            border-color: var(--white-1) !important;
        }
        
        .js-notifications-back-to-inbox:hover {
            border-color: #0366d6 !important;
        }
        
        /** Flash alerts **/
        .flash:not(.flash-warn) {
            color: #000;
            background-color: #81b0e0;
        }
        
        .flash:not(.flash-warn) .js-flash-close {
            color: #000;
        }
        
        .flash-warn .link-gray-dark {
            color: #24292e !important;
        }
        
        /** Side nav **/
        .SideNav {
            background-color: var(--white-2);
        }
        
        .SideNav-item {
            border-color: var(--white-3);
            color: var(--black-3);
        }
        
        .SideNav-item:focus,
        .SideNav-item:hover {
            background-color: var(--white-2);
            color: var(--black-1);
        }
        
        .SideNav-item:focus:before,
        .SideNav-item:hover:before {
            background-color: var(--white-4);
        }
        
        .SideNav-item[aria-current=page]:before,
        .SideNav-item[aria-selected=true]:before {
            background-color: #e36209;
        }
        
        .SideNav-item:last-child {
            box-shadow: 0 1px 0 var(--white-3);
        }
        
        .SideNav-item[aria-current=page],
        .SideNav-item[aria-selected=true] {
            background-color: var(--white-1);
            color: var(--black-1);
        }
        
        /** OAuth page **/
        .oauth-permissions-details .permission-title {
            color: var(--black-1);
        }
        
        .oauth-permissions-details .permission-summary .access-details {
            color: var(--black-3);
        }
        
        .oauth-permissions-details .permission-summary em.highlight {
            background-color: var(--blue-4);
            color: var(--black-3);
        }
        
        /** Misc **/
        .box-shadow {
            box-shadow: 0 1px 1px #ffffff1a !important
        }
        
        .protip code {
            background-color: var(--white-2);
        }
        
        .thread-subscription-status {
            border-color: var(--white-3);
        }
        
        .copyable-terminal {
            background-color: var(--white-2);
        }
        
        .commit-message .issue-link {
            color: var(--black-1);
        }
        
        .js-diff-placeholder {
            fill: var(--white-5);
        }
        
        .boxed-group .heading a.boxed-group-breadcrumb,
        .boxed-group > h3 a.boxed-group-breadcrumb,
        .Subhead-description {
            color: var(--black-3);
        }
        }
        
        @-moz-document url-prefix("https://developer.github.com/"), url-prefix("https://help.github.com/") {
        /** Developer and Help Doc Site **/
        :root {
            --white-1: #1e2022;
            --white-2: #303234;
            --white-3: #454647;
            --white-4: #616161;
            --white-5: #3a3c3d;
            --white-6: #524f4f;
            --white-7: #767676;
            --black-1: #dfdfdf;
            --black-2: #b2b6bb;
            --black-3: #d1d5da;
            --black-3: #b5bac1;
            --black-4: #969a9f;
            --blue-1: #559cf8;
            --blue-2: #27364a;
            --blue-3: #263242;
            --blue-4: #34465f;
            --blue-5: #405675;
        
            --box-shadow: #5d5d5d26;
        
            /** Syntax highlighting **/
            --s-background: #282c34;
            --s-context: #2c313a;
        
            --s-chalky: #e5c07b;
            --s-coral: #e06c75;
            --s-cyan: #56b6c2;
            --s-error: #f44747;
            --s-ivory: #abb2bf;
            --s-malibu: #61afef;
            --s-sage: #98c379;
            --s-stone: #5c6370;
            --s-violet: #c678dd;
            --s-whiskey: #d19a66;
        }
        
        body {
            background-color: var(--white-1);
            color: var(--black-1);
        }
        
        .rule,
        hr {
            border-color: var(--white-6);
        }
        
        .form-hr {
            border-color: var(--white-5);
        }
        
        kbd {
            background-color: var(--white-2);
            border-color: var(--white-4);
            box-shadow: inset 0 -1px 0 var(--white-4);
            color: var(--black-4);
        }
        
        /** Backgrounds **/
        .bg-custom-gradient {
            background-image: linear-gradient(180deg, #69a1ff, rgba(245, 245, 245, 0)) !important;
        }
        
        section,
        .sidebar-menu,
        .card,
        pre,
        code,
        #search-results-container {
            background-color: var(--white-5) !important;
        }
        
        .MarketplaceBackground-buffer {
            background-color: var(--white-5) !important;
        }
    
        .pricing-matrix-column-tier {
            background-color: var(--white-2) !important;
        }
    
        .ais-Hits-item:hover {
            background-color: #2e2e2e !important;
        }
        
        .alert.product {
            background: var(--white-2) !important
        }
        
        .sidebar-module ul ul li {
            border-bottom: 1px solid #454545;
            background-color: transparent !important
        }
        
        .sidebar-menu .js-current .standalone a {
            background-color: var(--white-2);
        }
        
        .sidebar-menu .standalone a:hover {
            background-color: var(--white-2) !important;
        }
        
        .sidebar-menu li a:hover {
            background-color: var(--white-4) !important;
        }
        
        .sidebar-menu li h3 a:hover {
            background-color: transparent !important;
        }
        
        .card .text-black.text-bold {
            color: var(--black-1) !important;
        }
        
        .card .text-black.text-bold {
            color: var(--black-1) !important;
        }
        
        .sidebar-module li li a {
            background-color: var(--white-2);
        }
        
        a.card.bg-gray-light:hover {
            background-color: var(--white-3) !important;
        }
    
        .pricing-matrix-row:hover .pricing-matrix-row-text, 
        .pricing-matrix-row:hover .pricing-matrix-column-feature {
            background-color: var(--white-3) !important;
        }
        
        .markdown-body table tr {
            background-color: var(--white-1) !important;
        }
    
        .markdown-body table tr:nth-child(2n) {
            background-color: var(--white-1) !important;
        }
    
        .bg-white {
            background-color: var(--white-1) !important;
        }
        
        .bg-gray,
        .bg-gray-light {
            background-color: var(--white-2) !important;
        }
        
        .bg-gray-2 {
            background-color: var(--white-3) !important;
        }
        
        .bg-blue {
            background-color: var(--blue-1) !important;
        }
        
        .bg-blue-light {
            background-color: var(--blue-3) !important;
        }
        
        /** Links **/
    
        .subnav-link.selected {
            color: var(--blue-1);
        }
    
        .link-gray-dark {
            color: var(--black-1) !important;
        }
        
        .muted-link,
        .link-gray {
            color: var(--black-3) !important;
        }
        
        a,
        .btn-link,
        .btn-octicon:hover,
        mark {
            color: var(--blue-1) !important;
        }
        
        .muted-link:hover,
        .link-gray:hover,
        .link-gray-dark:hover,
        .link-hover-blue:hover {
            color: var(--blue-1) !important;
        }
        
        /** Text **/
        div,
        h1,
        h2,
        h2 a,
        h3,
        h4,
        p,
        li,
        li a {
            color: var(--black-2) !important;
        }
        
        pre,
        code {
            color: var(--black-1) !important;
        }
        
        .text-emphasized {
            color: var(--black-1);
        }
        
        .text-gray-light {
            color: var(--black-2) !important;
        }
        
        .color-gray-9,
        .text-gray-dark {
            color: var(--black-1) !important;
        }
        
        .text-gray,
        .note {
            color: var(--black-3) !important;
        }
        
        .bg-blue-2 {
            color: var(--white-1);
        }
        
        .text-blue {
            color: var(--blue-1) !important;
        }
        
        /** Buttons **/
        .site-header-nav .dropdown-menu {
            background-color: var(--white-1) !important;
        }
        
        .site-header-nav .dropdown-menu a:hover {
            background-color: var(--blue-2) !important;
        }
        
        .rss-subscribe {
            background-color: var(--white-5) !important;
        }
        
        .rss-subscribe:hover {
            background-color: var(--blue-3) !important;
        }
        
        summary {
            color: var(--blue-1) !important;
        }
        
        a.btn.btn-blue {
            color: var(--black-2) !important;
        }
        }
    
        a.btn-mktg {
            color: var(--blue-1) !important;
        }