github.user.css

/* ==UserStyle==
@name         GitHub-Moonlight
@namespace    https://github.com/brettm12345/github-moonlight
@version      2.5.9
@license      MIT
@description  A dark blue github theme
@author       brettm12345 <brettmandler@gmail.com> (https://github.com/brettm12345)
@homepageURL  https://github.com/brettm12345/github-moonlight
@supportURL   https://github.com/brettm12345/github-moonlight/issues
@updateURL    https://github.com/brettm12345/github-moonlight/raw/master/github.user.css


@var text  ui_font    "UI Font"        "Inter V"
@var text  mono_font  "Monospace Font" "monospace"

@var color red-light  "Light Red"  #ff757f
@var color red        "Red"        #ff5370
@var color orange     "Orange"     #ff995e
@var color yellow     "Yellow"     #ffc777
@var color green      "Green"      #c3e88d
@var color teal       "Teal"       #4fd6be
@var color blue       "Blue"       #82aaff
@var color blue-dark   "Blue Dark" #4976eb
@var color cyan       "Cyan"       #86e1fc
@var color cyan-light "Light Cyan" #b4f9f8
@var color pink       "Pink"       #fca7ea
@var color purple     "Purple"     #c597f9
@var color indigo     "Indigo"     #7a88cf
@var color base-1     "Base 1"     #131421
@var color base-2     "Base 2"     #191b28
@var color base-3     "Base 3"     #1b1d2c
@var color base-4     "Base 4"     #1e2030
@var color base-5     "Base 5"     #212337
@var color base-6     "Base 6"     #222436
@var color base-7     "Base 7"     #2f334d
@var color base-8     "Base 8"     #383e5c
@var color base-9     "Base 9"     #444a73

@var color text-color     "Text"           #c8d3f5
@var color text-alt       "Alt Text"       #b4c2f0
@var color text-gray      "Gray Text"      #a9b8e8
@var color text-dark      "Dark Text"      #828bb8
@var color text-paragraph "Paragraph Text" #c0cdf3
@var color cn             "Light text"     #e2e8fa

@var color border-alt   "Alt Border"         #22243660
@var color active       "Active"             #828bb8aa
@var color faded        "Faded"              #828bb8ed
@var color placeholder  "Placeholder"        #c8d3f5aa
@var color red-trans    "Transparent Red"    #ff537033
@var color yellow-trans "Transparent Yellow" #ffc77733
@var color teal-trans   "Transparent Teal"   #4fd6be33
@var color cyan-trans   "Transparent Cyan"   #86e1fc33
@var color blue-trans   "Transparent Blue"   #82aaff33
@var color purple-trans "Transparent Purple" #c597f933
@var color sb           "Scrollbar"          #828bb830

@advanced dropdown sb-width "Scrollbar track width/height" {
  thin "Firefox Thin" <<<EOT
  thin EOT;
  auto "Firefox Auto" <<<EOT
  auto EOT;
  none "Firefox None" <<<EOT
  none EOT;
}
@var text wb-sb-size  "Webkit scrollbar width/height" 6px
@var text wb-sb-radius "Webkit scrollbar border radius" 0px
@preprocessor uso
==/UserStyle== */
@-moz-document domain('raw.githubusercontent.com'),
regexp('https?://((developer|gist)\.)?github\.com/.*') {
:root {
  --base-1:  /*[[base-1]]*/ ;
  --base-2:  /*[[base-2]]*/ ;
  --base-3:  /*[[base-3]]*/ ;
  --base-4: /*[[base-4]]*/ ;
  --base-5:  /*[[base-5]]*/ ;
  --base-6: /*[[base-6]]*/ ;
  --base-7:  /*[[base-7]]*/ ;
  --base-8: /*[[base-8]]*/ ;
  --base-9:  /*[[base-9]]*/ ;
  --border-alt: /*[[border-alt]]*/ ;
  --active: /*[[active]]*/ ;
  --blue:  /*[[blue]]*/ ;
  --blue-dark: /*[[blue-dark]]*/ ;
  --blue-trans: /*[[blue-trans]]*/ ;
  --cn:  /*[[cn]]*/ ;
  --cyan: /*[[cyan]]*/ ;
  --cyan-light: /*[[cyan-light]]*/ ;
  --cyan-trans:  /*[[cyan-trans]]*/ ;
  --faded:  /*[[faded]]*/ ;
  --green:  /*[[green]]*/ ;
  --indigo:  /*[[indigo]]*/ ;
  --mono-font:  /*[[mono_font]]*/ ;
  --orange:  /*[[orange]]*/ ;
  --pink: /*[[pink]]*/ ;
  --placeholder:  /*[[placeholder]]*/ ;
  --purple:  /*[[purple]]*/ ;
  --purple-trans:  /*[[purple-trans]]*/ ;
  --red:  /*[[red]]*/ ;
  --red-light: /*[[red-light]]*/ ;
  --red-trans: /*[[red-trans]]*/ ;
  --sb: /*[[sb]]*/ ;
  --sb-width: /*[[sb-width]]*/ ;
  --wb-sb-size: /*[[wb-sb-size]]*/ ;
  --wb-sb-radius: /*[[wb-sb-radius]]*/ ;
  --teal: /*[[teal]]*/ ;
  --teal-trans: /*[[teal-trans]]*/ ;
  --text: /*[[text-color]]*/ ;
  --text-alt: /*[[text-alt]]*/ ;
  --text-gray: /*[[text-gray]]*/ ;
  --text-dark: /*[[text-dark]]*/ ;
  --text-paragraph: /*[[text-paragraph]]*/ ;
  --ui-font: /*[[ui_font]]*/ ;
  --yellow: /*[[yellow]]*/ ;
  --yellow-trans: /*[[yellow-trans]]*/ ;
}
}
@-moz-document domain('github.com'), domain('raw.githubusercontent.com') {
  .repository-content .bg-gray-dark.d-flex.flex-column.flex-auto.flex-justify-end,
  .CheckStep-linecontent,
  .auth-form-body,
  .autocomplete-item.navigation-focus,
  .autocomplete-item.selected,
  .autocomplete-item:hover,
  .autocomplete-item[aria-selected="true"],
  .signup-plan-card,
  .billing-manager-banner-text,
  .payment-history .currency .status,
  .blankslate,
  .blankslate code,
  .blob-code-inner,
  .Box-row--yellow,
  .boxed-group-inner,
  .branch-name,
  .capped-card > p,
  .timeline-comment,
  .review-comment,
  .commit-desc pre,
  .commit-icon .octicon,
  .commit-group-title .octicon-git-commit,
  .commit-ref,
  .commit .commit-title,
  .commit-group-title,
  .commit a,
  .commits blockquote,
  .full-commit .sha-block > a,
  .file-commit-form--full,
  .ellipsis-expander,
  .hidden-text-expander a,
  .Counter--gray,
  .Counter--gray-light,
  .dashboard-notice h2,
  .diffstat-summary,
  .discussion-item-icon,
  .discussion-sidebar-heading,
  .dropdown-menu,
  .dropdown-menu-dark,
  .dropdown-item,
  .email-hidden-toggle a,
  .lfs-data-icon,
  .lfs-data-icon.dark,
  .graph-filter .info,
  .viz,
  .viz .code-frequency,
  .graphs .dir,
  table.capped-list td,
  table.capped-list tr:nth-child(2n),
  table.capped-list th,
  .traffic-graph-stats,
  .summary-stats li,
  .summary-stats li > .num,
  .Label--gray,
  .Label--outline,
  :not(.commit-build-statuses) > a:not(.IssueLabel):not(.IssueLabel--big):not(.lh-condensed-ultra):not(.module-linker):not(.tabnav-tab):not(.reponav-item),
  .listgroup-item,
  .markdown-body table th,
  .markdown-body table tr td,
  .menu,
  .thread-subscription-status,
  .gh-header-meta,
  .Header,
  .Header-old,
  .reponav-item.selected,
  .repohead .Label--outline,
  .repo-list .Label--outline,
  .pagination a,
  .pagination .current,
  .pagination [aria-current],
  .pagination .current:hover,
  .pagination [aria-current]:hover,
  .__better_github_pr,
  .__better_github_pr_dark_mode,
  .gitako-side-bar .gitako-side-bar-body .gitako-settings-bar,
  .gitako-side-bar .gitako-side-bar-body .gitako-settings-bar .header-row,
  .gitako-side-bar .gitako-side-bar-body .meta-bar,
  .gitako-side-bar-content .meta-bar,
  .gitako-side-bar .gitako-side-bar-body .file-explorer .node-item,
  .gitako-side-bar-content .file-explorer .node-item,
  .lovely-forks-addon,
  .Popover-message,
  .pinned-item-checkbox:checked + .pinned-item-name,
  .protip  > code,
  .compare-pr-placeholder p,
  ul.comparison-list > li,
  ul.comparison-list > li.title,
  .description,
  table.files,
  table.files td.age,
  table.files td.icon,
  .code-list .file-box,
  .code-list .code-list-item + .code-list-item,
  .code-list .divider .blob-code,
  .code-list .divider .blob-num,
  .code-list-item-private .blob-num,
  .SelectMenu-divider,
  .SelectMenu-blankslate,
  .SelectMenu-loading,
  .SelectMenu-message,
  .SelectMenu-footer,
  .SelectMenu-item,
  .SelectMenu-tab,
  .select-menu-blankslate h3,
  .select-menu-modal,
  .select-menu-item,
  .select-menu-divider,
  .select-menu-filters,
  .SideNav,
  .application-main > main > .site-subnav + div .text-gray-light,
  .suggester,
  .cm-s-github-light.CodeMirror,
  .pl-s .pl-v,
  .table-list,
  .tabnav--responsive .tabnav-tab.selected,
  .tabnav-tab.selected,
  .tabnav--responsive .tabnav-tab[aria-selected="true"],
  .tabnav-tab[aria-selected="true"],
  .tabnav--responsive .tabnav-tab[aria-current],
  .tabnav-tab[aria-current],
  .Toast,
  .Toast-content,
  .toolbar-item,
  .toolbar-item .menu-target,
  .topic-tag,
  .typeahead-result,
  .hook-delivery-guid,
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  kbd,
  .CodeMirror-hint,
  .CodeMirror-gutters,
  .CodeMirror-gutter.CodeMirror-foldgutter,
  .history-contents,
  .doc-explorer-contents,
  .history-title-bar,
  .doc-explorer-title-bar,
  .graphiql-container .history-contents p,
  .graphiql-container .topBar,
  .graphiql-container .variable-editor-title,
  .graphiql-container .docExplorerShow,
  .content,
  .sidebar-menu,
  .sidebar-menu h3,
  .sidebar-menu ul ul li,
  body table,
  body table th,
  body table tr td,
  .alert.tip,
  .alert.note,
  .alert.warning,
  .alert.product,
  h6,
  ol > li::before,
  .libraries-jumbotron,
  .content .sectionbody .dlist dt,
  .content .verseblock-content,
  .content dl code,
  .content h2 code,
  .content h3 code,
  .content h4 code,
  .content ol code,
  .content p > tt,
  .content table code,
  .content ul code,
  p code,
  pre,
  code .p {
    color: var(--text) !important;
  }
  .repository-content .bg-gray-dark.d-flex.flex-column.flex-auto.flex-justify-end,
  .auth-form-body,
  .autocomplete-results,
  .AvatarStack-body,
  .AvatarStack-body .avatar,
  .signup-plan-card,
  .plan-choice,
  .billing-manager-banner,
  .braintree-paypal-loggedin,
  .blankslate,
  .blankslate code,
  .blob-num,
  .blob-code,
  .CopyBlock:active,
  .CopyBlock:focus,
  .CopyBlock:hover,
  *:not(code) .Box,
  .Box-body,
  .Box--overlay,
  .Box-header,
  .Box-header--blue,
  .Box-footer,
  .Box.Box--condensed .Box-row,
  .boxed-group-table th,
  .boxed-group-inner,
  .boxed-group .heading,
  .boxed-group > h3,
  .branch-name,
  .branch-action-item + .branch-action-item,
  .branch-action-item + .mergeability-details,
  .branch-action-body,
  .branch-action-body .merge-branch-form,
  .branch-action-body .merge-message,
  .btn,
  .btn.btn-sm,
  .btn:disabled,
  .btn.btn-sm:disabled,
  .btn:disabled:hover,
  .btn.btn-sm:disabled:hover,
  .btn-mktg,
  .capped-card,
  .previewable-comment-form,
  .comment-reactions .user-has-reacted,
  .comment-reactions.has-reactions,
  .timeline-comment,
  .timeline-comment-wrapper,
  .timeline-comment-header,
  .review-thread-reply,
  .review-comment,
  .conversation-list-heading,
  .simple-conversation-list > li,
  .commit-ref,
  .commit-sha,
  .commit-tease,
  .full-commit,
  .full-commit .btn-outline,
  .full-commit .btn-outline:disabled,
  .full-commit .sha-block > a:hover,
  .full-commit .commit-meta,
  .file-commit-form--full,
  .diff-table tr:not(:last-child) .line-comments,
  .select-menu-item+.semantic-toc-file:after,
  .semantic-toc-symbol:not(.last-visible):after,
  .Counter,
  .Counter--gray,
  .Counter--gray-light,
  .dashboard .js-all-activity-header + div,
  .dashboard-rollup-items .body,
  .repo-list,
  .repo-list-item,
  .file-diff-split .empty-cell,
  .file-diff-split .blob-code + .file-diff-split .blob-num,
  .discussion-sidebar-item,
  .dropdown-divider,
  .dropdown-menu,
  .dropdown-menu-dark,
  .email-quoted-reply,
  .email-signature-reply,
  .newsletter-frequency-choice,
  .newsletter-frequency-choice h3,
  input[type="text"],
  .input-contrast,
  .drag-and-drop,
  .file,
  .file-wrap,
  .file-header,
  .form-group .form-control,
  .form-control,
  .form-select,
  .viz,
  .viz .code-frequency,
  .graphs.axis,
  table.capped-list td,
  table.capped-list tr:nth-child(2n),
  table.capped-list th,
  .summary-stats li:hover,
  .summary-stats li:focus,
  .summary-stats li:hover > .num,
  .summary-stats li:focus > .num,
  .summary-stats li:hover > a,
  .summary-stats li:focus > a,
  .traffic-graph-stats,
  .summary-stats li,
  .summary-stats li > .num,
  .pinned-issue-item,
  .Label--gray,
  .Label--outline,
  .list-group-item,
  .listgroup,
  .listgroup-item,
  .markdown-body table th,
  .markdown-body table td,
  .markdown-body table tr td,
  .markdown-body code,
  .markdown-body tt,
  .markdown-body h1,
  .markdown-body h2,
  .markdown-body h3,
  .markdown-body h4,
  .markdown-body h5,
  .markdown-body h6,
  .highlight pre,
  .markdown-body pre,
  .markdown-body span.frame > span,
  .markdown-body .clippy-wrapper .clippy,
  .MarketplaceBackground-buffer,
  .MarketplacePlan--sticky div.bg-white,
  .ScreenshotCarousel,
  .menu,
  .menu .blankslate,
  .menu-heading,
  .notifications-list-item.notification-unread,
  .notifications-list-item:hover .notification-list-item-actions .btn:hover,
  .notifications-list-item:focus .notification-list-item-actions .btn:hover,
  .notifications-dropdown,
  .notifications-dropdown-see-all,
  .thread-subscription-status,
  .org-login img,
  .orghead,
  .gh-header-meta,
  .Header,
  .Header-old,
  .reponav-item.selected,
  .pagehead,
  .pagehead-tabs-item,
  .pagehead .repohead.experiment-repo-nav,
  .repohead .Label--outline,
  .repo-list .Label--outline,
  .site-header,
  .ajax-pagination-form:not(.js-more-repos-form) button,
  .pagination a,
  .pagination .current,
  .pagination [aria-current],
  .pagination .current:hover,
  .pagination [aria-current]:hover,
  .pagination .disabled,
  .pagination .gap,
  .pagination [aria-disabled=true],
  .pagination .disabled:hover,
  .pagination .gap:hover,
  .pagination [aria-disabled=true]:hover,
  .__better_github_pr,
  .__better_github_pr_dark_mode,
  .gitako-toggle-show-button-wrapper.collapsed,
  .gitako-side-bar,
  .gitako-resize-handler,
  .gitako-side-bar .gitako-side-bar-body,
  .gitako-side-bar .gitako-side-bar-body .gitako-settings-bar-content .shadow-shelter,
  .gitako-side-bar .gitako-side-bar-body .gitako-settings-bar,
  .gitako-side-bar .gitako-side-bar-body .gitako-settings-bar .header-row,
  .gitako-side-bar .gitako-side-bar-body .meta-bar,
  .gitako-side-bar-content .meta-bar,
  .gitako-side-bar .gitako-side-bar-body .file-explorer .node-item,
  .gitako-side-bar-content .file-explorer .node-item,
  button.reaction-summary-item,
  .Popover-message,
  .pinned-item-checkbox:checked + .pinned-item-name,
  .profile-rollup-summarized+.profile-rollup-summarized,
  .user-profile-sticky-bar:after,
  .js-profile-editable-edit-button,
  .progress-bar-inline .progress-bar,
  .project-card:hover,
  .protip  > code,
  .compare-pr-placeholder,
  .range-editor,
  ul.comparison-list,
  ul.comparison-list > li,
  ul.comparison-list > li.title,
  .merge-status-list,
  .merge-status-item,
  .CheckRun,
  .CheckRun-header,
  .octofication .message,
  .overall-summary,
  .branch-infobar,
  .social-count,
  #readme .Box-header,
  table.files,
  table.files td,
  .repository-lang-stats-graph,
  .flash,
  .code-list .file-box,
  .code-list .code-list-item + .code-list-item,
  .code-list .divider .blob-code,
  .code-list .divider .blob-num,
  .code-list-item-private .blob-num,
  .jump-to-suggestions-results-container .navigation-item,
  .ais-SearchBox-input,
  .SelectMenu-divider,
  .SelectMenu-list,
  .SelectMenu-item,
  .SelectMenu-modal,
  .SelectMenu-blankslate,
  .SelectMenu-loading,
  .SelectMenu-message,
  .SelectMenu-footer,
  .SelectMenu-tab,
  .SelectMenu-tab[aria-selected="true"],
  .select-menu-header,
  .select-menu-header .select-menu-title,
  .select-menu-modal,
  .select-menu-item,
  .select-menu-divider,
  .select-menu-filters,
  .select-menu-no-results,
  .select-menu-text-filter:first-child,
  .select-menu-text-filter:last-child,
  .select-menu-tabs,
  .select-menu-tab-nav.selected,
  .select-menu-tabs.selected,
  .select-menu-tabs a.selected,
  .select-menu-tab-nav[aria-selected="true"],
  .select-menu-tabs[aria-selected="true"],
  .select-menu-tabs a[aria-selected="true"],
  .select-menu-tab-nav[aria-current],
  .select-menu-tabs[aria-current],
  .select-menu-tabs a[aria-current],
  .user-key-email,
  .user-key-badge,
  .user-key-email-unverified,
  .oauth-border,
  .access-form-wrapper,
  .license-container,
  .email-preference-exceptions .exception,
  .orgs-help-item-octicon,
  .SideNav,
  .SideNav-item,
  .Subhead,
  .site-subnav.bg-white.is-stuck,
  .subnav-bordered,
  .subnav-item,
  .subnav-item.selected,
  .subnav-item.selected:focus,
  .subnav-item.selected:hover,
  .suggester,
  .suggester li,
  .cm-s-github-light.CodeMirror,
  .cm-s-github-light .CodeMirror-gutter.cm-s-github-light .CodeMirror-linenumbers,
  .cm-s-github-light .CodeMirror-gutters,
  .table-list,
  .table-list-header,
  .tabnav-tabs.js-file-editor-nav .tabnav-tab,
  .tabnav--responsive .tabnav-tab,
  .tabnav-tab,
  .tabnav--responsive .tabnav-tab.selected,
  .tabnav-tab.selected,
  .tabnav--responsive .tabnav-tab[aria-selected="true"],
  .tabnav-tab[aria-selected="true"],
  .tabnav--responsive .tabnav-tab[aria-current],
  .tabnav-tab[aria-current],
  .tabnav--responsive .tabnav-tab.selected.js-blob-edit-code,
  .tabnav-tab.selected.js-blob-edit-code,
  .tabnav--responsive .tabnav-tab[aria-selected="true"].js-blob-edit-code,
  .tabnav-tab[aria-selected="true"].js-blob-edit-code,
  .tabnav--responsive .tabnav-tab[aria-current].js-blob-edit-code,
  .tabnav-tab[aria-current].js-blob-edit-code,
  .tabnav--responsive .tabnav-tab.selected.js-blob-edit-preview,
  .tabnav-tab.selected.js-blob-edit-preview,
  .tabnav--responsive .tabnav-tab[aria-selected="true"].js-blob-edit-preview,
  .tabnav-tab[aria-selected="true"].js-blob-edit-preview,
  .tabnav--responsive .tabnav-tab[aria-current].js-blob-edit-preview,
  .tabnav-tab[aria-current].js-blob-edit-preview,
  .team-left-column.bg-white,
  .team-left-column > div,
  .team-left-column[aria-label="Explore"] > div,
  .timeline-new-comment .previewable-comment-form .comment-body,
  .Toast,
  .Toast-content,
  .Toast-dismissButton,
  .topic-tag,
  .UnderlineNav,
  .avatar-before-user-status,
  .hook-delivery-guid,
  kbd,
  iframe#graphiql,
  iframe#graphiql .graphiql-ide,
  .CodeMirror-hint,
  .CodeMirror-hint-information,
  .CodeMirror-gutters,
  .CodeMirror-gutter.CodeMirror-foldgutter,
  .history-contents,
  .doc-explorer-contents,
  .history-title-bar,
  .doc-explorer-title-bar,
  .graphiql-container .history-contents p,
  .graphiql-container .execute-options > li:hover,
  .graphiql-container .toolbar-menu-items > li:hover,
  .graphiql-container .toolbar-select-options > li:hover,
  .graphiql-container .history-contents > p:hover,
  .graphiql-container .execute-options > li.hover,
  .graphiql-container .toolbar-menu-items > li.hover,
  .graphiql-container .toolbar-select-options > li.hover,
  .graphiql-container .history-contents > p.hover,
  .graphiql-container .execute-options > li:active,
  .graphiql-container .toolbar-menu-items > li:active,
  .graphiql-container .toolbar-select-options > li:active,
  .graphiql-container .history-contents > p:active,
  .graphiql-container .search-box,
  .graphiql-container .result-window .CodeMirror-gutters,
  .graphiql-container .doc-category-title,
  .graphiql-container .topBar,
  .graphiql-container .variable-editor-title,
  .graphiql-container .docExplorerShow,
  .sidebar-menu,
  .sidebar-menu h3,
  .sidebar-menu ul ul li,
  .sidebar-menu h3:hover,
  .sidebar-menu ul ul li:hover,
  .sidebar-menu h3 a:hover,
  .sidebar-menu ul ul li a:hover,
  .js-current .standalone a,
  .sidebar-module .disable > a,
  .sub-nav,
  body table,
  body table th,
  body table tr td,
  .libraries-jumbotron,
  .sidebar-module,
  .content .sectionbody .dlist dt,
  .content .verseblock-content,
  .content dl code,
  .content h2 code,
  .content h3 code,
  .content h4 code,
  .content ol code,
  .content p > tt,
  .content table code,
  .content ul code,
  p code,
  pre {
    border-color: var(--base-1) !important;
  }
  .repository-content .bg-gray-dark.d-flex.flex-column.flex-auto.flex-justify-end,
  .auth-form-body,
  .autocomplete-item.navigation-focus,
  .autocomplete-item.selected,
  .autocomplete-item:hover,
  .autocomplete-item[aria-selected="true"],
  .plan-choice.open,
  .plan-choice.selected,
  .billing-manager-banner,
  .payment-history .failed,
  .payment-history .refunded,
  .blob-code-expandable,
  .blob-num-expandable,
  .blob-code-hunk,
  .blob-num-hunk,
  .blob-num,
  .blob-code,
  *:not(code) .Box,
  .Box-header,
  .Box-header--blue,
  .Box.Box--condensed .Box-row,
  .Box-row--gray,
  .tint-box,
  .boxed-group-table th,
  .boxed-group-inner,
  .boxed-group .heading,
  .boxed-group > h3,
  .branch-action-body,
  .branch-action-body .merge-branch-form,
  .branch-action-body .merge-message,
  .capped-card-content,
  div[style*="#fcfdfd"],
  .previewable-comment-form .comment-form-head.tabnav,
  .comment-reactions.has-reactions,
  .timeline-comment-header,
  .js-resolvable-timeline-thread-form,
  .review-comment,
  .conversation-list-heading .inner,
  .commit-desc pre,
  .commit-icon .octicon,
  .commit-group-title .octicon-git-commit,
  .commit-tease,
  .commits-list-item,
  .full-commit,
  .commit-form,
  .select-menu-item+.semantic-toc-file:after,
  .semantic-toc-symbol:not(.last-visible):after,
  .repo-list,
  .repo-list-item,
  .content.p-4.text-center.rounded-1.border.border-gray-light,
  .application-main main div.border-bottom.border-gray,
  .js-file-content,
  .file-diff-split .empty-cell,
  .dropdown-menu,
  .dropdown-menu-dark,
  .email-hidden-toggle a,
  .input-contrast,
  .file-header,
  .form-group .form-control,
  .form-control,
  .form-select,
  .viz,
  .viz .code-frequency,
  table.capped-list td,
  table.capped-list tr:nth-child(2n),
  table.capped-list th,
  .traffic-graph-stats,
  .summary-stats li,
  .summary-stats li > .num,
  #contributors-master svg.viz,
  .js-selected-navigation-item.subnav-item.Box-row--focus-gray,
  .js-issue-row.Box-row--focus-gray,
  .reaction-summary-item,
  .list-group-item.closed,
  .markdown-body .clippy-wrapper .clippy,
  .MarketplaceBackground-buffer,
  .MarketplacePlan--sticky div.bg-white,
  .ScreenshotCarousel,
  .menu,
  .menu-heading,
  .notifications-list-item.notification-unread,
  .orghead,
  .gh-header-sticky.is-stuck + .gh-header-shadow,
  .reponav,
  .pagehead-actions .btn,
  .site-header,
  .ajax-pagination-form:not(.js-more-repos-form) button,
  .pagination a,
  .pagination .disabled,
  .pagination .gap,
  .pagination [aria-disabled=true],
  .pagination .disabled:hover,
  .pagination .gap:hover,
  .pagination [aria-disabled=true]:hover,
  .pagination-loader-container,
  .more-repos,
  .code-review.blob-code.blob-code-context,
  .__better_github_pr,
  .__better_github_pr_dark_mode,
  .gitako-side-bar .gitako-side-bar-body,
  .gitako-side-bar .gitako-side-bar-body .gitako-settings-bar-content .shadow-shelter,
  .gitako-side-bar .gitako-side-bar-body .gitako-settings-bar,
  .gitako-side-bar .gitako-side-bar-body .gitako-settings-bar .header-row,
  .gitako-side-bar .gitako-side-bar-body .meta-bar,
  .gitako-side-bar-content .meta-bar,
  .dashboard .js-all-activity-header + div,
  .project-column,
  .btn.btn-outline,
  .d-flex.js-socket-channel.js-updatable-content.mb-2.border.rounded-1.p-2,
  .range-editor,
  ul.comparison-list,
  ul.comparison-list > li,
  .merge-status-item,
  .CheckRun,
  .octofication .message,
  .overall-summary,
  .release-timeline-tags .tag-timeline-date::after,
  .branch-infobar,
  .flash,
  .filter-bar,
  header #search-results-container,
  .SelectMenu-item,
  .SelectMenu-modal,
  .SelectMenu-blankslate,
  .SelectMenu-loading,
  .SelectMenu-message,
  .SelectMenu-footer,
  .SelectMenu-tab[aria-selected="true"],
  .select-menu-modal,
  .select-menu-item,
  .select-menu-divider,
  .select-menu-no-results,
  .select-menu-tab-nav.selected,
  .select-menu-tabs.selected,
  .select-menu-tabs a.selected,
  .select-menu-tab-nav[aria-selected="true"],
  .select-menu-tabs[aria-selected="true"],
  .select-menu-tabs a[aria-selected="true"],
  .select-menu-tab-nav[aria-current],
  .select-menu-tabs[aria-current],
  .select-menu-tabs a[aria-current],
  .select-menu-modal-right.details-reset.details-overlay.mb-2,
  .select-menu-modal .js-org-filter-link.f6.py-1.pr-2.pl-1.rounded-1.mr-2.mb-2.subnav-item.css-truncate.css-truncate-target,
  .access-form-wrapper,
  .orgs-help-item-octicon,
  .SideNav,
  .subnav-item,
  .cm-s-github-light .CodeMirror-gutter.cm-s-github-light .CodeMirror-linenumbers,
  .cm-s-github-light .CodeMirror-gutters,
  .table-list-header,
  .team-left-column[aria-label="Explore"] > div,
  .TimelineItem-badge,
  .TimelineItem .status-meta-badge,
  .TimelineItem .merge-pr-more-commits-badge,
  .TimelineItem--condensed .TimelineItem-badge,
  .TimelineItem .status-meta--condensed .TimelineItem .status-meta-badge,
  .TimelineItem .merge-pr-more-commits--condensed .TimelineItem .merge-pr-more-commits-badge,
  .timeline-commits .hidden-text-expander .ellipsis-expander,
  .Toast,
  .Toast-content,
  .topic-box.bg-white,
  .topic-tag,
  nav.UnderlineNav + div.border.d-md-block,
  .hook-item,
  .hook-delivery-guid,
  .hook-delivery-container .highlight pre,
  .hook-delivery-container pre,
  .wiki-pages-box + div .d-block.border-dashed,
  .wiki-footer .d-block.border-dashed,
  .copyable-terminal,
  .js-notice,
  #gist-pjax-container,
  #gist-pjax-container .timeline-comment-wrapper.timeline-new-comment.js-comment-container.width-fit,
  #gist-pjax-container .discussion-timeline-actions,
  #gist-pjax-container .reponav.js-repo-nav,
  #gist-pjax-container .reponav-item,
  #gist-pjax-container .timeline-comment-wrapper.timeline-new-comment.js-comment-container.width-fit.selected,
  #gist-pjax-container .discussion-timeline-actions.selected,
  #gist-pjax-container .reponav.js-repo-nav.selected,
  #gist-pjax-container .reponav-item.selected,
  .CodeMirror-hint,
  .CodeMirror-hint-information,
  .CodeMirror-gutters,
  .CodeMirror-gutter.CodeMirror-foldgutter,
  .CodeMirror.cm-s-graphiql,
  .history-title-bar,
  .doc-explorer-title-bar,
  .graphiql-container .topBar,
  .result-window .CodeMirror,
  .sidebar-menu,
  .sidebar-menu h3,
  .sidebar-menu ul ul li,
  body table,
  body table tr td {
    background-color: var(--base-4) !important;
  }
  .CheckStep-line,
  .blob-code-inner,
  .commit-ref,
  .markdown-body code,
  .markdown-body tt,
  .highlight pre,
  .markdown-body pre,
  code,
  pre,
  tt {
    font-family: var(--mono-font) !important;
  }
  .CheckStep-line,
  .commit-ref,
  .full-commit .sha-block,
  .discussion-sidebar-item,
  code .link-gray,
  .markdown-body code,
  .markdown-body tt,
  .highlight pre,
  .markdown-body pre,
  .signed-commit-badge.verified,
  .CodeMirror-linenumber.CodeMirror-gutter-elt,
  .CodeMirror-hint-active,
  .CodeMirror-linenumber {
    font-weight: 500 !important;
  }
  .CheckStep-line-number,
  .dropdown-menu .octicon,
  .dropdown-menu-dark .octicon,
  .octicon-smiley,
  .octicon-file,
  .gitako-side-bar .gitako-side-bar-body .octicon,
  #readme .Box-header .octicon-pencil,
  .cm-s-github-light .CodeMirror-gutter.cm-s-github-light .CodeMirror-linenumbers,
  .cm-s-github-light .CodeMirror-gutters,
  .cm-s-github-light .CodeMirror-linenumber,
  .pl-c,
  .CodeMirror-hint-information,
  .CodeMirror-linenumber,
  .graphiql-container .field-short-description {
    color: var(--indigo) !important;
  }
  .CheckStep-line:hover,
  .signup-plan-card,
  .billing-plans tbody > .selected,
  .billing-plans .current,
  .blankslate > .Box.bg-gray,
  .Box-row--focus-gray,
  .btn,
  .btn.btn-sm,
  .btn:disabled,
  .btn.btn-sm:disabled,
  .btn:disabled:hover,
  .btn.btn-sm:disabled:hover,
  .graph-before-activity-overview,
  .comment-reactions .user-has-reacted,
  .timeline-comment,
  .commit-sha,
  .commits-listing:before,
  .commits-list-item.navigation-focus,
  .full-commit .commit-meta,
  .line-comments,
  .dashboard-notice,
  .shaded-background .previous-requests li,
  .exploregrid-item,
  .height-full.border.border-gray-light.rounded-1.p-3.p-md-5.my-5,
  .newsletter-frequency-choice h3,
  .filter-item.selected,
  .filter-item[aria-selected="true"],
  .filter-item[aria-current],
  input[type="text"]:focus,
  .input-contrast:hover,
  .input-contrast:focus,
  .form-control.search-page-label.js-advanced-search-label,
  .form-control.search-page-label.js-advanced-search-label input,
  .summary-stats li:hover,
  .summary-stats li:focus,
  .summary-stats li:hover > .num,
  .summary-stats li:focus > .num,
  .summary-stats li:hover > a,
  .summary-stats li:focus > a,
  .js-selected-navigation-item.subnav-item.Box-row--focus-gray:hover,
  .js-issue-row.Box-row--focus-gray:hover,
  .pinned-issue-item,
  .list-group-item.selected,
  .js-commit-preview .markdown-body,
  .markdown-body blockquote,
  .ScreenshotCarousel-navitem.selected,
  .menu-item.selected,
  .menu-item[aria-current],
  .notifications-list-item:hover,
  .notifications-list-item:focus,
  .pagination a:hover,
  .gitako-toggle-show-button-wrapper.collapsed,
  .gitako-side-bar .gitako-side-bar-body .file-explorer .node-item-row,
  .gitako-side-bar-content .file-explorer .node-item-row,
  .js-profile-editable-edit-button,
  .profile-timeline.discussion-timeline:before,
  .profile-timeline-card.bg-white,
  .profile-timeline-month-heading.bg-white:after,
  .profile-timelineyear-list:after,
  .progress-bar,
  .reverse-progress-bar,
  .reverse-progress-container,
  .project-pane.bg-white,
  .protip  > code,
  .compare-pr-placeholder,
  ul.comparison-list > li.title,
  .social-count,
  table.files,
  table.files tr.navigation-focus td,
  table.files tr[aria-selected=true] td,
  .jump-to-field-active,
  .js-navigation-item:hover,
  #jump-to-results:hover,
  .user-key-email,
  .user-key-badge,
  .SideNav-item[aria-current="page"],
  .SideNav-item[aria-selected="true"],
  .SideNav-item:focus,
  .SideNav-item:hover,
  .subnav-item.selected,
  .subnav-item.selected:focus,
  .subnav-item.selected:hover,
  .btn.btn-primary,
  .btn .js-selected-navigation-item.subnav-item,
  .cm-s-github-light.CodeMirror,
  .cm-s-github-light .CodeMirror-lines,
  .tabnav--responsive .tabnav-tab.selected,
  .tabnav-tab.selected,
  .tabnav--responsive .tabnav-tab[aria-selected="true"],
  .tabnav-tab[aria-selected="true"],
  .tabnav--responsive .tabnav-tab[aria-current],
  .tabnav-tab[aria-current],
  .tabnav--responsive .tabnav-tab.selected.js-blob-edit-code,
  .tabnav-tab.selected.js-blob-edit-code,
  .tabnav--responsive .tabnav-tab[aria-selected="true"].js-blob-edit-code,
  .tabnav-tab[aria-selected="true"].js-blob-edit-code,
  .tabnav--responsive .tabnav-tab[aria-current].js-blob-edit-code,
  .tabnav-tab[aria-current].js-blob-edit-code,
  .tabnav--responsive .tabnav-tab.selected.js-blob-edit-preview,
  .tabnav-tab.selected.js-blob-edit-preview,
  .tabnav--responsive .tabnav-tab[aria-selected="true"].js-blob-edit-preview,
  .tabnav-tab[aria-selected="true"].js-blob-edit-preview,
  .tabnav--responsive .tabnav-tab[aria-current].js-blob-edit-preview,
  .tabnav-tab[aria-current].js-blob-edit-preview,
  .team-left-column[aria-label="Explore"] > div:hover,
  .team-left-column[aria-label="Explore"] > div:focus,
  .TimelineItem:before,
  .TimelineItem .status-meta:before,
  .TimelineItem .merge-pr-more-commits:before,
  .topic-box.bg-white:hover,
  .tree-browser-result.selected,
  .tree-browser-result[aria-selected="true"],
  .tree-browser-result[aria-current],
  .js-user-status-container,
  .js-gist-file-update-container.js-task-list-container.file-box,
  .graphiql-container .variable-editor-title,
  .graphiql-container .docExplorerShow,
  .js-current .standalone a,
  .sidebar-module .disable > a,
  .sidebar-module,
  .content .sectionbody .dlist dt,
  .content .verseblock-content,
  .content dl code,
  .content h2 code,
  .content h3 code,
  .content h4 code,
  .content ol code,
  .content p > tt,
  .content table code,
  .content ul code,
  p code,
  pre {
    background-color: var(--base-5) !important;
  }
  .autocomplete-results,
  .plan-choice,
  .blankslate,
  .btn.btn-outline.BtnGroup-item,
  .btn.btn-outline.tooltipped.tooltipped-sw,
  .previewable-comment-form,
  .previewable-comment-form .comment-form-head.tabnav .tabnav-tab.selected,
  .previewable-comment-form .comment-form-head.tabnav .tabnav-tab[aria-selected="true"],
  .previewable-comment-form .comment-form-head.tabnav .tabnav-tab[aria-current],
  .timeline-comment:last-child,
  .review-thread-reply,
  .review-thread-reply .inline-comment-form,
  .Counter--gray,
  .email-quoted-reply,
  .email-signature-reply,
  input[type="text"],
  .drag-and-drop,
  .list-group-item.navigation-focus,
  .list-group-item[aria-selected="true"],
  .markdown-body img,
  .markdown-body table tr td,
  .highlight pre,
  .markdown-body pre,
  body.page-responsive.pagehead,
  .pagehead,
  .pagehead-tabs-item,
  .pagehead .repohead.experiment-repo-nav,
  .Popover-message,
  .new-project-column,
  #readme .Box-header,
  .search_repos fieldset,
  .SelectMenu-list,
  .select-menu-filters,
  .select-menu-item .excluded,
  .user-key-email-unverified,
  .orgs-help-shelf,
  .site-subnav.bg-white,
  .suggester,
  .table-list,
  .team-left-column.bg-white,
  .team-left-column > div,
  .UnderlineNav,
  .usage-bar {
    background-color: var(--base-3) !important;
  }
  .autocomplete-results,
  .avatar-child,
  .Box--overlay,
  .file:target,
  .MarketplacePlan--sticky div.bg-white,
  .ScreenshotCarousel,
  .project-card:hover,
  .box-shadow-medium,
  .orgs-help-shelf,
  .site-subnav.bg-white.is-stuck {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26) !important;
  }
  .avatar-child,
  .AvatarStack-body,
  .AvatarStack-body .avatar,
  .paypal-container,
  .blankslate code,
  .Box--overlay,
  .CircleBadge[style*="#fff"],
  .CircleBadge[style*="#eff9f9"],
  section[style*="#fafbfc"],
  .previewable-comment-form .comment-form-head.tabnav .tabnav-tab,
  .commit-ref,
  .file-commit-form--full,
  .private .mini-repo-list-item,
  .diffbar,
  .Label--gray,
  .markdown-body table th,
  .notification-navigation.bg-white,
  .orghead .pagehead-tabs-item.selected,
  .Header,
  .Header-old,
  .reponav-item.selected,
  #js-repo-pjax-container,
  .pr-toolbar,
  .gitako-ready .js-header-wrapper,
  .js-more-repos-form.ajax-pagination-form button,
  .user-profile-sticky-bar:after,
  .profile-timeline-rollup-content li.d-block.mt-1.py-1,
  .profile-timeline-month-heading.bg-white,
  .profile-timelineyear-list,
  .project-header,
  .d-flex.flex-row.flex-items-center.f6,
  #readme .Box-header:hover,
  .js-recent-activity-container > div > div,
  .repository-content > div.bg-white:first-child,
  .code-list-item.hx_hit-code.code-list-item-public.repo-specific,
  .SelectMenu-divider,
  .SelectMenu-tab,
  .select-menu-loading-overlay,
  .select-menu-header,
  .select-menu-header .select-menu-title,
  .signed-commit-header,
  .site-subnav.bg-white.is-stuck,
  .application-main > main > .site-subnav + div,
  .tabnav-pr .tabnav-tab.selected,
  .tabnav-pr .tabnav-tab[aria-selected="true"],
  .tabnav-pr .tabnav-tab[aria-current],
  .tabnav-tabs[aria-label="Stargazers"] .tabnav-tab.selected,
  .tabnav-tabs.js-file-editor-nav .tabnav-tab,
  .team-left-column[aria-label="Explore"].bg-white,
  .Toast-dismissButton,
  #tree-finder-field,
  .UnderlineNav[style*="margin-top"],
  .hook-delivery-container .tabnav-tab[aria-selected="true"],
  body,
  kbd,
  .history-contents,
  .doc-explorer-contents,
  .graphiql-container .search-box,
  .graphiql-container .search-box input,
  body table th,
  .content ol li pre code,
  .libraries-jumbotron {
    background-color: var(--base-2) !important;
  }
  .avatar.avatar-more,
  .AvatarStack-right .avatar.avatar-more {
    background: var(--base-3) !important;
  }
  .avatar.avatar-more::before,
  .AvatarStack-right .avatar.avatar-more::before {
    background: var(--text-alt) !important;
  }
  .avatar.avatar-more::after,
  .AvatarStack-right .avatar.avatar-more::after {
    background: var(--text-gray) !important;
  }
  .RecentBranches,
  .billing-plans .coupon.expiring td,
  .Box-row--yellow,
  .boxed-group-warning,
  .alert.warning {
    border-color: var(--yellow) !important;
  }
  .RecentBranches,
  .billing-plans .coupon.expiring td,
  .boxed-group-warning,
  .alert.warning {
    background-color: var(--yellow-trans) !important;
  }
  .RecentBranches-item,
  .billing-plans .coupon.expiring td,
  .commit-link,
  .commit-sha,
  .octicon-inbox,
  .octicon-alert,
  .octicon-pencil,
  .octicon-light-bulb,
  .protip  > strong,
  .flash-warn,
  .user-key-email-unverified,
  .pl-smw,
  .pl-mi,
  mark,
  .graphiql-container .type-name {
    color: var(--yellow) !important;
  }
  .signup-plan-card:hover,
  .blob-code-inner.highlighted,
  .blob-code-inner .highlighted,
  .Box-row[style*="background"],
  .branch-name,
  .dropdown-item:hover,
  .dropdown-item:focus,
  .community-checklist .progress,
  .markdown-body .clippy-wrapper .clippy:hover,
  .notifications-dropdown,
  .notifications-dropdown-see-all,
  .progress-bar .progress,
  .checks-list-item.selected .checks-list-item-name,
  .jump-to-suggestions-results-container .navigation-focus .jump-to-suggestions-path,
  ::selection,
  .CodeMirror-hint-active,
  .graphiql-container .execute-options > li:hover,
  .graphiql-container .toolbar-menu-items > li:hover,
  .graphiql-container .toolbar-select-options > li:hover,
  .graphiql-container .history-contents > p:hover,
  .graphiql-container .execute-options > li.hover,
  .graphiql-container .toolbar-menu-items > li.hover,
  .graphiql-container .toolbar-select-options > li.hover,
  .graphiql-container .history-contents > p.hover,
  .graphiql-container .execute-options > li:active,
  .graphiql-container .toolbar-menu-items > li:active,
  .graphiql-container .toolbar-select-options > li:active,
  .graphiql-container .history-contents > p:active,
  .sidebar-menu h3:hover,
  .sidebar-menu ul ul li:hover,
  .sidebar-menu h3 a:hover,
  .sidebar-menu ul ul li a:hover {
    background-color: var(--base-8) !important;
  }
  div[style*="height: 1px;"],
  .showcase-page-pattern::after,
  .Label--gray-darker,
  .markdown-body hr,
  .notifications-list-item:hover .notification-list-item-actions .btn:hover,
  .notifications-list-item:focus .notification-list-item-actions .btn:hover,
  .notifications-dropdown,
  .gitako-side-bar,
  .gitako-resize-handler {
    background-color: var(--base-1) !important;
  }
  .showcase-page-pattern::after,
  .boxed-group-list > li.selected,
  .markdown-body .csv-data th,
  .notifications-dropdown-arrow,
  .TimelineItem-break {
    border-color: var(--base-4) !important;
  }
  .plan-notice,
  .billing-line-item,
  .commit-desc+.commit-branches,
  .commits-list-item+.commits-list-item,
  .news .Details-content--hidden li,
  .news .Details button,
  .gitako-side-bar .gitako-side-bar-body .gitako-settings-bar-title,
  .user-list-item+.user-list-item,
  .issue-list-item+.issue-list-item,
  .SelectMenu-filter,
  .SelectMenu-tabs,
  .topic-list-item+.topic-list-item,
  .graphiql-ide {
    border-top-color: var(--base-1) !important;
  }
  .plan-choice,
  .summary-stats li,
  .summary-stats li > .num,
  .summary-stats li > a,
  .js-selected-navigation-item.subnav-item,
  .js-issue-row,
  .ScreenshotCarousel-navitem,
  .notifications-list-item:hover .notification-list-item-actions .btn,
  .notifications-list-item:focus .notification-list-item-actions .btn,
  #readme .Box-header,
  .SelectMenu-item,
  .select-menu-item,
  .topic-tag,
  .CodeMirror-hint {
    transition: background-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .plan-choice--experiment.plan-choice--green.open,
  .plan-choice--experiment.plan-choice--green.selected,
  .Label--outline-green,
  .select-menu-button.primary:active {
    border-color: var(--green) !important;
  }
  .plan-choice-icon,
  .branch-action-item-icon.completeness-indicator-success,
  .diffstat-block-added,
  .github-pr-file span.addition,
  .usage-bar .progress {
    background-color: var(--green) !important;
  }
  .plan-choice--experiment.plan-choice--purple.open,
  .plan-choice--experiment.plan-choice--purple.selected,
  .timeline-comment-label.tooltipped.tooltipped-s.tooltipped-multiline,
  .State--purple,
  .user-status-container-border-busy,
  .alert.product {
    border-color: var(--purple) !important;
  }
  .plan-choice-icon,
  .usage-bar .progress--purple {
    background-color: var(--purple) !important;
  }
  .billing-box-progressBars span:nth-child(2),
  .empty-cell + .line-comments,
  .line-comments + .line-comments,
  .graphiql-container .resultWrap {
    border-left-color: var(--base-1) !important;
  }
  .billing-box-accordian-state .octicon,
  .full-commit .branches-list li,
  .diffstat,
  .octicon[style*="#6a737d"],
  .list-group-item-summary a.quiet,
  .marketplace-plan-emphasis,
  .menu-heading,
  .vcard-username {
    color: var(--text-gray) !important;
  }
  .billing-box-accordian:hover .billing-box-accordian-state .octicon,
  .billing-manager-banner-title,
  .email-quoted-reply,
  .email-signature-reply,
  .list-group-item-link,
  .list-group-item-summary a,
  .markdown-body a,
  .markdown-body span.frame span span,
  .manage-member-meta-item > octicon,
  .reponav-item.selected,
  .reponav-item:focus,
  .reponav-item:hover,
  .reponav-item.selected .octicon,
  .reponav-item:focus .octicon,
  .reponav-item:hover .octicon,
  p.explain strong,
  .orgs-help-item-content,
  .table-list-header-meta {
    color: var(--text-alt) !important;
  }
  .billing-plans .coupon-label:after {
    border-bottom-color: var(--teal) !important;
  }
  .billing-plans .coupon td,
  .blob-code-addition .blob-code-marker::before,
  .octicon-repo-forked,
  .octicon-issue-opened,
  .signed-commit-verified-label,
  .signed-commit-badge.verified,
  .State--green,
  .pl-mi1,
  .pl-mdr,
  .command-line span.output {
    color: var(--teal) !important;
  }
  .billing-plans .coupon td,
  .signed-commit-header,
  .signed-commit-badge.verified,
  .State--green,
  .alert.tip {
    border-color: var(--teal) !important;
  }
  .billing-plans .coupon td,
  .blob-code-addition,
  .signed-commit-badge.verified,
  .State--green,
  .pl-mi1,
  .alert.tip {
    background-color: var(--teal-trans) !important;
  }
  .billing-manager-banner-icon,
  .payment-history .refunded .status,
  .discounted-original-price,
  .blankslate-icon,
  .Box-body .help,
  .boxed-group-inner .help,
  a.boxed-group-breadcrumb,
  .status-meta,
  .btn:disabled,
  .btn.btn-sm:disabled,
  .btn:disabled:hover,
  .btn.btn-sm:disabled:hover,
  .text,
  .conversation-list-heading,
  .conversation-list-heading .inner,
  .simple-conversation-list,
  .commits-list-item .commit-desc pre,
  .commits-list-item .commit-author,
  .full-commit .branches-list li.loading,
  .full-commit .branches-list li.pull-request,
  .full-commit .sha-block,
  div.commit-build-statuses,
  .link-gray,
  .discussion-sidebar-item,
  .dropdown-header,
  .draft.octicon,
  .octicon-mute,
  .octicon-repo,
  .octicon-rocket,
  .num,
  relative-time,
  .pulse-section,
  .muted-link,
  .markdown-body .lead-mktg p,
  .markdown-body h6,
  .manage-member-meta-item,
  .pagination .disabled,
  .pagination .gap,
  .pagination [aria-disabled=true],
  .pagination .disabled:hover,
  .pagination .gap:hover,
  .pagination [aria-disabled=true]:hover,
  .gitako-side-bar .gitako-side-bar-body .file-explorer .no-results,
  .gitako-side-bar-content .file-explorer .no-results,
  .pinned-item-list-item .pinned-item-handle,
  .pinned-item-name,
  .task-progress,
  .range-editor-icon,
  ul.comparison-list > li em,
  .merge-pr-more-commits,
  .merge- .status-meta,
  .merge-branch-description,
  .numbers-summary li > .nolink,
  .numbers-summary li > a,
  .SelectMenu-closeButton,
  .select-menu-action,
  .select-menu-no-results,
  .select-menu-item-text .description,
  .select-menu-item-text .description-inline,
  .select-menu-item .octicon-circle-slash,
  .select-menu-item.selected .select-menu-item .octicon-circle-slash.select-menu-item-icon,
  .select-menu-item.disabled,
  .select-menu-item.disabled.selected,
  .select-menu-item[aria-disabled="true"],
  .select-menu-item[disabled],
  .select-menu-item.disabled .description,
  .select-menu-item.disabled.selected .description,
  .select-menu-item[aria-disabled="true"] .description,
  .select-menu-item[disabled] .description,
  p.explain,
  .orgs-help-lead,
  .Subhead-description,
  .pl-sg,
  .tabnav-extra,
  .tabnav-tab,
  .tabnav-tabs.js-file-editor-nav .tabnav-tab,
  .tabnav--responsive .tabnav-tab,
  .TimelineItem-body,
  .TimelineItem .status-meta-body,
  .TimelineItem .merge-pr-more-commits-body,
  .Toast-dismissButton,
  .member-suggestion .member-name,
  .UnderlineNav-octicon,
  .follow-list-info,
  .hook-delivery-time,
  .graphiql-container .doc-category-title,
  .octokit-language span,
  .lead {
    color: var(--faded) !important;
  }
  .payment-history .succeded .status,
  .open.octicon,
  .octicon-repo-push,
  .octicon-check,
  .octicon.open,
  .cadd,
  .Label--outline-green,
  .reponame-suggestion,
  a.module-linker,
  .SelectMenu-icon--check,
  .recent-user-key-access,
  .code .s1,
  .pl-s,
  .pl-s > a,
  .pl-sr .pl-sre,
  .pl-sr .pl-sra,
  .pl-mh,
  code .s,
  code .s2 {
    color: var(--green) !important;
  }
  .payment-history .failed .status,
  .bt-pp-cancel,
  .blob-code-deletion .blob-code-marker::before,
  .btn-octicon-danger:hover,
  .comment-form-error,
  .commit-loader .loader-error,
  .closed.octicon,
  .reverted.octicon,
  .octicon-x,
  .octicon-trashcan,
  .octicon-issue-closed,
  .cdel,
  .markdown-body .absent,
  .select-menu-item-text .description-warning,
  .State--red,
  .pl-bu,
  .pl-md,
  .Toast-dismissButton:focus,
  .Toast-dismissButton:hover,
  .Toast-dismissButton:active,
  code .na {
    color: var(--red) !important;
  }
  .golden-ticket-banner {
    border-top-color: var(--yellow) !important;
  }
  .blankslate > .Box.bg-gray,
  .border,
  .conversation-list-heading .inner,
  .dashboard-notice,
  .email-quoted-reply,
  .email-signature-reply,
  .markdown-body code,
  .markdown-body tt,
  .highlight pre,
  .markdown-body pre,
  .MarketplacePlan--sticky div.bg-white,
  .rgh-collaborator,
  .user-profile-nav,
  .orgs-help-shelf,
  .team-discussions .UnderlineNav,
  .team-left-column[aria-label="Explore"] > div,
  .Toast,
  .topic-tag,
  .user-status-container-border-busy,
  .hook-delivery-guid,
  fieldset {
    border: 1px solid var(--base-1) !important;
  }
  .blankslate > .Box.bg-gray,
  .dashboard .js-all-activity-header + div .Box,
  .ScreenshotCarousel,
  fieldset {
    border-radius: 6px !important;
  }
  .blob-code-deletion,
  .boxed-group.dangerzone > h3,
  .comment-form-error,
  .State--red,
  .pl-md {
    background-color: var(--red-trans) !important;
  }
  .blob-code-inner {
    font-size: 15px !important;
  }
  .blob-code-inner,
  body {
    line-height: 1.8 !important;
  }
  .blob-code-addition .x,
  .branch-action-state-clean .branch-action-icon,
  .legend li[style*="#c6e48b"],
  .legend li[style*="#7bc96f"],
  .legend li[style*="#239a3b"],
  .legend li[style*="#196127"],
  .Toast--success .Toast-icon {
    background-color: var(--teal) !important;
  }
  .blob-code-deletion .x,
  .branch-action-item-icon.completeness-indicator-error,
  .diffstat-block-deleted,
  .github-pr-file span.deletion,
  .pl-ii,
  .pl-c2,
  .Toast--error .Toast-icon,
  .usage-bar.exceeded .progress {
    background-color: var(--red) !important;
  }
  .blob-code-addition .x,
  .blob-code-deletion .x,
  .branch-action-item-icon.completeness-indicator-success,
  .branch-action-item-icon.completeness-indicator-error,
  .branch-action-item-icon.completeness-indicator-problem {
    color: var(--base-1) !important;
  }
  .blob-num,
  .markdown-body del,
  .reponav-item .octicon,
  .pl-ba,
  .TimelineItem-badge,
  .TimelineItem .status-meta-badge,
  .TimelineItem .merge-pr-more-commits-badge,
  .TimelineItem--condensed .TimelineItem-badge,
  .TimelineItem .status-meta--condensed .TimelineItem .status-meta-badge,
  .TimelineItem .merge-pr-more-commits--condensed .TimelineItem .merge-pr-more-commits-badge {
    color: var(--base-9) !important;
  }
  .blob-num,
  legend {
    font-weight: 600 !important;
  }
  .blob-num-expandable .diff-expander:hover,
  .blob-num-expandable .directional-expander:hover,
  .btn:hover,
  .btn.btn-sm:hover,
  .comment-form-textarea.dragover,
  .full-commit .btn-outline:not(:disabled):hover,
  input[type="text"]:focus,
  .input-contrast:hover,
  .input-contrast:focus,
  .form-group .form-control:focus,
  .form-group .form-control:focus .form-control.focus,
  .form-group .form-control:focus .ais-SearchBox-input.focus,
  .form-group .form-control:focus .form-select.focus,
  .form-group .form-control:focus .form-control:focus,
  .form-group .form-control:focus .ais-SearchBox-input:focus,
  .form-group .form-control:focus .form-select:focus,
  .form-control.focus,
  .form-select.focus,
  .form-control:focus,
  .form-select:focus,
  .reaction-sort-item:hover,
  .reaction-sort-item:focus,
  .markdown-body .clippy-wrapper .clippy:hover,
  .team-left-column[aria-label="Explore"] > div:hover,
  .team-left-column[aria-label="Explore"] > div:focus,
  .TimelineItem:target .TimelineItem-badge-bage,
  .topic-tag-link:hover,
  .topic-tag-action,
  .topic-tag-action button,
  .topic-tag-action a,
  .alert.note {
    border-color: var(--blue) !important;
  }
  .blob-num-expandable .diff-expander:hover,
  .blob-num-expandable .directional-expander:hover,
  .Box--responsive .Box-row--unread::before,
  .MarketplacePlan--sticky div.bg-white .bg-blue,
  .menu-item.selected::before,
  .menu-item[aria-current]::before,
  .SideNav-item[aria-current="page"]::before,
  .SideNav-item[aria-selected="true"]::before {
    background-color: var(--blue) !important;
  }
  .CopyBlock,
  .reponav-item {
    border: 1px solid transparent !important;
  }
  .CopyBlock,
  .input-contrast,
  .markdown-body .clippy-wrapper .clippy,
  .subnav-item,
  .team-left-column[aria-label="Explore"] > div {
    transition: border-color, background-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .CopyBlock:active,
  .CopyBlock:focus,
  .CopyBlock:hover,
  .Box-row--focus-gray.navigation-focus,
  .boxed-group .Counter,
  .btn:hover,
  .btn.btn-sm:hover,
  .ellipsis-expander,
  .hidden-text-expander a,
  .discussion-item-icon,
  .form-group .form-control:focus,
  .issues-reset-query-icon,
  .markdown-body code,
  .markdown-body tt,
  .__better_github_pr .github-pr-file.github-pr-file-highlight,
  .__better_github_pr .tree-view_item:hover,
  .pinned-item-checkbox:checked + .pinned-item-name,
  .Progress,
  .ais-Hits-item:hover,
  .SideNav-item:focus::before,
  .SideNav-item:hover::before,
  .topic-tag-link:hover {
    background-color: var(--base-7) !important;
  }
  .Box--responsive,
  .Boxrow--unread,
  .table-list-item.unread .table-list-cell:first-child {
    box-shadow: inset 2px 0 0 var(--blue) !important;
  }
  .Box-header--blue,
  .breadcrumb,
  .breadcrumb-item-selected,
  .breadcrumb-item[aria-current],
  .btn-octicon,
  .commit-author-section,
  .commit-ref .user,
  .commit .commit-title .issue-link,
  .commit-tease,
  .commit-tease-sha,
  .full-commit,
  .full-commit .btn-outline:not(:disabled):hover,
  .full-commit p.commit-title,
  .full-commit .sha-block > .sha,
  div.commit-build-statuses:hover,
  .link-gray:hover,
  div.commit-build-statuses-dark,
  .link-gray-dark,
  body div.commit-build-statuses-dark,
  body .link-gray-dark,
  .drag-and-drop,
  .file-header,
  .octicon-file-directory,
  .octicon-saved,
  .octicon-project,
  .octicon-eye,
  :not(.commit-build-statuses) > a:not(.IssueLabel):not(.IssueLabel--big):not(.lh-condensed-ultra):not(.module-linker):not(.tabnav-tab):not(.reponav-item):hover,
  .muted-link:hover,
  .markdown-body a:hover,
  .menu-item.selected,
  .menu-item[aria-current],
  .orghead .org-name,
  .orghead .pagehead-tabs-item.selected,
  .ajax-pagination-btn,
  .pagination a:hover,
  .gitako-toggle-show-button-wrapper .action-icon .octicon:hover,
  .gitako-toggle-show-button-wrapper.collapsed .action-icon,
  .gitako-side-bar .gitako-side-bar-body .octicon:hover,
  .gitako-side-bar .gitako-side-bar-body .octicon:focus,
  .js-more-repos-form.ajax-pagination-form button,
  .hide-files-btn:hover,
  .hide-files-btn:focus,
  .social-count,
  #readme .Box-header:hover .octicon-pencil,
  .select-menu-action:hover,
  .select-menu-new-item-form .octicon,
  .btn-link:not(.IssueLabel):not(.tabnav-tab),
  .subnav-search-context .btn,
  .pl-e,
  .pl-en,
  .table-list-header-toggle .btn-link:hover,
  .table-list-header-toggle .btn-link.selected,
  .tabnav--responsive .tabnav-tab.selected.js-blob-edit-code,
  .tabnav-tab.selected.js-blob-edit-code,
  .tabnav--responsive .tabnav-tab[aria-selected="true"].js-blob-edit-code,
  .tabnav-tab[aria-selected="true"].js-blob-edit-code,
  .tabnav--responsive .tabnav-tab[aria-current].js-blob-edit-code,
  .tabnav-tab[aria-current].js-blob-edit-code,
  .tabnav--responsive .tabnav-tab.selected.js-blob-edit-preview,
  .tabnav-tab.selected.js-blob-edit-preview,
  .tabnav--responsive .tabnav-tab[aria-selected="true"].js-blob-edit-preview,
  .tabnav-tab[aria-selected="true"].js-blob-edit-preview,
  .tabnav--responsive .tabnav-tab[aria-current].js-blob-edit-preview,
  .tabnav-tab[aria-current].js-blob-edit-preview,
  .toolbar-item:hover,
  .toolbar-item .menu-target:hover,
  .tag-info,
  .topic-tag-action,
  .topic-tag-action button,
  .topic-tag-action a,
  .tree-browser-result .octicon-chevron-right,
  .note,
  .help,
  .graphiql-container .field-name,
  code .nt {
    color: var(--blue) !important;
  }
  .Box-row:first-of-type {
    border-top: 0 !important;
  }
  .Box-row,
  .boxed-group-list > li:first-child,
  .commit-tease-contributors,
  .mini-repo-list-item,
  .news .alert,
  .notifications-dropdown,
  .notifications-dropdown-see-all,
  .footer,
  .site-footer,
  .table-list-cell {
    border-top: 1px solid var(--base-1) !important;
  }
  .Box-row--yellow,
  .commits-list-item,
  .commits-list-item:hover,
  .application-main > .flex-wrap,
  .discussion-timeline-actions,
  .filter-list,
  .filter-item,
  .markdown-body pre > code,
  .thread-subscription-status,
  .TimelineItem-break {
    background-color: transparent !important;
  }
  .Box--responsive .Box-row--unread::before,
  .btn,
  .btn.btn-sm,
  .btn:hover,
  .btn.btn-sm:hover,
  .pagination-loader-container {
    background-image: none !important;
  }
  .body > div.d-flex,
  .user-profile-nav {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .boxed-group .Counter,
  .boxed-group-warning,
  .boxed-group.dangerzone > h3,
  .breadcrumb strong.final-path,
  .btn,
  .btn.btn-sm,
  .btn:hover,
  .btn.btn-sm:hover,
  .btn-mktg,
  .btn-octicon:hover,
  .previewable-comment-form .comment-form-head.tabnav .tabnav-tab.selected,
  .previewable-comment-form .comment-form-head.tabnav .tabnav-tab[aria-selected="true"],
  .previewable-comment-form .comment-form-head.tabnav .tabnav-tab[aria-current],
  .timeline-comment-header,
  .Counter,
  .team,
  .user-mention,
  .dropdown-item:hover,
  .dropdown-item:focus,
  .filter-item.selected,
  .filter-item[aria-selected="true"],
  .filter-item[aria-current],
  input[type="text"],
  .form-group .form-control,
  .form-control,
  .form-select,
  .form-control.focus,
  .form-select.focus,
  .form-control:focus,
  .form-select:focus,
  .summary-stats li:hover,
  .summary-stats li:focus,
  .summary-stats li:hover > .num,
  .summary-stats li:focus > .num,
  .summary-stats li:hover > a,
  .summary-stats li:focus > a,
  .markdown-body code,
  .markdown-body tt,
  .markdown-body .clippy-wrapper .clippy,
  .notifications-list-item:hover .notification-list-item-actions .btn:hover,
  .notifications-list-item:focus .notification-list-item-actions .btn:hover,
  .js-profile-editable-edit-button,
  .checks-list-item.selected .checks-list-item-name,
  .social-count:hover,
  ol.repository-lang-stats-numbers li .lang,
  .flash,
  .ais-SearchBox-input,
  .SelectMenu-item[aria-checked="true"],
  .SelectMenu-tab[aria-selected="true"],
  .select-menu-header,
  .select-menu-header .select-menu-title,
  .select-menu-tab-nav.selected,
  .select-menu-tabs.selected,
  .select-menu-tabs a.selected,
  .select-menu-tab-nav[aria-selected="true"],
  .select-menu-tabs[aria-selected="true"],
  .select-menu-tabs a[aria-selected="true"],
  .select-menu-tab-nav[aria-current],
  .select-menu-tabs[aria-current],
  .select-menu-tabs a[aria-current],
  .signed-commit-signer-name .signer,
  .pl-ii,
  .pl-c2,
  .pl-mb,
  .timeline-comment-header .author,
  .UnderlineNav-item.selected .UnderlineNav-octicon,
  ::selection,
  .CodeMirror-hint-active,
  .sidebar-menu h3:hover,
  .sidebar-menu ul ul li:hover,
  .sidebar-menu h3 a:hover,
  .sidebar-menu ul ul li a:hover,
  .js-current .standalone a,
  .sidebar-module .disable > a {
    color: var(--cn) !important;
  }
  .boxed-group-list > li,
  .rule,
  .menu-item,
  .Header,
  .Header-old,
  .filter-bar,
  .site-subnav.bg-white,
  .site-subnav.bg-white.is-stuck,
  .table-list,
  .tabnav,
  hr {
    border-bottom: 1px solid var(--base-1) !important;
  }
  .boxed-group.dangerzone > h3,
  .comment-form-error,
  .State--red {
    border-color: var(--red) !important;
  }
  .branch-action-body::before state-clean {
    border-right-color: var(--base-5) !important;
  }
  .branch-action-item-icon.completeness-indicator .octicon,
  .branch-action-state-clean .branch-action-icon .octicon {
    fill: var(--base-1) !important;
  }
  .branch-action-item-icon.completeness-indicator-problem,
  .Toast--warning .Toast-icon {
    background-color: var(--yellow) !important;
  }
  .branch-action-body,
  .timeline-comment-wrapper {
    border: 0 !important;
  }
  .branch-action-body::before,
  .composer.composer-responsive .timeline-comment::before,
  .commit-form::before,
  .dropdown-menu-w::before,
  .dropdown-menu-dark-w::before,
  #first-time-contributor .Popover-message::before {
    border-right-color: var(--base-1) !important;
  }
  .branch-action-body::after,
  .composer.composer-responsive .timeline-comment::after,
  .commit-form::after,
  .dropdown-menu-w::after,
  .dropdown-menu-dark-w::after,
  #first-time-contributor .Popover-message::after {
    border-right-color: var(--base-4) !important;
  }
  .btn,
  .btn.btn-sm,
  input[type="text"],
  .reaction-sort-item,
  .UnderlineNav {
    transition: background-color, border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .btn-mktg {
    background-color: rgba(0,0,0,0.1) !important;
  }
  .legend li[style*="#ebedf0"] {
    background-color: var(--indigo) !important;
  }
  .legend li[style*="#ebedf0"],
  .calendar-graph rect[fill="#ebedf0"] {
    opacity: 0.05 !important;
  }
  .calendar-graph rect[fill="#ebedf0"] {
    fill: var(--indigo) !important;
  }
  .legend li[style*="#c6e48b"],
  .calendar-graph rect[fill="#c6e48b"] {
    opacity: 0.25 !important;
  }
  .calendar-graph rect[fill="#c6e48b"],
  .calendar-graph rect[fill="#7bc96f"],
  .calendar-graph rect[fill="#239a3b"],
  .calendar-graph rect[fill="#196127"],
  .graphs .area,
  .State--green .octicon {
    fill: var(--teal) !important;
  }
  .legend li[style*="#7bc96f"],
  .calendar-graph rect[fill="#7bc96f"] {
    opacity: 0.5 !important;
  }
  .legend li[style*="#239a3b"],
  .calendar-graph rect[fill="#239a3b"] {
    opacity: 0.75 !important;
  }
  .legend li[style*="#196127"],
  .calendar-graph rect[fill="#196127"] {
    opacity: 1 !important;
  }
  .calendar-graph text.wday,
  .calendar-graph text.month,
  .activity-overview-percentage {
    fill: var(--cn) !important;
  }
  .capped-card > p,
  .capped-card h3,
  .DashedConnection::before,
  .SelectMenu-header,
  .access-token,
  .deployments-timeline {
    border-bottom-color: var(--base-1) !important;
  }
  .topics-row-container {
    height: auto;
  }
  .text-gray-light {
    color: var(--text-dark) !important;
  }
  .text-blue,
  .cm-def {
    color: var(--blue) !important;
  }
  .text-gray,
  .cm-punctuation {
    color: var(--text) !important;
  }
  .text-gray-dark {
    color: var(--cn) !important;
  }
  .text-emphasized {
    color: var(--text-alt) !important;
  }
  .text-green,
  .cm-string,
  .cm-string-2 {
    color: var(--green) !important;
  }
  .text-purple,
  .cm-keyword {
    color: var(--purple) !important;
  }
  .text-red {
    color: var(--red) !important;
  }
  .border-blue-light {
    border-color: var(--blue) !important;
  }
  .border-gray-dark,
  .border-lg-left {
    border-color: var(--base-1) !important;
  }
  .bg-gray,
  .bg-gray-light,
  .bg-blue-light {
    background-color: var(--base-4) !important;
  }
  .bg-yellow-light {
    background-color: var(--yellow-trans) !important;
  }
  .bg-purple-light {
    background-color: var(--purple-trans) !important;
  }
  .bg-blue,
  .bg-gray-2 {
    background-color: var(--base-7) !important;
  }
  .bg-blue-2 {
    background-color: var(--blue-trans) !important;
  }
  .bg-gray-dark {
    background-color: var(--base-2) !important;
  }
  .bg-white {
    background-color: var(--base-5) !important;
  }
  .bg-pending {
    background-color: var(--purple) !important;
  }
  .border-top {
    border-top: 1px solid var(--base-1) !important;
  }
  .border-left {
    border-left: 1px solid var(--base-1) !important;
  }
  .border-right {
    border-right: 1px solid var(--base-1) !important;
  }
  .border-bottom {
    border-bottom: 1px solid var(--base-1) !important;
  }
  path[fill="#eee"] {
    fill: var(--base-7) !important;
  }
  :target .timeline-comment {
    box-shadow: 0 0 0 0.2em var(--base-1) !important;
  }
  :target .timeline-comment::before {
    filter: drop-shadow(-0.28em 0 0 var(--base-1));
  }
  .timeline-comment-label.tooltipped.tooltipped-s.tooltipped-multiline,
  .diffstat-summary strong,
  .merged,
  .octicon.merged,
  .octicon-git-pull-request,
  .issue-keyword,
  .issue-meta-section .octicon,
  .org-user-notice-content strong,
  .State--purple,
  .pl-k,
  .graphiql-container .keyword {
    color: var(--purple) !important;
  }
  .timeline-comment-label.tooltipped.tooltipped-s.tooltipped-multiline,
  .State--purple,
  .user-status-container-border-busy,
  .alert.product {
    background-color: var(--purple-trans) !important;
  }
  .timeline-comment--caret::before,
  .timeline-comment--caret.current-user::before,
  .timeline-comment--caret::after,
  .timeline-comment--caret.current-user::after {
    border-right-color: var(--base-4) !important;
  }
  .conversation-list-heading .inner {
    padding: 0 10px !important;
  }
  .conversation-list-heading .inner {
    border-radius: 2px !important;
  }
  .commit-tease-contributors,
  .navigation-focus,
  .ScreenshotCarousel-navitem:hover,
  .ScreenshotCarousel-navitem:focus {
    background-color: var(--base-9) !important;
  }
  .full-commit .sha-block,
  body {
    font-size: 14px !important;
  }
  .full-commit .sha-block > a {
    border-color: var(--border-alt) !important;
  }
  div.commit-build-statuses-dark:hover,
  .link-gray-dark:hover,
  body div.commit-build-statuses-dark:hover,
  body .link-gray-dark:hover,
  body body div.commit-build-statuses-dark:hover,
  body body .link-gray-dark:hover,
  .news .Details button:hover,
  .markdown-body a,
  .protip  > strong,
  .gh-header-number,
  .pl-corl {
    text-decoration: underline !important;
  }
  .Counter,
  .email-hidden-toggle a:active,
  .pagination .current,
  .pagination [aria-current],
  .pagination .current:hover,
  .pagination [aria-current]:hover,
  .suggester li.navigation-focus,
  .suggester li:hover,
  .suggester li[aria-selected="true"] {
    background-color: var(--blue-dark) !important;
  }
  .Counter--gray-light,
  .email-hidden-toggle a:hover,
  .filter-item:hover,
  .filter-item:focus,
  .menu-item:hover,
  .menu-item.selected:hover,
  .menu-item[aria-current]:hover,
  .select-menu-item:hover,
  .select-menu-item:focus,
  .subnav-item:focus,
  .subnav-item:hover,
  .suggester li.selected,
  .suggester li[aria-selected="true"],
  .suggester li[aria-current] {
    background-color: var(--base-6) !important;
  }
  .dashboard .js-all-activity-header + div .Box,
  .markdown-body .csv-data .blob-num,
  .site-subnav.bg-white {
    border-color: var(--base-3) !important;
  }
  .repo-list {
    padding: 0 12px !important;
  }
  .diffstat-block-neutral {
    background-color: var(--sb) !important;
  }
  .discussion-item-icon,
  .discussion-timeline-actions,
  .TimelineItem-badge,
  .TimelineItem .status-meta-badge,
  .TimelineItem .merge-pr-more-commits-badge,
  .TimelineItem--condensed .TimelineItem-badge,
  .TimelineItem .status-meta--condensed .TimelineItem .status-meta-badge,
  .TimelineItem .merge-pr-more-commits--condensed .TimelineItem .merge-pr-more-commits-badge,
  .toolbar-item:hover,
  .toolbar-item .menu-target:hover {
    border-color: var(--base-5) !important;
  }
  .dropdown-signed-commit .dropdown-menu-w::before,
  .dropdown-menu-e::before,
  .dropdown-menu-dark-e::before {
    border-left-color: var(--base-1) !important;
  }
  .dropdown-signed-commit .dropdown-menu-w::after,
  .dropdown-menu-e::after,
  .dropdown-menu-dark-e::after {
    border-left-color: var(--base-2) !important;
  }
  .dropdown-menu .octicon,
  .dropdown-menu-dark .octicon,
  .select-menu-item.disabled,
  .select-menu-item.disabled.selected,
  .select-menu-item[aria-disabled="true"],
  .select-menu-item[disabled],
  .select-menu-item.disabled .description,
  .select-menu-item.disabled.selected .description,
  .select-menu-item[aria-disabled="true"] .description,
  .select-menu-item[disabled] .description {
    opacity: 0.6 !important;
  }
  .dropdown-menu .octicon,
  .dropdown-menu-dark .octicon {
    margin-bottom: 3px !important;
  }
  .dropdown-menu .octicon,
  .dropdown-menu-dark .octicon {
    margin-right: 2px !important;
  }
  .dropdown-menu-ne::before,
  .dropdown-menu-dark-ne::before,
  .dropdown-menu-nw::before,
  .dropdown-menu-dark-nw::before,
  .dropdown-menu-n::before,
  .dropdown-menu-dark-n::before,
  .Popover-message--bottom-left::before {
    border-top-color: var(--base-1) !important;
  }
  .dropdown-menu-ne::after,
  .dropdown-menu-dark-ne::after,
  .dropdown-menu-nw::after,
  .dropdown-menu-dark-nw::after,
  .dropdown-menu-n::after,
  .dropdown-menu-dark-n::after {
    border-top-color: var(--base-5) !important;
  }
  .dropdown-menu-sw::before,
  .dropdown-menu-dark-sw::before,
  .dropdown-menu-se::before,
  .dropdown-menu-dark-se::before,
  .dropdown-menu-s::before,
  .dropdown-menu-dark-s::before,
  .Popover-message:not(.Popover-message--bottom-right):not(.Popover-message--top-right):not(.Popover-message--top-left):not(.Popover-message--bottom-left)::before,
  .Popover-message--top-left::before {
    border-bottom-color: var(--base-1) !important;
  }
  .dropdown-menu-sw::after,
  .dropdown-menu-dark-sw::after,
  .dropdown-menu-se::after,
  .dropdown-menu-dark-se::after,
  .dropdown-menu-s::after,
  .dropdown-menu-dark-s::after,
  .Popover-message:not(.Popover-message--bottom-right):not(.Popover-message--top-right):not(.Popover-message--top-left):not(.Popover-message--bottom-left)::after,
  .Popover-message--top-right::before,
  .Popover-message--top-right::after {
    border-bottom-color: var(--base-4) !important;
  }
  .dropdown-item,
  .summary-stats li a,
  .pagination a,
  .SideNav-item {
    transition: background-color, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .shaded-background {
    background: linear-gradient(var(--base-2), var(--base-5)) !important;
  }
  .email-quoted-reply,
  .email-signature-reply {
    font-style: italic;
  }
  .email-quoted-reply,
  .email-signature-reply {
    border-left: 4px solid var(--blue) !important;
  }
  .email-quoted-reply,
  .email-signature-reply {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .email-quoted-reply,
  .email-signature-reply {
    border-bottom-right-radius: 6px !important;
  }
  .email-quoted-reply,
  .email-signature-reply {
    border-top-right-radius: 6px !important;
  }
  .news .Details button:hover,
  .profile-timeline-year-list.bg-white {
    background: transparent !important;
  }
  div[style*="linear-gradient"],
  .project-issue-body-blur {
    background: linear-gradient(to top, var(--base-1), transparent) !important;
  }
  .newsletter-frequency-choice,
  .user-profile-nav {
    border-radius: 8px !important;
  }
  .filter-item {
    transition: color, background-color, border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  input {
    caret-color: var(--blue);
  }
  .file-header,
  fieldset {
    margin: 0 !important;
  }
  .form-group .form-control .search-input {
    caret-color: var(--blue);
  }
  .form-group .form-control:focus .form-control.focus,
  .form-group .form-control:focus .ais-SearchBox-input.focus,
  .form-group .form-control:focus .form-select.focus,
  .form-group .form-control:focus .form-control:focus,
  .form-group .form-control:focus .ais-SearchBox-input:focus,
  .form-group .form-control:focus .form-select:focus,
  .form-control,
  .form-select,
  .form-control.focus,
  .form-select.focus,
  .form-control:focus,
  .form-select:focus,
  .write-content.js-write-bucket,
  .graphiql-container .toolbar-button,
  .graphiql-container .execute-button {
    box-shadow: none !important;
  }
  .octicon {
    color: var(--text);
  }
  .octicon-star {
    fill: none !important;
  }
  .octicon-star {
    stroke: var(--yellow) !important;
  }
  .starred .octicon-star,
  .protip  > svg {
    fill: var(--yellow) !important;
  }
  .octicon-repo,
  .octicon-repo-push,
  .octicon-repo-forked {
    margin-bottom: 0.1em !important;
  }
  .octicon-play,
  .pl-ent,
  .pl-smi,
  .pl-s .pl-s1,
  .pl-sr .pl-cce {
    color: var(--red-light) !important;
  }
  .octicon-package,
  .octicon-rss,
  .octicon-flame,
  .gh-header-number,
  .pl-c1,
  .pl-ml,
  code .mf,
  code .mh,
  code .mi,
  code .mo {
    color: var(--orange) !important;
  }
  .donut-chart .success,
  .code-frequency .addition {
    fill: var(--green) !important;
  }
  .donut-chart .failure,
  .code-frequency .deletion,
  .State--red .octicon {
    fill: var(--red) !important;
  }
  img[src*="octocat-spinner-64.gif"] {
    filter: invert(1);
  }
  line[stroke="#000"] {
    stroke: var(--base-7) !important;
  }
  text[fill="#000"],
  text[fill="#6a737d"],
  text[text-anchor="middle"],
  .notifications-list-item .notifications-list-item-actions svg,
  .graphiql-container .toolbar-button svg,
  .graphiql-container .execute-button svg {
    fill: var(--text) !important;
  }
  .viz .code-frequency,
  .content ol li pre code {
    padding: 8px !important;
  }
  .contrib-person path {
    fill: var(--orange) !important;
  }
  .issue-meta-section .octicon,
  .reponav-item .octicon {
    vertical-align: middle !important;
  }
  .IssueLabel,
  .IssueLabel > a[style*="#000"],
  .Toast--warning .Toast-icon,
  .Toast--success .Toast-icon,
  .Toast--success .Toast-icon .octicon-check {
    color: var(--base-2) !important;
  }
  .reaction-sort-item {
    border-color: var(--base-2) !important;
  }
  .reaction-sort-item:hover,
  .reaction-sort-item:focus,
  .topic-tag-action,
  .topic-tag-action button,
  .topic-tag-action a,
  .alert.note {
    background-color: var(--blue-trans) !important;
  }
  .Label----orange {
    background-color: var(--orange) !important;
  }
  .markdown-body {
    line-height: 1.9 !important;
  }
  .markdown-body a,
  .reponav-item,
  .reponav-item .octicon,
  #readme .Box-header .octicon-pencil,
  .select-menu-action,
  .toolbar-item,
  .toolbar-item .menu-target {
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .markdown-body p {
    color: var(--text-paragraph) !important;
  }
  .markdown-body code,
  .markdown-body tt {
    white-space: nowrap;
  }
  .markdown-body code,
  .markdown-body tt {
    margin: 0.4em !important;
  }
  .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 {
    visibility: visible;
    transform: scale(1.1);
  }
  .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,
  .pl-s .pl-pse .pl-s1,
  .pl-pds,
  .pl-sr,
  .pl-mh .pl-en,
  .pl-ms,
  .pl-mc,
  .pl-pse,
  code .ni {
    color: var(--cyan) !important;
  }
  .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,
  .edit-profile-avatar .manual-file-chooser {
    opacity: 0 !important;
  }
  .markdown-body h1:hover .octicon-link,
  .markdown-body h2:hover .octicon-link,
  .markdown-body h3:hover .octicon-link,
  .markdown-body h4:hover .octicon-link,
  .markdown-body h5:hover .octicon-link,
  .markdown-body h6:hover .octicon-link,
  .gitako-toggle-show-button-wrapper .action-icon .octicon:hover,
  .gitako-side-bar .gitako-side-bar-body .octicon:hover,
  .gitako-side-bar .gitako-side-bar-body .octicon:focus,
  .dashboard .flex-items-baseline .f6.mt-2,
  #readme .Box-header {
    opacity: 1 !important;
  }
  .markdown-body blockquote {
    background: linear-gradient(to right, var(--base-6), var(--base-3)) !important;
  }
  .markdown-body blockquote,
  .release-timeline-tags .tag-timeline-date::after,
  .release-entry *[class*="border"] {
    border-color: var(--base-7) !important;
  }
  .markdown-body blockquote p,
  .reponav-item {
    color: var(--text-dark) !important;
  }
  .markdown-body .clippy-wrapper .clippy .icon {
    filter: invert(1);
  }
  .MarketplaceBackground-reccomendations img {
    filter: invert(1);
  }
  .MarketplacePlan--sticky div.bg-white,
  .org-repo-mini-item:first-child .org-repo-mini-cell,
  .user-status-container-border-busy {
    border-top: none !important;
  }
  .MarketplacePlan--sticky div.bg-white {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .ScreenshotCarousel-nav,
  .more-repos {
    box-shadow: inset 0 1px 0 var(--base-1) !important;
  }
  .ScreenshotCarousel-navitem,
  .gitako-side-bar .gitako-side-bar-body,
  ol > li::before {
    border-right-color: var(--base-1) !important;
  }
  .menu,
  .menu .blankslate {
    color: var(--base-4) !important;
  }
  .menu-item {
    transition: background-color, border-color, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .notification-configure-filters .octicon {
    color: var(--base-9) !important;
  }
  .notification-navigation .notification-configure-filters .octicon,
  .numbers-summary .octicon {
    color: var(--text) !important;
  }
  .notification-navigation .notification-configure-filters:hover .octicon,
  .notification-navigation .notification-configure-filters:focus .octicon,
  .orgs-help-item-octicon .octicon {
    color: var(--blue) !important;
  }
  .notifications-dropdown .notifications-list {
    margin-bottom: 0 !important;
  }
  .orghead {
    border-bottom: none !important;
  }
  .orghead .pagehead-tabs-item {
    border-bottom-color: transparent !important;
  }
  .orghead .pagehead-tabs-item {
    border-top-width: 1px !important;
  }
  .orghead .pagehead-tabs-item {
    margin-left: 0.5% !important;
    margin-right: 0.5% !important;
  }
  .gh-header {
    background-color: unset;
  }
  .reponav-item.selected {
    border-bottom-color: transparent !important;
  }
  .pagehead .octicon,
  .pagehead-tabs-item .octicon,
  .pagehead .repohead.experiment-repo-nav .octicon,
  .vcard-detail .octicon,
  .select-menu-header .octicon {
    color: var(--faded) !important;
  }
@media (min-width: 768px) {
    .pagehead,
    .pagehead-tabs-item,
    .pagehead .repohead.experiment-repo-nav {
      color: var(--base-4) !important;
    }
}
  .gitako-toggle-show-button-wrapper .action-icon .octicon,
  .gitako-side-bar .gitako-side-bar-body .octicon {
    transition: color, opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .gitako-toggle-show-button-wrapper .action-icon .octicon {
    opacity: 0.2 !important;
  }
  .gitako-toggle-show-button-wrapper.collapsed {
    margin: 1% !important;
  }
  .gitako-side-bar .gitako-side-bar-body .octicon {
    opacity: 0.4 !important;
  }
  .gitako-side-bar .gitako-side-bar-body .file-explorer .search-input-wrapper input[type="text"].form-control,
  .gitako-side-bar-content .file-explorer .search-input-wrapper input[type="text"].form-control {
    border: 1px !important;
  }
  .gitako-side-bar .gitako-side-bar-body .file-explorer .search-input-wrapper input[type="text"].form-control,
  .gitako-side-bar-content .file-explorer .search-input-wrapper input[type="text"].form-control {
    border-radius: 0 !important;
  }
  .lovely-forks-addon {
    opacity: 0.7 !important;
  }
  .Popover-message--bottom-right::before,
  .Popover-message--bottom-right::after,
  .Popover-message--bottom-left::after {
    border-top-color: var(--base-4) !important;
  }
  .Popover-message--top-left::after {
    border-bottom-color: var(--base-5) !important;
  }
  .github-jobs-logo strong {
    filter: invert(1);
  }
  .profile-rollup-wrapper+.profile-rollup-wrapper {
    border-top: 1px solid var(--base-5) !important;
  }
  .activity-overview-label,
  .gisthead .pagehead-actions .octicon-mute {
    fill: var(--faded) !important;
  }
  .reverse-progress-container {
    background-image: linear-gradient(90deg, var(--green), var(--blue), var(--purple), var(--red), var(--orange)) !important;
  }
  .project-card:focus {
    box-shadow: 0 0 0 0.2em var(--blue-trans) !important;
  }
  .gh-header-number {
    font-weight: 400 !important;
  }
  .release-main-section {
    border-left-color: var(--base-7) !important;
  }
  .branch-infobar,
  .select-menu-text-filter::placeholder,
  ::placeholder {
    color: var(--placeholder) !important;
  }
  *:not(select) {
    scrollbar-color: var(--sb) var(--base-2) !important;
  }
  *:not(select) {
    scrollbar-width: var(--sb-width) !important;
  }
  ::-webkit-scrollbar,
  .integrations-select-repos::-webkit-scrollbar {
    max-height: var(--wb-sb-size) !important;
  }
  ::-webkit-scrollbar,
  .integrations-select-repos::-webkit-scrollbar {
    max-width: var(--wb-sb-size) !important;
  }
  ::-webkit-scrollbar,
  .integrations-select-repos::-webkit-scrollbar,
  ::-webkit-scrollbar-corner,
  .integrations-select-repos::-webkit-scrollbar-corner,
  ::-webkit-scrollbar-track,
  .integrations-select-repos::-webkit-scrollbar-track,
  ::-webkit-scrollbar-track-piece,
  .integrations-select-repos::-webkit-scrollbar-track-piece,
  .graphiql-container .toolbar-button,
  .graphiql-container .execute-button {
    background: var(--base-2) !important;
  }
  ::-webkit-scrollbar:hover,
  .integrations-select-repos::-webkit-scrollbar:hover,
  ::-webkit-scrollbar-corner:hover,
  .integrations-select-repos::-webkit-scrollbar-corner:hover,
  ::-webkit-scrollbar-track:hover,
  .integrations-select-repos::-webkit-scrollbar-track:hover,
  ::-webkit-scrollbar-track-piece:hover,
  .integrations-select-repos::-webkit-scrollbar-track-piece:hover,
  .graphiql-container .docExplorerShow {
    background: var(--base-5) !important;
  }
  ::-webkit-scrollbar-thumb,
  .integrations-select-repos::-webkit-scrollbar-thumb {
    background: var(--sb) !important;
  }
  ::-webkit-scrollbar-thumb,
  .integrations-select-repos::-webkit-scrollbar-thumb {
    border-radius: var(--wb-sb-radius) !important;
  }
  ::-webkit-scrollbar-thumb:hover,
  .integrations-select-repos::-webkit-scrollbar-thumb:hover {
    background: var(--blue) !important;
  }
  .search_repos fieldset {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .form-group .form-control .search-input {
    caret-color: var(--blue);
  }
  .search-result-intro mark,
  .search-result-intro .ais-Highlight-highlighted,
  .subnav-link.selected,
  .subnav-item.selected,
  .subnav-item.selected:focus,
  .subnav-item.selected:hover,
  .UnderlineNav-item.selected {
    border-bottom-color: var(--blue) !important;
  }
  .ais-SearchBox-input {
    background: var(--base-4) url("/assets/images/octicons/search.svg") no-repeat 6px !important;
  }
  .SelectMenu-footer kbd {
    font-size: unset !important;
  }
@media (hover: hover) {
    .SelectMenu-item:not([aria-selected="true"]):hover,
    .SelectMenu-item:not([aria-selected="true"]):active {
      color: var(--cn) !important;
    }
    .SelectMenu-item:not([aria-selected="true"]):hover {
      background-color: var(--base-7) !important;
    }
    .SelectMenu-item:not([aria-selected="true"]):active {
      background-color: var(--base-8) !important;
    }
    .SelectMenu-item:hover {
      background-color: var(--base-5) !important;
    }
    .SelectMenu-item:active {
      background-color: var(--base-3) !important;
    }
    .SelectMenu-item:focus {
      background-color: var(--base-6) !important;
    }
}
@media (min-width: 544px) {
    .SelectMenu-tab[aria-selected="true"] {
      border-color: var(--base-1) !important;
    }
}
@media (hover: hover) {
    .SelectMenu-tab:not([aria-checked="true"]):active,
    .SelectMenu-tab:not([aria-checked="true"]):hover {
      border-color: var(--base-2) !important;
    }
}
  .select-menu-button.primary:after {
    border-top-color: var(--base-2) !important;
  }
  .select-menu-blankslate svg {
    fill: var(--text-alt) !important;
  }
  .select-menu-modal,
  .box-shadow-large,
  .Toast {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4) !important;
  }
  .orgs-help-shelf {
    margin: 3% 4% !important;
  }
  .orgs-help-shelf,
  .team-discussions .UnderlineNav,
  .team-left-column[aria-label="Explore"] > div {
    border-radius: 4px !important;
  }
  .orgs-help-shelf > .container-lg {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .SideNav-item:last-child {
    box-shadow: 0 1px 0 var(--base-1) !important;
  }
  .State--green {
    border: 1px solid var(--teal) !important;
  }
  .State--purple {
    border: 1px solid var(--purple) !important;
  }
  .State--purple .octicon {
    fill: var(--purple) !important;
  }
  .State--red {
    border: 1px solid var(--red) !important;
  }
  .site-subnav.bg-white {
    transition: box-shadow, background-color, border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .suggester li small {
    background-color: var(--faded) !important;
  }
  .cm-attribute {
    color: var(--yellow) !important;
  }
  .cm-comment {
    color: var(--indigo) !important;
  }
  .cm-property {
    color: var(--teal) !important;
  }
  .cm-operator {
    color: var(--cyan) !important;
  }
  .pl-v,
  .pl-s1,
  .pl-smi,
  .graphiql-container .arg-name {
    color: var(--pink) !important;
  }
  .pl-c2::before {
    content: "^M";
  }
  .pl-sr .pl-cce,
  .pl-mh,
  .pl-mb,
  .pl-mdr {
    font-weight: bold !important;
  }
  .pl-mi {
    font-style: italic;
  }
  .pl-mc {
    background-color: var(--cyan-trans) !important;
  }
  .table-list-bordered .table-list-cell:first-child {
    border-left: 1px solid var(--base-1) !important;
  }
  .table-list-bordered .table-list-cell:last-child {
    border-right: 1px solid var(--base-1) !important;
  }
  .container-preview .tabnav-tabs {
    margin-left: 5% !important;
  }
  .tabnav-tabs[aria-label="Stargazers"] .tabnav-tab:not(.selected) {
    filter: saturate(0.6);
  }
  .tabnav-tabs.js-file-editor-nav .tabnav-tab {
    margin-top: 8px !important;
  }
  .tabnav-tabs.js-file-editor-nav .tabnav-tab {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .team-left-column[aria-label="Explore"] > div {
    padding-left: 10px !important;
  }
  .TimelineItem--condensed .TimelineItem-badge {
    height: 30px !important;
  }
  .TimelineItem--condensed .TimelineItem-badge {
    width: 30px !important;
  }
  .TimelineItem-badge,
  .TimelineItem .status-meta-badge,
  .TimelineItem .merge-pr-more-commits-badge,
  .TimelineItem--condensed .TimelineItem-badge,
  .TimelineItem .status-meta--condensed .TimelineItem .status-meta-badge,
  .TimelineItem .merge-pr-more-commits--condensed .TimelineItem .merge-pr-more-commits-badge {
    border: 2px solid var(--base-5) !important;
  }
  .deployments-timeline-item {
    border-left-color: var(--base-9) !important;
  }
  :target .timeline-comment::before {
    filter: drop-shadow(-0.28em 0 0 var(--base-1));
  }
  .Toast-dismissButton {
    max-height: none;
    min-height: 100%;
  }
  .topic-box.bg-white {
    transition: background-color, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .topic-tag-outline {
    box-shadow: inset 0 0 0 1px var(--base-1) !important;
  }
  .UnderlineNav[style*="margin-top"] {
    border-color: transparent !important;
  }
  .UnderlineNav-item:hover {
    border-bottom-color: var(--base-8) !important;
  }
  .wiki-pages-box + div .d-block.border-dashed,
  .wiki-footer .d-block.border-dashed {
    border: 1px dashed var(--base-3) !important;
  }
  body {
    font-family: var(--ui-font), sans-serif !important;
  }
  kbd {
    font: 14px var(--mono-font);
  }
  kbd {
    box-shadow: inset 0 -1px 0 var(--base-1) !important;
  }
  ol,
  ul {
    list-style: disc;
  }
  legend {
    font-size: 0.9em !important;
  }
  fieldset {
    margin-bottom: 6px !important;
  }
  fieldset {
    padding: 10px !important;
  }
}
@-moz-document domain('gist.github.com') {
  .application-main {
    margin-bottom: 16px !important;
  }
}
@-moz-document domain('developer.github.com') {
  .CodeMirror-cursor,
  .js-current .standalone a,
  .sidebar-module .disable > a {
    border-left-color: var(--blue) !important;
  }
  .graphiql-container .topBar {
    background: var(--base-4) !important;
  }
  .alert.product {
    background: var(--purple-trans) !important;
  }
}