theme.user.css

/* ==UserStyle==
@name           GitHub One Dark Theme
@namespace      github.com/mskelton
@version        1.5.0
@description    Relieve the stress on your eyes when using GitHub with this custom dark theme! This uses a nice gray color rather than pure black to prevent overly contrasting colors.
@author         Mark Skelton
@license        MIT
@homepageURL    https://github.com/mskelton/github-one-dark-theme
==/UserStyle== */
@-moz-document regexp("^https://github.com/.*"),
domain("gist.github.com") {
  /** 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: #4e4e4e26;

    /* Button colors */
    --btn: var(--white-3);
    --btn-border: #5d5c5c;
    --btn-hover: #414243;
    --btn-focused: #333333;

    /* 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,
  .link-gray-dark:hover [class*="text"] {
    color: var(--black-1) !important;
  }

  .muted-link,
  .muted-link:hover [class*="text"],
  .link-gray,
  .link-gray:hover [class*="text"] {
    color: var(--black-3) !important;
  }

  a,
  .btn-link,
  .btn-octicon:hover,
  .commit-link {
    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) {
    background-color: var(--btn);
    border-color: var(--btn-border);
    box-shadow: none;
    color: var(--black-1);
  }

  .btn:not(.btn-primary).hover,
  .btn:not(.btn-primary):hover,
  [open] > .btn:not(.btn-primary) {
    background-color: var(--btn-hover);
  }

  .btn:not(.btn-primary).selected,
  .btn:not(.btn-primary):active,
  .btn:not(.btn-primary)[aria-selected="true"] {
    background-color: var(--btn-focused);
  }

  .btn:not(.btn-primary) .octicon {
    color: var(--black-2);
  }

  .btn-outline:not(.btn-primary) {
    color: #6eadff;
  }

  .btn-danger {
    color: #ff0000 !important;
  }

  .btn-danger.disabled,
  .btn-danger:disabled,
  .btn-danger[aria-disabled="true"] {
    background-color: #373b3e !important;
    background-image: none !important;
    color: #983e45 !important;
  }

  .btn-link:disabled,
  .btn-link:disabled:hover,
  .btn-link[aria-disabled="true"],
  .btn-link[aria-disabled="true"]:hover {
    color: var(--white-3);
  }

  /** Forms */
  ::placeholder {
    color: var(--black-2);
  }

  .form-control,
  .form-select {
    background-color: var(--white-1);
    border-color: var(--white-3);
    box-shadow: none;
    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);
  }

  .form-group .form-control[disabled],
  .form-group .form-select[disabled] {
    background-color: var(--white-3);
  }

  /** 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-3);
  }

  .Box-header {
    background-color: var(--white-2);
    border-color: var(--white-3);
  }

  .Box-header--blue {
    background-color: var(--blue-3);
    border-color: var(--blue-4);
  }

  .Box-row--blue {
    background-color: var(--blue-3);
  }

  .Box-row--yellow {
    background-color: var(--blue-3);
  }

  .Box-row--gray {
    background-color: var(--white-2);
  }

  .Box-row--yellow,
  .Box-row--yellow .border-top {
    border-color: var(--blue-4) !important;
  }

  .Box-row {
    border-color: var(--white-3);
  }

  .Box-row--hover-blue:hover {
    background-color: var(--blue-3);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .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-meta {
    color: var(--black-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 */
  .commit-tease .AvatarStack-body,
  .AvatarStack-body {
    background-color: transparent !important;
  }

  .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);
    box-shadow: 0 8px 24px var(--box-shadow);
  }

  .SelectMenu-header {
    border-color: var(--white-5);
  }

  @media (hover: hover) {
    .SelectMenu-closeButton:hover,
    body:not(.intent-mouse) .SelectMenu-closeButton:focus {
      color: var(--black-1);
    }
  }

  @media (min-width: 544px) {
    .SelectMenu-modal {
      border-color: var(--white-4);
    }
  }

  .SelectMenu-tabs,
  .SelectMenu-tab {
    box-shadow: inset 0 -1px 0 var(--white-5);
  }

  .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);
  }

  .Popover-message--left-bottom:after,
  .Popover-message--left-top:after,
  .Popover-message--left:after {
    border-bottom-color: transparent;
    border-right-color: var(--white-1);
  }

  .Popover-message--left-bottom:before,
  .Popover-message--left-top:before,
  .Popover-message--left:before {
    border-bottom-color: transparent;
    border-right-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);
    color: var(--blue-1);
  }

  .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-bordered {
    border-color: var(--white-5);
  }

  .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);
  }

  /** Clone button */
  .file-navigation .get-repo-btn:first-child {
    border-color: var(--btn-border);
  }

  /** 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,
  .Label {
    border-color: var(--white-3);
  }

  .Label--gray,
  .Label--outline {
    color: var(--black-3);
  }

  .Label--gray-darker {
    background-color: var(--black-2);
    color: var(--black-1);
  }

  .Label--outline {
    border-color: var(--black-4);
    color: var(--black-3);
    margin-bottom: 2px;
  }

  .Label--outline.bg-yellow-light,
  .Label.bg-yellow-light {
    color: #000;
    background-color: var(--blue-1);
    border-color: var(--blue-1);
  }

  .Label--green,
  .Label--outline-green {
    color: #22863a;
    border-color: #28a745;
  }

  /** 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,
  .email-format .email-hidden-toggle a {
    background-color: var(--blue-4) !important;
    color: var(--black-2) !important;
  }

  .ellipsis-expander:hover,
  .hidden-text-expander a:hover,
  .email-format .email-hidden-toggle a:hover {
    background-color: var(--blue-5) !important;
  }

  .ellipsis-expander:active,
  .hidden-text-expander a:active,
  .email-format .email-hidden-toggle a:active {
    color: var(--black-1) !important;
    background-color: var(--blue-5) !important;
  }

  /** 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);
  }

  .tooltipped-e:before {
    border-right-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 {
    color: var(--black-1);
  }

  .pagination .next_page,
  .pagination .previous_page {
    color: var(--blue-1);
  }

  .pagination .disabled,
  .pagination .disabled:hover,
  .pagination .gap,
  .pagination .gap:hover,
  .pagination [aria-disabled="true"],
  .pagination [aria-disabled="true"]:hover {
    color: var(--black-2);
  }

  .pagination a:focus,
  .pagination a:hover,
  .pagination em:focus,
  .pagination em:hover,
  .pagination span:focus,
  .pagination span:hover {
    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]:not([aria-current="false"]),
  .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);
  }

  .tabnav-extra {
    color: var(--black-3);
  }

  @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(--white-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-item.border-gray-dark {
    border-color: var(--white-3) !important;
  }

  .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: transparent !important;
  }

  .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);
    border-color: var(--white-3);
    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);
  }

  .uploaded-files.not-populated + .drop-target .drop-target-label {
    border-color: var(--white-4);
  }

  .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);
    border-color: var(--white-3);
    box-shadow: none;
    color: var(--black-1);
  }

  .social-count:hover {
    color: var(--blue-1);
  }

  /** Select menu */
  .select-menu-modal {
    background-color: var(--white-1);
    border-color: var(--white-3);
    box-shadow: 0 3px 3px var(--box-shadow);
    color: var(--black-3);
  }

  .select-menu-item {
    background-color: var(--white-1);
    border-color: var(--white-5);
  }

  .select-menu-action {
    color: var(--black-4);
  }

  .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-code-inner.highlighted,
  .blob-code-inner .highlighted {
    background-color: var(--blue-3);
  }

  .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);
  }

  .empty-cell + .line-comments,
  .line-comments + .line-comments {
    border-left-color: var(--white-5);
  }

  .diff-table .line-comments {
    border-top-color: var(--white-3);
  }

  .diff-table tr:not(:last-child) .line-comments,
  .review-thread-reply {
    border-color: var(--white-3);
  }

  .inline-comment-form {
    border-color: var(--white-6);
  }

  /** Rich diff */
  .rich-diff .markdown-body {
    background-color: var(--white-1);
  }

  .prose-diff.collapsed .rich-diff-level-zero.expandable .octicon {
    color: var(--white-4);
  }

  .prose-diff.collapsed .rich-diff-level-zero.expandable:hover .octicon {
    color: var(--black-1);
  }

  /** 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,
  .table-list-bordered .table-list-cell:last-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);
  }

  .CheckRun-search .btn[disabled] {
    background-color: transparent;
    background-image: none;
    opacity: 0.3;
  }

  /** Filters */
  .filter-bar {
    background-color: var(--white-1);
    border-color: var(--white-1);
  }

  .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);
  }

  .user-profile-sticky-bar:after {
    background-color: var(--white-1);
    border-color: var(--white-3);
    height: 54px;
  }

  .UnderlineNav {
    border-color: var(--white-3);
    box-shadow: inset 0 -1px 0 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);
  }

  .profile-rollup-wrapper + .profile-rollup-wrapper {
    border-color: var(--white-5);
  }

  .discussion-item-icon {
    background-color: var(--white-3);
    border-color: var(--white-1);
    color: var(--black-1);
  }

  .profile-timeline.discussion-timeline .profile-timeline-month-heading:after,
  .profile-timeline.discussion-timeline:before {
    background-color: var(--white-5);
  }

  /** User dashboard pins */
  .pinned-item-checkbox:checked + .pinned-item-name {
    background-color: var(--blue-3);
    color: var(--black-1);
  }

  .pinned-item-name {
    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,
  .menu-item:focus,
  .menu-item:active {
    background-color: var(--white-2);
  }

  .menu-item.selected,
  .menu-item[aria-current]:not([aria-current="false"]),
  .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-3);
  }

  .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);
  }

  .capped-card-content {
    background-color: var(--white-2);
  }

  /** 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 */
  .merge-branch-form .commit-form:before,
  .commit-form:before {
    border-right-color: var(--white-3);
  }

  .commit-form:after {
    border-right-color: var(--white-1);
  }

  /** Header search */
  .header-search-current
    .jump-to-suggestions-results-container
    .navigation-item {
    border-color: var(--white-3);
  }

  .header-search-current .jump-to-suggestions-path {
    color: var(--black-1);
  }

  .header-search-current .jump-to-suggestions-path .jump-to-octicon {
    color: var(--black-2);
  }

  .jump-to-suggestions-path mark {
    color: var(--blue-1);
  }

  .header-search-current .jump-to-field-active {
    color: var(--black-1) !important;
    background-color: var(--white-5);
  }

  .header-search-current .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);
  }

  .commits-list-item + .commits-list-item,
  .issue-list-item + .issue-list-item,
  .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);
  }

  .codesearch-results .repo-list-item + .repo-list-item {
    border-color: var(--white-3);
  }

  /** 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);
  }

  @media (min-width: 768px) {
    .composer.composer-responsive .timeline-comment {
      border-color: var(--white-4);
    }

    .composer.composer-responsive .timeline-comment:before {
      border-right-color: var(--white-4);
    }
  }

  /** 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);
  }

  /** Organization member management */
  .org-user-notice-content strong {
    color: var(--black-1);
  }

  .manage-member-meta-item,
  .manage-member-meta-item .btn-link,
  .manage-member-meta-item > .octicon {
    color: var(--black-3);
  }

  /** Signed commits */
  .dropdown-signed-commit .dropdown-menu:after {
    border-bottom-color: var(--white-2);
  }

  .dropdown-signed-commit .dropdown-menu-w:after {
    border-bottom-color: transparent;
    border-left-color: var(--white-2);
  }

  .dropdown-menu:before {
    border-bottom-color: var(--white-3);
  }

  .dropdown-menu-w:before {
    border-bottom-color: transparent;
    border-left-color: var(--white-3);
  }

  .signed-commit-header {
    background-color: var(--white-2);
    border-color: var(--white-3);
  }

  .signed-commit-signer-name .signer {
    color: var(--black-1);
  }

  /** 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);
  }

  .upload-progress {
    box-shadow: none;
  }

  .uploaded-files.is-populated {
    border-color: var(--white-3);
  }

  @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,
  .flash:not(.flash-warn) .text-gray {
    color: #000 !important;
  }

  .flash-warn .link-gray-dark {
    color: #24292e !important;
  }

  .flash-warn a:not(.btn-primary),
  .flash-warn .btn-link:not(.btn-primary) {
    color: #0366d6;
  }

  /** 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]:not([aria-current="false"]),
  .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);
  }

  .oauth-org-access-details {
    background-color: var(--white-1);
  }

  .oauth-application-whitelist .request-info strong {
    color: var(--black-1);
  }

  /** GitHub explore */
  .MarketplaceBackground-buffer {
    background-color: var(--white-2);
  }

  /** User dashboard */
  .header-nav-current-user .user-profile-link {
    color: var(--black-1);
  }

  .user-status-circle-badge {
    background-color: var(--white-1);
    border-color: var(--white-3);
  }

  .profile-rollup-summarized + .profile-rollup-summarized {
    border-color: var(--white-5);
  }

  .vcard-username {
    color: var(--black-4);
  }

  /** Existing PR panel */
  .list-group-item {
    border-color: var(--white-3);
  }

  .list-group-item-link {
    color: var(--black-1);
  }

  .existing-pull .existing-pull-number {
    color: var(--black-3);
  }

  .list-group-item .list-group-item-summary a {
    color: var(--black-3);
  }

  .list-group-item .list-group-item-summary a.quiet {
    color: var(--black-2);
  }

  /** Developer settings */
  .access-token {
    border-color: var(--white-3);
  }

  .boxed-group-list > li {
    border-color: var(--white-3);
  }

  .boxed-group-inner .help,
  .boxed-group-inner .tabnav-tab.selected,
  .boxed-group-list > li:first-child {
    border-color: var(--white-6);
  }

  .boxed-group-inner .help {
    color: var(--black-3);
  }

  .token-scope {
    color: var(--black-1);
  }

  .oauth-app-info-container .user-count,
  .oauth-app-info-container dl.keys dt {
    color: var(--black-3);
  }

  .oauth-app-info-container dl.keys dd {
    color: var(--black-1);
  }

  /** Breadcrumbs */
  .boxed-group .heading a.boxed-group-breadcrumb,
  .boxed-group > h3 a.boxed-group-breadcrumb,
  .Subhead-description {
    color: var(--black-3);
  }

  .breadcrumb-item-selected,
  .breadcrumb-item[aria-current] {
    color: var(--black-3);
  }

  /** Autocomplete */
  .autocomplete-results {
    background-color: var(--white-1);
    border: 1px solid var(--white-3);
    box-shadow: 0 0 5px rgba(108, 124, 140, 0.3);
  }

  /** Jump to line */
  .linejump .linejump-input {
    background-color: var(--white-2);
  }

  /** New repository view */
  .UnderlineNav-item.selected,
  .UnderlineNav-item[aria-current]:not([aria-current="false"]),
  .UnderlineNav-item[role="tab"][aria-selected="true"] {
    color: var(--black-1);
  }

  .UnderlineNav-item:focus .UnderlineNav-octicon,
  .UnderlineNav-item:hover .UnderlineNav-octicon {
    color: var(--black-2);
  }

  .commit-message .issue-link {
    color: var(--black-1);
  }

  .commit-message .issue-link:hover {
    color: var(--blue-1);
  }

  .hx_flex-avatar-stack-item .avatar {
    background-color: var(--white-1);
    border-color: var(--white-1);
  }

  .BorderGrid-cell {
    border-color: var(--white-3);
  }

  /** Security alerts settings */
  .protected-branch-orgs-and-repo-admins {
    background-color: var(--white-5);
  }

  .protected-branch-pusher {
    color: var(--black-1);
  }

  /** Code references */
  .pl-token.active,
  .pl-token:hover {
    background-color: var(--blue-4);
  }

  .TagsearchPopover-list .TagsearchPopover-list-item:hover {
    background-color: var(--white-2);
  }

  /** Comments from email */
  .email-format .email-quoted-reply,
  .email-format .email-signature-reply {
    border-color: var(--white-6);
    color: var(--black-3);
  }

  /** Issue list label select menu */
  .label-select-menu .select-menu-item.navigation-focus,
  .label-select-menu .select-menu-item:focus,
  .label-select-menu .select-menu-item:hover,
  .label-select-menu .select-menu-item[aria-selected="true"] {
    background-color: var(--white-2);
  }

  /** Clone url */
  .clone-url-button > .clone-url-link {
    background: var(--btn);
    border-color: var(--btn-border) !important;
    box-shadow: none !important;
    color: var(--black-1) !important;
    text-shadow: none !important;
  }

  .clone-url-button > .clone-url-link:hover {
    background: var(--btn-hover);
  }

  .clone-url-button > .clone-url-link:active,
  .clone-url-button > .clone-url-link.selected,
  .clone-url-button > .clone-url-link.selected:hover {
    background: var(--btn-focused);
  }

  /** 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);
  }

  .js-diff-placeholder {
    fill: var(--white-5);
  }

  .saved-reply-form {
    border-color: var(--white-4);
  }

  .box-shadow-large {
    box-shadow: 0 8px 24px var(--box-shadow) !important;
  }

  .follow-list .follow-list-info {
    color: var(--black-3);
  }

  .js-previewable-comment-form,
  .js-upload-markdown-image {
    background-color: var(--white-1) !important;
  }
}