☰

GitHub.com Darker with Dev/Help Documentation pages

This is the GitHub Darker with Dev/Help Documentation pages

  1. /* ==UserStyle==
  2. @name               GitHub.com Darker with Dev/Help Documentation pages
  3. @description        This is the GitHub Darker with Dev/Help Documentation pages
  4. @author             zirs3d
  5. @license            CC0-1.0
  6. @version            0.0.5
  7. @namespace https://gf.qytechs.cn/users/517035
  8. ==/UserStyle== */
  9.  
  10.  
  11. @-moz-document url-prefix("https://gist.github.com") {
  12.     /** Addtional Github.io Static Sites **/
  13.         pre,
  14.         code {
  15.             background-color: #474747 !important;
  16.             color: var(--black-1);
  17.         }
  18.     
  19.         a.site-title:visited,
  20.         a:visited,
  21.         a:hover {
  22.             color: #9b9b9b !important
  23.         }
  24.     
  25.         table th,
  26.         table td {
  27.             color: var(--black-1);
  28.             background-color: #1b1b1b !important;
  29.         }
  30.     
  31.         table a {
  32.             color: #66a9ff !important;
  33.         }
  34.     
  35.         table th a:visited,
  36.         table td a:visited {
  37.             color: #adadad !important
  38.         }
  39.     }
  40.     
  41.     @-moz-document regexp("^https://github.com/.*"), url-prefix("https://gist.github.com") {
  42.         /** Main Site **/
  43.         /** Original colors
  44.           white-1 - fff
  45.           white-2 - f6f8fa
  46.           white-3 - e1e4e8
  47.           white-4 - d1d5da
  48.           white-5 - eaecef
  49.           white-6 - dfe2e5
  50.           white-7 - ccc
  51.           black-1 - 24292e
  52.           black-2 - 6a737d
  53.           black-3 - 586069
  54.           black-4 - 444d56
  55.           blue-1 - 0366d6
  56.           blue-2 - eaf5ff
  57.           blue-3 - f1f8ff
  58.           blue-4 - def
  59.         **/
  60.         :root {
  61.             --white-1: #1e2022;
  62.             --white-2: #303234;
  63.             --white-3: #454647;
  64.             --white-4: #616161;
  65.             --white-5: #3a3c3d;
  66.             --white-6: #524f4f;
  67.             --white-7: #767676;
  68.             --black-1: #dfdfdf;
  69.             --black-2: #b2b6bb;
  70.             --black-3: #d1d5da;
  71.             --black-3: #b5bac1;
  72.             --black-4: #969a9f;
  73.             --blue-1: #559cf8;
  74.             --blue-2: #27364a;
  75.             --blue-3: #263242;
  76.             --blue-4: #34465f;
  77.             --blue-5: #405675;
  78.         
  79.             --box-shadow: #5d5d5d26;
  80.         
  81.             /** Syntax highlighting **/
  82.             --s-background: #282c34;
  83.             --s-context: #2c313a;
  84.         
  85.             --s-chalky: #e5c07b;
  86.             --s-coral: #e06c75;
  87.             --s-cyan: #56b6c2;
  88.             --s-error: #f44747;
  89.             --s-ivory: #abb2bf;
  90.             --s-malibu: #61afef;
  91.             --s-sage: #98c379;
  92.             --s-stone: #5c6370;
  93.             --s-violet: #c678dd;
  94.             --s-whiskey: #d19a66;
  95.         }
  96.         
  97.         body {
  98.             background-color: var(--white-1);
  99.             color: var(--black-1);
  100.         }
  101.         
  102.         .rule,
  103.         hr {
  104.             border-color: var(--white-6);
  105.         }
  106.         
  107.         .form-hr {
  108.             border-color: var(--white-5);
  109.         }
  110.         
  111.         kbd {
  112.             background-color: var(--white-2);
  113.             border-color: var(--white-4);
  114.             box-shadow: inset 0 -1px 0 var(--white-4);
  115.             color: var(--black-4);
  116.         }
  117.         
  118.         /** Backgrounds **/
  119.         .bg-white {
  120.             background-color: var(--white-1) !important;
  121.         }
  122.         
  123.         .bg-gray,
  124.         .bg-gray-light {
  125.             background-color: var(--white-2) !important;
  126.         }
  127.         
  128.         .bg-gray-2 {
  129.             background-color: var(--white-3) !important;
  130.         }
  131.         
  132.         .bg-blue {
  133.             background-color: var(--blue-1) !important;
  134.         }
  135.         
  136.         .bg-blue-light {
  137.             background-color: var(--blue-3) !important;
  138.         }
  139.         
  140.         /** Links **/
  141.         .link-gray-dark {
  142.             color: var(--black-1) !important;
  143.         }
  144.         
  145.         .muted-link,
  146.         .link-gray {
  147.             color: var(--black-3) !important;
  148.         }
  149.         
  150.         a,
  151.         .btn-link,
  152.         .btn-octicon:hover {
  153.             color: var(--blue-1);
  154.         }
  155.         
  156.         .muted-link:hover,
  157.         .link-gray:hover,
  158.         .link-gray-dark:hover,
  159.         .link-hover-blue:hover {
  160.             color: var(--blue-1) !important;
  161.         }
  162.         
  163.         /** Text **/
  164.         .text-emphasized {
  165.             color: var(--black-1);
  166.         }
  167.         
  168.         .text-gray-light {
  169.             color: var(--black-2) !important;
  170.         }
  171.         
  172.         .color-gray-9,
  173.         .text-gray-dark {
  174.             color: var(--black-1) !important;
  175.         }
  176.         
  177.         .text-gray,
  178.         .note {
  179.             color: var(--black-3) !important;
  180.         }
  181.         
  182.         .bg-blue-2 {
  183.             color: var(--white-1);
  184.         }
  185.         
  186.         .text-blue {
  187.             color: var(--blue-1) !important;
  188.         }
  189.         
  190.         /** Borders **/
  191.         .border,
  192.         .border-bottom,
  193.         .border-right,
  194.         .border-top,
  195.         .border-left {
  196.             border-color: var(--white-3) !important;
  197.         }
  198.         
  199.         .border-gray-dark {
  200.             border-color: var(--white-4) !important;
  201.         }
  202.         
  203.         .border-gray-light {
  204.             border-color: var(--white-5) !important;
  205.         }
  206.         
  207.         @media (min-width: 1012px) {
  208.             .border-lg-left {
  209.                 border-color: var(--white-3) !important
  210.             }
  211.         }
  212.         
  213.         @media (min-width: 768px) {
  214.             .border-md,
  215.             .border-md-top {
  216.                 border-color: var(--white-3) !important;
  217.             }
  218.         }
  219.         
  220.         /** Buttons **/
  221.         .btn:not(.btn-primary) {
  222.             border-color: var(--white-6);
  223.         }
  224.         
  225.         .btn:not(.btn-primary):not(.btn-outline) {
  226.             background-color: var(--white-3);
  227.             background-image: linear-gradient(-180deg, #696464, var(--white-6) 90%);
  228.             color: var(--black-1);
  229.         }
  230.         
  231.         .btn:not(.btn-primary):not(.btn-outline).hover,
  232.         .btn:not(.btn-primary):not(.btn-outline):hover {
  233.             background-color: var(--white-4);
  234.             background-image: linear-gradient(-180deg, #635e5e, #4d4b4b 90%);
  235.             border-color: var(--white-4);
  236.         }
  237.         
  238.         .btn-outline {
  239.             background-color: var(--white-1);
  240.             color: var(--blue-1);
  241.         }
  242.         
  243.         .btn-outline.disabled,
  244.         .btn-outline:disabled,
  245.         .btn-outline[aria-disabled=true] {
  246.             background-color: var(--white-1);
  247.             border-color: var(--white-3) !important;
  248.             color: var(--black-4);
  249.         }
  250.         
  251.         .btn-outline.selected,
  252.         .btn-outline:active,
  253.         .btn-outline:hover,
  254.         .btn-outline[aria-selected=true],
  255.         [open] > .btn-outline {
  256.             border-color: #0366d6;
  257.         }
  258.         
  259.         .btn-danger {
  260.             background-image: linear-gradient(-180deg, #cb2431, #941a24 90%) !important;
  261.             border-color: #b31a26 !important;
  262.             color: #fff !important;
  263.         }
  264.         
  265.         .btn-danger:hover {
  266.             background-color: #cb2431;
  267.             background-image: linear-gradient(-180deg, #de4450, #cb2431 90%) !important;
  268.         }
  269.         
  270.         /** Forms **/
  271.         ::placeholder {
  272.             color: var(--black-2);
  273.         }
  274.         
  275.         .form-control,
  276.         .form-select {
  277.             background-color: var(--white-1);
  278.             border-color: var(--white-4);
  279.             color: var(--black-1);
  280.         }
  281.         
  282.         .form-group .form-control,
  283.         .input-contrast {
  284.             background-color: var(--white-2);
  285.         }
  286.         
  287.         .form-group .form-control:focus,
  288.         .input-contrast:focus {
  289.             background-color: var(--white-1);
  290.         }
  291.         
  292.         /** Header **/
  293.         .pagehead {
  294.             border-color: var(--white-3);
  295.         }
  296.         
  297.         .gh-header {
  298.             background-color: var(--white-1);
  299.         }
  300.         
  301.         .gh-header-meta {
  302.             border-color: var(--white-3);
  303.             color: var(--black-3);
  304.         }
  305.         
  306.         .gh-header-number {
  307.             color: var(--black-2);
  308.         }
  309.         
  310.         .Subhead {
  311.             border-color: var(--white-3);
  312.         }
  313.         
  314.         .repohead h1 {
  315.             color: var(--black-3);
  316.         }
  317.         
  318.         .Header-link {
  319.             color: #fff;
  320.         }
  321.         
  322.         .Counter {
  323.             background-color: #fff2;
  324.             color: var(--black-3);
  325.         }
  326.         
  327.         .breadcrumb strong.final-path {
  328.             color: var(--black-1);
  329.         }
  330.         
  331.         .pagehead-actions > li {
  332.             color: var(--black-1);
  333.         }
  334.         
  335.         /** Boxes **/
  336.         .Box {
  337.             background-color: var(--white-1);
  338.             border-color: var(--white-4);
  339.         }
  340.         
  341.         .Box-header {
  342.             background-color: var(--white-2);
  343.             border-color: var(--white-4);
  344.         }
  345.         
  346.         .Box-header--blue {
  347.             background-color: var(--blue-3);
  348.             border-color: var(--blue-4);
  349.         }
  350.         
  351.         .Box-row--blue {
  352.             background-color: var(--blue-3);
  353.         }
  354.         
  355.         .Box-row {
  356.             border-color: var(--white-3);
  357.         }
  358.         
  359.         .Box-row--hover-blue:hover {
  360.             background-color: var(--blue-3);
  361.         }
  362.         
  363.         .Box-row--focus-gray.navigation-focus {
  364.             background-color: var(--white-2);
  365.         }
  366.         
  367.         .Box-body {
  368.             border-color: var(--white-3);
  369.         }
  370.         
  371.         .Box-footer {
  372.             border-color: var(--white-3);
  373.         }
  374.         
  375.         .Box--danger,
  376.         .Box--danger .Box-body:last-of-type,
  377.         .Box--danger .Box-row:first-of-type {
  378.             border-color: #d73a49;
  379.         }
  380.         
  381.         /** Tables **/
  382.         .table-list-header {
  383.             background-color: var(--white-2);
  384.             border-color: var(--white-3);
  385.         }
  386.         
  387.         .table-list-header-toggle .btn-link:hover,
  388.         .table-list-header-toggle .btn-link.selected,
  389.         .table-list-header-toggle .btn-link.selected:hover {
  390.             color: var(--black-1);
  391.         }
  392.         
  393.         .table-list-header-toggle .btn-link {
  394.             color: var(--black-3);
  395.         }
  396.         
  397.         .table-list {
  398.             border-color: var(--white-3);
  399.             color: var(--black-2);
  400.         }
  401.         
  402.         /** Dashboard activity **/
  403.         .AvatarStack-body {
  404.             background-color: var(--white-1);
  405.         }
  406.         
  407.         .AvatarStack--right .avatar {
  408.             border-color: var(--white-1);
  409.         }
  410.         
  411.         .news div.message,
  412.         .news li blockquote {
  413.             color: var(--black-3);
  414.         }
  415.         
  416.         .dashboard-rollup-items > .dashboard-rollup-item {
  417.             border-color: var(--white-3);
  418.         }
  419.         
  420.         .commit-desc pre {
  421.             color: var(--black-4);
  422.         }
  423.         
  424.         .team-mention,
  425.         .user-mention {
  426.             color: var(--black-1);
  427.         }
  428.         
  429.         /** Popovers **/
  430.         .SelectMenu-modal {
  431.             background-color: var(--white-2);
  432.         }
  433.         
  434.         @media (min-width: 544px) {
  435.             .SelectMenu-modal {
  436.                 border-color: var(--white-4);
  437.             }
  438.         }
  439.         
  440.         .SelectMenu-list {
  441.             background-color: var(--white-1);
  442.             border-color: var(--white-3);
  443.         }
  444.         
  445.         .SelectMenu-item {
  446.             background-color: var(--white-1);
  447.             border-color: var(--white-3);
  448.             color: var(--black-3);
  449.         }
  450.         
  451.         .SelectMenu-item[aria-checked=true] {
  452.             color: var(--black-1);
  453.         }
  454.         
  455.         @media (hover: hover) {
  456.             .SelectMenu-item:hover,
  457.             body:not(.intent-mouse) .SelectMenu-item:focus {
  458.                 background-color: var(--white-2);
  459.             }
  460.         }
  461.         
  462.         .SelectMenu-divider {
  463.             background-color: var(--white-2);
  464.             color: var(--black-2);
  465.             border-color: var(--white-5);
  466.         }
  467.         
  468.         .SelectMenu-filter {
  469.             border-color: var(--white-3);
  470.         }
  471.         
  472.         .SelectMenu-footer {
  473.             border-color: var(--white-3);
  474.             color: var(--black-2);
  475.         }
  476.         
  477.         .SelectMenu-tab {
  478.             color: var(--black-2);
  479.         }
  480.         
  481.         .SelectMenu-tab[aria-selected=true] {
  482.             background-color: var(--white-1);
  483.             color: var(--black-1);
  484.         }
  485.         
  486.         @media (min-width: 544px) {
  487.             .SelectMenu-tab[aria-selected=true] {
  488.                 border-color: var(--white-3);
  489.             }
  490.         }
  491.         
  492.         @media (hover: hover) {
  493.             .SelectMenu-tab:not([aria-checked=true]):active,
  494.             .SelectMenu-tab:not([aria-checked=true]):hover {
  495.                 background-color: var(--white-1);
  496.             }
  497.         
  498.             .SelectMenu-tab:not([aria-selected=true]):hover {
  499.                 background-color: var(--white-3);
  500.                 color: var(--black-1);
  501.             }
  502.         }
  503.         
  504.         .SelectMenu-blankslate,
  505.         .SelectMenu-loading,
  506.         .SelectMenu-message {
  507.             background-color: var(--white-1);
  508.         }
  509.         
  510.         .SelectMenu-message {
  511.             border-color: var(--white-5);
  512.         }
  513.         
  514.         /** Popover **/
  515.         .Popover-message:after {
  516.             border-bottom-color: var(--white-1);
  517.         }
  518.         
  519.         .Popover-message:before {
  520.             border-bottom-color: var(--white-4);
  521.         }
  522.         
  523.         .Popover-message--bottom-left:after,
  524.         .Popover-message--bottom-left:before,
  525.         .Popover-message--bottom-right:after,
  526.         .Popover-message--bottom-right:before,
  527.         .Popover-message--bottom:after,
  528.         .Popover-message--bottom:before {
  529.             border-bottom-color: transparent;
  530.         }
  531.         
  532.         .Popover-message--bottom-left:after,
  533.         .Popover-message--bottom-right:after,
  534.         .Popover-message--bottom:after {
  535.             border-top-color: var(--white-1);
  536.         }
  537.         
  538.         .Popover-message--bottom-left:before,
  539.         .Popover-message--bottom-right:before,
  540.         .Popover-message--bottom:before {
  541.             border-top-color: var(--white-4);
  542.         }
  543.         
  544.         /** Load more button **/
  545.         .ajax-pagination-form .ajax-pagination-btn {
  546.             background-color: var(--white-1);
  547.             border-color: var(--white-3);
  548.             color: var(--blue-1);
  549.         }
  550.         
  551.         .ajax-pagination-form .ajax-pagination-btn:focus,
  552.         .ajax-pagination-form .ajax-pagination-btn:hover {
  553.             background-color: var(--white-2);
  554.             color: var(--blue-1);
  555.         }
  556.         
  557.         /** Login page. Note that I did deviate from matching the original styles
  558.         exactly. Instead I picked values that were close to the original to maintain
  559.         the consistent color palette. **/
  560.         .session-authentication {
  561.             background-color: var(--white-2);
  562.         }
  563.         
  564.         .session-authentication .auth-form-header,
  565.         .session-authentication .header-logo {
  566.             color: var(--black-1);
  567.         }
  568.         
  569.         .session-authentication .auth-form-body {
  570.             background-color: var(--white-1);
  571.             border-color: var(--white-4);
  572.         }
  573.         
  574.         .session-authentication .create-account-callout {
  575.             border-color: var(--white-4);
  576.         }
  577.         
  578.         /** Tags **/
  579.         .branch-name {
  580.             background-color: var(--blue-2);
  581.             color: var(--blue-1);
  582.         }
  583.         
  584.         a.branch-name {
  585.             color: var(--blue-1);
  586.         }
  587.         
  588.         .topic-tag,
  589.         .topic-tag-action {
  590.             background-color: var(--blue-3);
  591.         }
  592.         
  593.         .topic-tag-link:hover {
  594.             background-color: var(--blue-4);
  595.         }
  596.         
  597.         .delete-topic-button,
  598.         .delete-topic-link {
  599.             background-color: var(--blue-3);
  600.             border-color: var(--blue-4);
  601.             color: var(--black-2);
  602.         }
  603.         
  604.         .delete-topic-button:hover,
  605.         .delete-topic-link:hover {
  606.             background-color: var(--blue-4);
  607.         }
  608.         
  609.         /** Repo navigation **/
  610.         .reponav-item {
  611.             color: var(--black-3);
  612.         }
  613.         
  614.         .reponav-item.selected {
  615.             background-color: var(--white-1);
  616.             border-left-color: var(--white-3);
  617.             border-right-color: var(--white-3);
  618.             color: var(--black-3);
  619.         }
  620.         
  621.         .reponav-item .Counter {
  622.             color: var(--black-1);
  623.         }
  624.         
  625.         .reponav-item:focus,
  626.         .reponav-item:hover {
  627.             color: var(--black-1);
  628.         }
  629.         
  630.         .reponav-item .octicon {
  631.             color: #fff5;
  632.         }
  633.         
  634.         /** Sub nav **/
  635.         .subnav-item {
  636.             border-color: var(--white-3);
  637.             color: var(--black-3);
  638.         }
  639.         
  640.         .subnav-item:focus,
  641.         .subnav-item:hover {
  642.             background-color: var(--white-2);
  643.         }
  644.         
  645.         .subnav-item.selected,
  646.         .subnav-item[aria-current],
  647.         .subnav-item[aria-selected=true] {
  648.             background-color: #0366d6;
  649.         }
  650.         
  651.         /** Repo summary **/
  652.         .overall-summary {
  653.             border-color: var(--white-6);
  654.         }
  655.         
  656.         .numbers-summary li > .nolink,
  657.         .numbers-summary li > a {
  658.             color: var(--black-3);
  659.         }
  660.         
  661.         .numbers-summary li > a:hover {
  662.             color: var(--blue-1);
  663.         }
  664.         
  665.         .numbers-summary .octicon {
  666.             color: var(--black-2);
  667.         }
  668.         
  669.         .repository-lang-stats-graph {
  670.             border-color: var(--white-4);
  671.         }
  672.         
  673.         .repository-lang-stats ol.repository-lang-stats-numbers li .lang {
  674.             color: var(--black-1);
  675.         }
  676.         
  677.         .repository-lang-stats ol.repository-lang-stats-numbers li > a,
  678.         .repository-lang-stats ol.repository-lang-stats-numbers li > span {
  679.             color: var(--black-2);
  680.         }
  681.         
  682.         
  683.         .repository-lang-stats-graph .language-color:not(:first-child) {
  684.             border-color: var(--white-1);
  685.         }
  686.         
  687.         /** File table **/
  688.         table.files {
  689.             background-color: var(--white-1);
  690.         }
  691.         
  692.         table.files td {
  693.             border-color: var(--white-5);
  694.         }
  695.         
  696.         table.files tr.navigation-focus td,
  697.         table.files tr[aria-selected=true] td {
  698.             background-color: var(--white-2);
  699.         }
  700.         
  701.         table.files td.icon .octicon-file-directory,
  702.         table.files td.icon {
  703.             color: var(--black-4);
  704.         }
  705.         
  706.         table.files td.message a {
  707.             color: var(--black-2);
  708.         }
  709.         
  710.         table.files td.message a:hover {
  711.             color: var(--blue-1);
  712.         }
  713.         
  714.         table.files td.age {
  715.             color: var(--black-2);
  716.         }
  717.         
  718.         table.files tr.up-tree a:hover {
  719.             background-color: var(--white-6);
  720.         }
  721.         
  722.         /** Labels **/
  723.         .Label {
  724.             color: var(--white-1);
  725.         }
  726.         
  727.         .Label--gray {
  728.             background-color: var(--white-5);
  729.             color: var(--black-3);
  730.         }
  731.         
  732.         .Label--gray-darker {
  733.             background-color: var(--black-2);
  734.             color: var(--white-1);
  735.         }
  736.         
  737.         .Label--outline {
  738.             border-color: var(--black-4);
  739.             color: var(--black-3);
  740.         }
  741.         
  742.         /** Use the original colors for yellow labels **/
  743.         .Label--outline.bg-yellow-light,
  744.         .Label.bg-yellow-light {
  745.             color: #586069;
  746.             background-color: #FFF5A9 !important;
  747.             border-color: rgba(27, 31, 35, .15);
  748.         }
  749.         
  750.         /** Markdown **/
  751.         .markdown-body h1,
  752.         .markdown-body h2 {
  753.             border-color: var(--white-5);
  754.         }
  755.         
  756.         .markdown-body img {
  757.             background-color: var(--white-1);
  758.         }
  759.         
  760.         .markdown-body blockquote {
  761.             border-color: var(--white-6);
  762.             color: var(--black-2);
  763.         }
  764.         
  765.         .markdown-body table tr {
  766.             background-color: var(--white-1);
  767.             border-color: var(--white-6);
  768.         }
  769.         
  770.         .markdown-body table tr:nth-child(2n) {
  771.             background-color: var(--white-2);
  772.         }
  773.         
  774.         .markdown-body table td,
  775.         .markdown-body table th {
  776.             border-color: var(--white-6);
  777.         }
  778.         
  779.         .markdown-body code,
  780.         .markdown-body tt {
  781.             background-color: var(--white-5);
  782.         }
  783.         
  784.         .markdown-body hr {
  785.             background-color: var(--white-3);
  786.         }
  787.         
  788.         .markdown-body h1 .octicon-link,
  789.         .markdown-body h2 .octicon-link,
  790.         .markdown-body h3 .octicon-link,
  791.         .markdown-body h4 .octicon-link,
  792.         .markdown-body h5 .octicon-link,
  793.         .markdown-body h6 .octicon-link {
  794.             color: var(--black-2);
  795.         }
  796.         
  797.         /** File editor **/
  798.         .cm-s-github-light.CodeMirror {
  799.             background-color: var(--s-background);
  800.             color: var(--s-ivory);
  801.         }
  802.         
  803.         .cm-s-github-light .CodeMirror-lines {
  804.             background-color: var(--s-background);
  805.         }
  806.         
  807.         .cm-s-github-light .CodeMirror-gutters,
  808.         .cm-s-github-light .CodeMirror-linenumber {
  809.             background-color: var(--s-background);
  810.         }
  811.         
  812.         .cm-s-github-light .CodeMirror-gutters,
  813.         .cm-s-github-light .CodeMirror-lines {
  814.             border-top: 1px solid var(--white-3);
  815.         }
  816.         
  817.         .cm-s-github-light .CodeMirror-linenumber {
  818.             color: var(--black-2);
  819.         }
  820.         
  821.         .CodeMirror-line::selection,
  822.         .CodeMirror-line > span::selection,
  823.         .CodeMirror-line > span > span::selection {
  824.             background-color: var(--black-4)
  825.         }
  826.         
  827.         /** File editor syntax highlighting **/
  828.         .cm-s-github-light .cm-string,
  829.         .cm-string-2 {
  830.             color: var(--s-sage);
  831.         }
  832.         
  833.         .cm-s-github-light .cm-variable,
  834.         .cm-variable-2 {
  835.             color: var(--s-ivory);
  836.         }
  837.         
  838.         .cm-property {
  839.             color: var(--s-coral);
  840.         }
  841.         
  842.         .cm-operator,
  843.         .cm-atom {
  844.             color: var(--s-cyan);
  845.         }
  846.         
  847.         .cm-qualifier,
  848.         .cm-attribute,
  849.         .cm-number {
  850.             color: var(--s-whiskey);
  851.         }
  852.         
  853.         .cm-s-github-light .cm-keyword {
  854.             color: var(--s-violet);
  855.         }
  856.         
  857.         .cm-tag:not(.cm-bracket) {
  858.             color: var(--s-coral);
  859.         }
  860.         
  861.         /** File editor search **/
  862.         .CodeMirror-dialog-top {
  863.             background-color: var(--white-1);
  864.             border-color: var(--white-3);
  865.         }
  866.         
  867.         .CodeMirror-search-hint {
  868.             color: var(--black-3);
  869.         }
  870.         
  871.         /** Commit bar **/
  872.         .commit-tease {
  873.             color: var(--black-3);
  874.         }
  875.         
  876.         .commit-tease-sha {
  877.             color: var(--black-4);
  878.         }
  879.         
  880.         .ellipsis-expander,
  881.         .hidden-text-expander a {
  882.             background-color: var(--white-6);
  883.             color: var(--black-4);
  884.         }
  885.         
  886.         .ellipsis-expander:hover,
  887.         .hidden-text-expander a:hover {
  888.             background-color: var(--white-4);
  889.         }
  890.         
  891.         .ellipsis-expander:active,
  892.         .hidden-text-expander a:active {
  893.             color: var(--white-1);
  894.             background-color: var(--blue-1);
  895.         }
  896.         
  897.         /** Icons **/
  898.         .btn-octicon {
  899.             color: var(--black-3);
  900.         }
  901.         
  902.         .repohead h1.private .octicon {
  903.             color: var(--black-2);
  904.         }
  905.         
  906.         /** Tooltips **/
  907.         .tooltipped:after {
  908.             background-color: var(--black-1);
  909.             color: var(--white-1);
  910.         }
  911.         
  912.         .tooltipped-s:before,
  913.         .tooltipped-se:before,
  914.         .tooltipped-sw:before {
  915.             border-bottom-color: var(--black-1);
  916.         }
  917.         
  918.         .tooltipped-n:before,
  919.         .tooltipped-ne:before,
  920.         .tooltipped-nw:before {
  921.             border-top-color: var(--black-1);
  922.         }
  923.         
  924.         .tooltipped-w:before {
  925.             border-left-color: var(--black-1);
  926.         }
  927.         
  928.         /** Commit refs **/
  929.         .commit-ref {
  930.             background-color: var(--blue-2);
  931.             color: var(--blue-1);
  932.         }
  933.         
  934.         .commit-ref .user {
  935.             color: var(--blue-1);
  936.         }
  937.         
  938.         /** Progress bar **/
  939.         .progress-bar {
  940.             background-color: var(--white-5);
  941.         }
  942.         
  943.         .progress-bar-inline .progress-bar {
  944.             border-color: var(--white-3);
  945.         }
  946.         
  947.         .task-progress .progress-bar {
  948.             background-color: var(--white-3);
  949.         }
  950.         
  951.         .task-progress .progress-bar .progress {
  952.             background-color: var(--white-7);
  953.         }
  954.         
  955.         .task-progress {
  956.             color: var(--black-3);
  957.         }
  958.         
  959.         .Progress {
  960.             background-color: var(--white-3);
  961.         }
  962.         
  963.         /** Pagination **/
  964.         .pagination a,
  965.         .pagination em,
  966.         .pagination span {
  967.             background: var(--white-1);
  968.             border-color: var(--white-3);
  969.             color: var(--blue-1);
  970.         }
  971.         
  972.         .pagination .disabled,
  973.         .pagination .disabled:hover,
  974.         .pagination .gap,
  975.         .pagination .gap:hover,
  976.         .pagination [aria-disabled=true],
  977.         .pagination [aria-disabled=true]:hover {
  978.             background-color: var(--white-2);
  979.             color: var(--white-4);
  980.         }
  981.         
  982.         .pagination a:focus,
  983.         .pagination a:hover,
  984.         .pagination em:focus,
  985.         .pagination em:hover,
  986.         .pagination span:focus,
  987.         .pagination span:hover {
  988.             background-color: var(--white-5);
  989.             border-color: var(--white-3);
  990.         }
  991.         
  992.         /** Issue list **/
  993.         .issues-reset-query {
  994.             color: var(--black-3);
  995.         }
  996.         
  997.         .issues-reset-query:hover {
  998.             color: var(--blue-1);
  999.         }
  1000.         
  1001.         .issue-meta-section .octicon {
  1002.             color: var(--white-7);
  1003.         }
  1004.         
  1005.         .navigation-focus .AvatarStack-body,
  1006.         [aria-selected=true] .AvatarStack-body {
  1007.             background-color: var(--white-2);
  1008.         }
  1009.         
  1010.         /** Tab navigation **/
  1011.         .tabnav {
  1012.             border-color: var(--white-4);
  1013.         }
  1014.         
  1015.         .tabnav-pr {
  1016.             border-color: var(--white-3);
  1017.         }
  1018.         
  1019.         .tabnav-tab,
  1020.         .tabnav-pr .tabnav-tab {
  1021.             color: var(--black-3);
  1022.         }
  1023.         
  1024.         .tabnav-pr .tabnav-tab.selected {
  1025.             border-color: var(--white-3);
  1026.             color: var(--black-1);
  1027.         }
  1028.         
  1029.         .tabnav-tab.selected,
  1030.         .tabnav-tab[aria-current],
  1031.         .tabnav-tab[aria-selected=true] {
  1032.             background-color: var(--white-1);
  1033.             color: var(--black-1);
  1034.             border-color: var(--white-4);
  1035.         }
  1036.         
  1037.         .tabnav-tab:focus,
  1038.         .tabnav-tab:hover {
  1039.             color: var(--black-1);
  1040.         }
  1041.         
  1042.         @media (max-width: 767px) {
  1043.             .tabnav--responsive .tabnav-tab {
  1044.                 background-color: var(--white-2);
  1045.                 border-color: var(--white-3);
  1046.             }
  1047.         
  1048.             .tabnav--responsive .tabnav-tab:first-child {
  1049.                 border-color: var(--white-3);
  1050.             }
  1051.         
  1052.             .tabnav--responsive .tabnav-tab.selected,
  1053.             .tabnav--responsive .tabnav-tab[aria-selected=true] {
  1054.                 background-color: var(--white-1);
  1055.             }
  1056.         }
  1057.         
  1058.         /** Pull request timeline **/
  1059.         .TimelineItem-body {
  1060.             color: var(--black-3);
  1061.         }
  1062.         
  1063.         .TimelineItem-badge {
  1064.             background-color: var(--white-3);
  1065.             border-color: var(--white-1);
  1066.             color: var(--black-4);
  1067.         }
  1068.         
  1069.         .TimelineItem--condensed .TimelineItem-badge {
  1070.             background-color: var(--white-1);
  1071.         }
  1072.         
  1073.         .TimelineItem:before {
  1074.             background-color: var(--white-3);
  1075.         }
  1076.         
  1077.         .signed-commit-badge {
  1078.             border-color: var(--white-3);
  1079.         }
  1080.         
  1081.         .TimelineItem-break {
  1082.             background-color: var(--white-1);
  1083.             border-color: var(--white-3);
  1084.         }
  1085.         
  1086.         .discussion-timeline-actions {
  1087.             background-color: var(--white-1);
  1088.             border-color: var(--white-3);
  1089.         }
  1090.         
  1091.         /** Timeline comments **/
  1092.         .timeline-comment-wrapper {
  1093.             background-color: var(--white-1);
  1094.             border-color: var(--white-1);
  1095.         }
  1096.         
  1097.         .timeline-comment {
  1098.             background-color: var(--white-1);
  1099.             border-color: var(--white-4);
  1100.             color: var(--black-1);
  1101.         }
  1102.         
  1103.         .review-comment {
  1104.             color: var(--black-1);
  1105.         }
  1106.         
  1107.         .review-comment .is-comment-editing {
  1108.             background-color: var(--white-1);
  1109.             border-color: var(--white-3);
  1110.         }
  1111.         
  1112.         .review-comment-loader:after,
  1113.         .review-comment.is-comment-editing:after,
  1114.         .review-comment:after,
  1115.         .review-thread-reply {
  1116.             background-color: var(--white-2);
  1117.         }
  1118.         
  1119.         .review-thread-reply .inline-comment-form {
  1120.             background-color: var(--white-1);
  1121.         }
  1122.         
  1123.         .previewable-comment-form .comment-form-head.tabnav {
  1124.             background-color: var(--white-2);
  1125.         }
  1126.         
  1127.         .timeline-comment-label {
  1128.             border-color: var(--black-4);
  1129.         }
  1130.         
  1131.         .previewable-comment-form .comment-body {
  1132.             border-color: var(--white-3);
  1133.         }
  1134.         
  1135.         .timeline-comment--caret:before {
  1136.             border-right-color: var(--white-4);
  1137.         }
  1138.         
  1139.         .timeline-comment--caret:after {
  1140.             border-right-color: var(--white-2);
  1141.         }
  1142.         
  1143.         .timeline-comment-header {
  1144.             background-color: var(--white-2);
  1145.             border-color: var(--white-4);
  1146.             color: var(--black-3);
  1147.         }
  1148.         
  1149.         .timeline-comment-header-text code a {
  1150.             color: var(--black-3);
  1151.         }
  1152.         
  1153.         .timeline-comment.current-user .previewable-comment-form .comment-form-head.tabnav {
  1154.             background-color: var(--blue-3);
  1155.             border-color: var(--blue-4);
  1156.         }
  1157.         
  1158.         .timeline-comment.current-user .tabnav-tab.selected,
  1159.         .timeline-comment.current-user .tabnav-tab[aria-current],
  1160.         .timeline-comment.current-user .tabnav-tab[aria-selected=true] {
  1161.             border-color: var(--blue-4);
  1162.         }
  1163.         
  1164.         .timeline-comment.current-user .timeline-comment-header {
  1165.             background-color: var(--blue-3);
  1166.             border-color: var(--blue-4);
  1167.         }
  1168.         
  1169.         .timeline-comment.current-user {
  1170.             border-color: var(--blue-4);
  1171.         }
  1172.         
  1173.         .timeline-comment--caret.current-user:before {
  1174.             border-right-color: var(--blue-4);
  1175.         }
  1176.         
  1177.         .timeline-comment--caret.current-user:after {
  1178.             border-right-color: var(--blue-3);
  1179.         }
  1180.         
  1181.         .timeline-comment.current-user .timeline-comment-label {
  1182.             border-color: var(--blue-5);
  1183.         }
  1184.         
  1185.         /** Timeline pagination **/
  1186.         .pagination-loader-container {
  1187.             background-color: var(--white-1);
  1188.         }
  1189.         
  1190.         /* TODO: Fix background image **/
  1191.         /* PR branch actions **/
  1192.         .branch-action-body {
  1193.             background-color: var(--white-1);
  1194.             border-color: var(--white-4);
  1195.         }
  1196.         
  1197.         .branch-action-state-closed-dirty .branch-action-body,
  1198.         .branch-action-state-dirty .branch-action-body,
  1199.         .is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-body {
  1200.             border-color: var(--white-4);
  1201.         }
  1202.         
  1203.         .branch-action-state-closed-dirty .branch-action-body:before,
  1204.         .branch-action-state-dirty .branch-action-body:before,
  1205.         .is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-body:before {
  1206.             border-right-color: var(--white-4);
  1207.         }
  1208.         
  1209.         .branch-action-body:after {
  1210.             border-right-color: var(--white-1);
  1211.         }
  1212.         
  1213.         .branch-action-item + .branch-action-item,
  1214.         .branch-action-item + .mergeability-details {
  1215.             border-color: var(--white-3);
  1216.         }
  1217.         
  1218.         .branch-action-body .merge-branch-form,
  1219.         .branch-action-body .merge-message {
  1220.             background-color: var(--white-2);
  1221.             border-color: var(--white-3);
  1222.         }
  1223.         
  1224.         .merge-status-list {
  1225.             border-color: var(--white-3);
  1226.         }
  1227.         
  1228.         .merge-status-item {
  1229.             border-color: var(--white-3);
  1230.             background-color: var(--white-2);
  1231.         }
  1232.         
  1233.         .merge-status-item a {
  1234.             background-color: none;
  1235.         }
  1236.         
  1237.         .status-meta,
  1238.         .merge-pr-more-commits {
  1239.             color: var(--black-3);
  1240.         }
  1241.         
  1242.         /** PR sidebar **/
  1243.         .discussion-sidebar-heading {
  1244.             color: var(--black-3);
  1245.         }
  1246.         
  1247.         .discussion-sidebar-item {
  1248.             color: var(--black-3);
  1249.         }
  1250.         
  1251.         .discussion-sidebar-item .muted-icon:hover,
  1252.         .discussion-sidebar-toggle:hover {
  1253.             color: var(--blue-1);
  1254.         }
  1255.         
  1256.         .discussion-sidebar-item + .discussion-sidebar-item {
  1257.             border-color: var(--white-3);
  1258.         }
  1259.         
  1260.         .thread-subscription-status {
  1261.             background-color: var(--white-1);
  1262.             color: var(--black-3);
  1263.         }
  1264.         
  1265.         /** Dropdown menu **/
  1266.         .dropdown-menu {
  1267.             background-color: var(--white-1);
  1268.             box-shadow: 0 1px 15px var(--box-shadow);
  1269.         }
  1270.         
  1271.         .dropdown-menu:after {
  1272.             border-bottom-color: var(--white-1);
  1273.         }
  1274.         
  1275.         .dropdown-header {
  1276.             color: var(--black-3);
  1277.         }
  1278.         
  1279.         .dropdown-item {
  1280.             color: var(--black-1);
  1281.         }
  1282.         
  1283.         .dropdown-divider {
  1284.             border-color: var(--white-3);
  1285.         }
  1286.         
  1287.         /** Drag and drop **/
  1288.         .drag-and-drop {
  1289.             background-color: var(--white-2);
  1290.             border-color: var(--white-4);
  1291.             color: var(--black-3);
  1292.         }
  1293.         
  1294.         .upload-enabled textarea {
  1295.             border-color: var(--white-6);
  1296.         }
  1297.         
  1298.         /** Sticky header **/
  1299.         .gh-header .gh-header-sticky.is-stuck + .gh-header-shadow {
  1300.             background-color: var(--white-1);
  1301.             border-color: #ffffff26;
  1302.         }
  1303.         
  1304.         /** Files **/
  1305.         .file {
  1306.             border-color: var(--white-4);
  1307.         }
  1308.         
  1309.         .file-header {
  1310.             background-color: var(--white-2);
  1311.             border-color: var(--white-3);
  1312.         }
  1313.         
  1314.         /** Toolbar **/
  1315.         .toolbar-item,
  1316.         .toolbar-item .menu-target {
  1317.             color: var(--black-3);
  1318.         }
  1319.         
  1320.         .toolbar-item .menu-target:hover,
  1321.         .toolbar-item:hover {
  1322.             color: var(--blue-1);
  1323.         }
  1324.         
  1325.         /** Header counts **/
  1326.         .social-count {
  1327.             background-color: var(--white-1);
  1328.             color: var(--black-1);
  1329.             border-color: var(--white-3);
  1330.         }
  1331.         
  1332.         .social-count:hover {
  1333.             color: var(--blue-1);
  1334.         }
  1335.         
  1336.         /** Select menu **/
  1337.         .select-menu-modal {
  1338.             background-color: var(--white-1);
  1339.             box-shadow: 0 3px 12px var(--box-shadow);
  1340.             color: var(--black-3);
  1341.         }
  1342.         
  1343.         .select-menu-item {
  1344.             background-color: var(--white-1);
  1345.             border-color: var(--white-5);
  1346.         }
  1347.         
  1348.         .select-menu-item.selected .description,
  1349.         details-menu .select-menu-item[aria-checked=true] .description,
  1350.         details-menu .select-menu-item[aria-selected=true] .description,
  1351.         .select-menu-item-text .description {
  1352.             color: var(--black-3);
  1353.         }
  1354.         
  1355.         .select-menu-filters {
  1356.             background-color: var(--white-2);
  1357.         }
  1358.         
  1359.         .select-menu-text-filter:first-child:last-child,
  1360.         .select-menu-text-filter input {
  1361.             border-color: var(--white-6)
  1362.         }
  1363.         
  1364.         .select-menu-divider,
  1365.         .select-menu-header {
  1366.             background-color: var(--white-2);
  1367.             border-color: var(--white-3);
  1368.         }
  1369.         
  1370.         .select-menu-divider,
  1371.         .select-menu-header .select-menu-title,
  1372.         .select-menu-item.selected,
  1373.         details-menu .select-menu-item[aria-checked=true],
  1374.         details-menu .select-menu-item[aria-selected=true] {
  1375.             color: var(--black-1);
  1376.         }
  1377.         
  1378.         .select-menu-tabs {
  1379.             border-color: var(--white-6);
  1380.         }
  1381.         
  1382.         .select-menu-tabs .select-menu-tab-nav.selected,
  1383.         .select-menu-tabs .select-menu-tab-nav[aria-selected=true],
  1384.         .select-menu-tabs a.selected,
  1385.         .select-menu-tabs a[aria-selected=true] {
  1386.             background-color: var(--white-1);
  1387.             border-color: var(--white-6) var(--white-6) var(--white-1);
  1388.             color: var(--black-1);
  1389.         }
  1390.         
  1391.         .select-menu-tabs .select-menu-tab-nav,
  1392.         .select-menu-tabs a {
  1393.             color: var(--black-2);
  1394.         }
  1395.         
  1396.         .select-menu-tabs .select-menu-tab-nav:hover,
  1397.         .select-menu-tabs a:hover {
  1398.             color: var(--black-1);
  1399.         }
  1400.         
  1401.         /** Issue comments **/
  1402.         @media (min-width: 768px) {
  1403.             .page-responsive .previewable-comment-form .comment-form-head.tabnav {
  1404.                 background-color: var(--white-2);
  1405.             }
  1406.         }
  1407.         
  1408.         @media (min-width: 1012px) {
  1409.             .page-responsive .previewable-comment-form .comment-form-head.tabnav .toolbar-commenting {
  1410.                 background-color: transparent !important;
  1411.             }
  1412.         }
  1413.         
  1414.         .timeline-new-comment .previewable-comment-form .comment-body {
  1415.             border-color: var(--white-3);
  1416.         }
  1417.         
  1418.         /** PR files tab **/
  1419.         .diffbar {
  1420.             background-color: var(--white-1);
  1421.         }
  1422.         
  1423.         .diffbar-range-menu .in-range:not(.is-range-selected) {
  1424.             background-color: var(--blue-3);
  1425.             border-bottom-color: var(--blue-4);
  1426.         }
  1427.         
  1428.         .diffstat {
  1429.             color: var(--black-3);
  1430.         }
  1431.         
  1432.         .pr-toolbar.is-stuck {
  1433.             background-color: var(--white-1);
  1434.         }
  1435.         
  1436.         .toolbar-shadow {
  1437.             background-image: linear-gradient(#ffffff13, #ffffff00);
  1438.             border-color: #ffffff26;
  1439.         }
  1440.         
  1441.         /** PR code **/
  1442.         .blob-code-inner,
  1443.         .blob-num {
  1444.             color: var(--s-ivory);
  1445.         }
  1446.         
  1447.         .blob-num:hover {
  1448.             color: var(--black-1);
  1449.         }
  1450.         
  1451.         .file-diff-split .blob-code + .blob-num {
  1452.             border-color: var(--white-2);
  1453.         }
  1454.         
  1455.         .blob-code-hunk {
  1456.             background-color: var(--blue-3);
  1457.         }
  1458.         
  1459.         .blob-num-expandable,
  1460.         .blob-num-hunk {
  1461.             background-color: var(--blue-4);
  1462.         }
  1463.         
  1464.         .blob-num-expandable .directional-expander {
  1465.             color: var(--black-3);
  1466.         }
  1467.         
  1468.         .blob-expanded .blob-code,
  1469.         .blob-expanded .blob-num,
  1470.         .file-diff-split .empty-cell {
  1471.             background-color: var(--s-context);
  1472.         }
  1473.         
  1474.         .blob-expanded + tr:not(.blob-expanded) .blob-code,
  1475.         .blob-expanded + tr:not(.blob-expanded) .blob-num,
  1476.         .blob-expanded .blob-num-hunk,
  1477.         tr:not(.blob-expanded) + .blob-expanded .blob-code,
  1478.         tr:not(.blob-expanded) + .blob-expanded .blob-num {
  1479.             border-color: var(--white-5);
  1480.         }
  1481.         
  1482.         .add-line-comment {
  1483.             color: #fff;
  1484.         }
  1485.         
  1486.         /** Selected lines **/
  1487.         .selected-line:after {
  1488.             background-color: #fffb001f;
  1489.             mix-blend-mode: difference;
  1490.         }
  1491.         
  1492.         .selected-line:first-child:after,
  1493.         .selected-line.selected-line-left:after,
  1494.         .selected-line.selected-line-top:after,
  1495.         .selected-line.selected-line-right:after,
  1496.         .selected-line.selected-line-bottom:after {
  1497.             border-color: #ffd33d6e;
  1498.         }
  1499.         
  1500.         /** PR diff **/
  1501.         .blob-num-addition {
  1502.             background-color: #274f5f;
  1503.         }
  1504.         
  1505.         .blob-code-addition {
  1506.             background-color: #203d49;
  1507.         }
  1508.         
  1509.         .blob-code-addition .x {
  1510.             background-color: #0e678c;
  1511.             color: var(--s-ivory);
  1512.         }
  1513.         
  1514.         .blob-num-deletion {
  1515.             background-color: #74253c;
  1516.         }
  1517.         
  1518.         .blob-code-deletion {
  1519.             background-color: #63192f;
  1520.         }
  1521.         
  1522.         .blob-code-deletion .x {
  1523.             background-color: #8e0b31;
  1524.             color: var(--s-ivory);
  1525.         }
  1526.         
  1527.         /** PR files comments **/
  1528.         .diff-table tr:not(:last-child) .line-comments {
  1529.             background-color: var(--white-1);
  1530.         }
  1531.         
  1532.         .diff-table tr:not(:last-child) .line-comments,
  1533.         .review-thread-reply {
  1534.             border-color: var(--white-3);
  1535.         }
  1536.         
  1537.         .inline-comment-form {
  1538.             border-color: var(--white-6);
  1539.         }
  1540.         
  1541.         /** Syntax highlighting **/
  1542.         .js-file-content,
  1543.         .markdown-body .highlight pre,
  1544.         .markdown-body pre {
  1545.             background-color: var(--s-background);
  1546.         }
  1547.         
  1548.         .pl-c1 {
  1549.             color: var(--s-coral);
  1550.         }
  1551.         
  1552.         pre,
  1553.         .pl-s .pl-s1,
  1554.         .pl-mb,
  1555.         .pl-mi {
  1556.             color: var(--s-ivory);
  1557.         }
  1558.         
  1559.         .pl-smi {
  1560.             color: var(--s-chalky);
  1561.         }
  1562.         
  1563.         .pl-pds,
  1564.         .pl-s,
  1565.         .pl-s .pl-pse .pl-s1,
  1566.         .pl-sr,
  1567.         .pl-sr .pl-cce,
  1568.         .pl-sr .pl-sra,
  1569.         .pl-sr .pl-sre {
  1570.             color: var(--s-sage);
  1571.         }
  1572.         
  1573.         .pl-s .pl-v {
  1574.             color: var(--s-whiskey);
  1575.         }
  1576.         
  1577.         .pl-en {
  1578.             color: var(--s-malibu);
  1579.         }
  1580.         
  1581.         .pl-k {
  1582.             color: var(--s-violet);
  1583.         }
  1584.         
  1585.         .pl-c {
  1586.             color: var(--s-stone);
  1587.         }
  1588.         
  1589.         .pl-ent,
  1590.         .pl-smw,
  1591.         .pl-v {
  1592.             color: var(--s-chalky);
  1593.         }
  1594.         
  1595.         /** Commit range comparison **/
  1596.         .range-editor {
  1597.             background-color: var(--white-2);
  1598.             border-color: var(--white-3);
  1599.         }
  1600.         
  1601.         .range-editor-icon {
  1602.             color: var(--black-3);
  1603.         }
  1604.         
  1605.         ul.comparison-list {
  1606.             background-color: var(--white-1);
  1607.             border-color: var(--white-6);
  1608.         }
  1609.         
  1610.         ul.comparison-list > li {
  1611.             border-color: var(--white-5);
  1612.         }
  1613.         
  1614.         ul.comparison-list > li.title {
  1615.             background-color: var(--white-2);
  1616.             color: var(--black-2);
  1617.         }
  1618.         
  1619.         ul.comparison-list > li em {
  1620.             color: var(--black-3);
  1621.         }
  1622.         
  1623.         /** PR commits tab **/
  1624.         .table-list-bordered,
  1625.         .table-list-bordered .table-list-cell:first-child {
  1626.             border-color: var(--white-5);
  1627.         }
  1628.         
  1629.         .table-list-cell {
  1630.             border-color: var(--white-3);
  1631.         }
  1632.         
  1633.         .commit .commit-title,
  1634.         .commit .commit-title a {
  1635.             color: var(--black-4);
  1636.         }
  1637.         
  1638.         .commits-list-item .commit-meta,
  1639.         .commits-list-item .commit-author {
  1640.             color: var(--black-3);
  1641.         }
  1642.         
  1643.         .commits-list-item.navigation-focus,
  1644.         .commits-list-item[aria-selected=true] {
  1645.             background-color: var(--white-2);
  1646.         }
  1647.         
  1648.         .commit-group-title .octicon-git-commit {
  1649.             background-color: var(--white-1);
  1650.             color: var(--white-7);
  1651.         }
  1652.         
  1653.         .commits-listing:before {
  1654.             background-color: var(--white-3);
  1655.         }
  1656.         
  1657.         .commit-group-title {
  1658.             color: var(--black-3);
  1659.         }
  1660.         
  1661.         /** PR full commit **/
  1662.         .full-commit {
  1663.             background-color: var(--blue-2);
  1664.             border-color: var(--blue-4);
  1665.         }
  1666.         
  1667.         .full-commit p.commit-title,
  1668.         .commit-branches,
  1669.         .full-commit .branches-list li.loading,
  1670.         .full-commit .branches-list li.pull-request {
  1671.             color: var(--black-2);
  1672.         }
  1673.         
  1674.         .full-commit .branches-list li {
  1675.             color: var(--black-4);
  1676.         }
  1677.         
  1678.         .full-commit .btn-outline,
  1679.         .full-commit .btn-outline:disabled {
  1680.             border-color: var(--blue-5);
  1681.         }
  1682.         
  1683.         .full-commit .btn-outline:not(:disabled):hover {
  1684.             color: var(--blue-1);
  1685.             border-color: var(--blue-1);
  1686.         }
  1687.         
  1688.         .full-commit .commit-meta {
  1689.             background-color: var(--white-1);
  1690.             border-color: var(--blue-4);
  1691.         }
  1692.         
  1693.         .full-commit .sha-block {
  1694.             color: var(--black-3);
  1695.         }
  1696.         
  1697.         .full-commit .sha-block > .sha {
  1698.             color: var(--black-4);
  1699.         }
  1700.         
  1701.         .commit-sha {
  1702.             background-color: var(--white-2);
  1703.             border-color: var(--white-5);
  1704.         }
  1705.         
  1706.         /** Checks tab **/
  1707.         .CheckRun-header {
  1708.             border-top-color: var(--white-5);
  1709.         }
  1710.         
  1711.         /** Filters **/
  1712.         .filter-item {
  1713.             color: var(--black-3);
  1714.         }
  1715.         
  1716.         .filter-item:hover {
  1717.             background-color: var(--white-5);
  1718.         }
  1719.         
  1720.         .filter-item.selected,
  1721.         .filter-item[aria-current],
  1722.         .filter-item[aria-selected=true] {
  1723.             color: #fff;
  1724.             background-color: #0366d6;
  1725.         }
  1726.         
  1727.         /** Avatars **/
  1728.         .AvatarStack-body .avatar {
  1729.             background-color: var(--white-1);
  1730.             border-color: var(--white-1);
  1731.         }
  1732.         
  1733.         /** User dashboard **/
  1734.         .user-profile-nav {
  1735.             background-color: var(--white-1);
  1736.             border-color: var(--white-4);
  1737.         }
  1738.         
  1739.         .UnderlineNav {
  1740.             border-color: var(--white-3);
  1741.         }
  1742.         
  1743.         .UnderlineNav-item {
  1744.             color: var(--black-3);
  1745.         }
  1746.         
  1747.         .UnderlineNav-item:focus,
  1748.         .UnderlineNav-item:hover {
  1749.             border-color: var(--white-4);
  1750.             color: var(--black-1);
  1751.         }
  1752.         
  1753.         .UnderlineNav-item.selected,
  1754.         .UnderlineNav-item[aria-current],
  1755.         .UnderlineNav-item[role=tab][aria-selected=true] {
  1756.             border-color: #e36209;
  1757.             color: var(--black-1);
  1758.         }
  1759.         
  1760.         /** Menu **/
  1761.         .menu {
  1762.             background-color: var(--white-1);
  1763.             border-color: var(--white-4);
  1764.         }
  1765.         
  1766.         .menu-heading {
  1767.             background-color: var(--white-2);
  1768.             border-color: var(--white-3);
  1769.             color: var(--black-3);
  1770.         }
  1771.         
  1772.         .menu-item {
  1773.             border-color: var(--white-3);
  1774.             color: var(--black-1);
  1775.         }
  1776.         
  1777.         .menu-item:hover {
  1778.             background-color: var(--white-2);
  1779.         }
  1780.         
  1781.         .menu-item.selected,
  1782.         .menu-item[aria-current],
  1783.         .menu-item[aria-selected=true] {
  1784.             background-color: var(--white-1);
  1785.             color: var(--black-1);
  1786.         }
  1787.         
  1788.         /** Branch protection rules **/
  1789.         .listgroup {
  1790.             border-color: var(--white-5);
  1791.         }
  1792.         
  1793.         .listgroup-item {
  1794.             color: var(--black-3);
  1795.         }
  1796.         
  1797.         .listgroup-overflow {
  1798.             background-color: var(--white-2);
  1799.         }
  1800.         
  1801.         .listgroup-header,
  1802.         .listgroup-item + .listgroup-item {
  1803.             border-color: var(--white-3);
  1804.         }
  1805.         
  1806.         /** At mentions **/
  1807.         .suggester {
  1808.             background-color: var(--white-1);
  1809.             border-color: var(--white-3);
  1810.         }
  1811.         
  1812.         .suggester li {
  1813.             border-color: var(--white-3);
  1814.         }
  1815.         
  1816.         .suggester li small {
  1817.             color: var(--black-3);
  1818.         }
  1819.         
  1820.         /** Insights tab **/
  1821.         .conversation-list-heading .inner {
  1822.             background-color: var(--white-1);
  1823.         }
  1824.         
  1825.         .conversation-list-heading {
  1826.             border-color: var(--white-6);
  1827.             color: var(--black-2);
  1828.         }
  1829.         
  1830.         .summary-stats li,
  1831.         .summary-stats li a,
  1832.         .diffstat-summary {
  1833.             color: var(--black-3);
  1834.         }
  1835.         
  1836.         .summary-stats li .num,
  1837.         .diffstat-summary strong {
  1838.             color: var(--black-1);
  1839.         }
  1840.         
  1841.         .diffstat-summary a {
  1842.             color: var(--black-3);
  1843.         }
  1844.         
  1845.         .simple-conversation-list,
  1846.         .simple-conversation-list > li .num {
  1847.             color: var(--black-2);
  1848.         }
  1849.         
  1850.         .summary-stats li {
  1851.             border-color: var(--white-3);
  1852.         }
  1853.         
  1854.         .summary-stats li a:hover {
  1855.             background-color: var(--white-2);
  1856.         }
  1857.         
  1858.         .simple-conversation-list > li {
  1859.             border-color: var(--white-2);
  1860.         }
  1861.         
  1862.         /** Insights graphs **/
  1863.         .graph-canvas .axis .tick text {
  1864.             fill: var(--black-1)
  1865.         }
  1866.         
  1867.         .graph-canvas .axis line {
  1868.             stroke: var(--white-5);
  1869.         }
  1870.         
  1871.         .tint-box {
  1872.             background-color: var(--white-2);
  1873.         }
  1874.         
  1875.         .boxed-group .heading,
  1876.         .boxed-group > h3 {
  1877.             background-color: var(--white-2);
  1878.             border-color: var(--white-4);
  1879.         }
  1880.         
  1881.         .boxed-group-inner {
  1882.             background-color: var(--white-1);
  1883.             border-color: var(--white-4);
  1884.             color: var(--black-3);
  1885.         }
  1886.         
  1887.         .traffic-graph-stats {
  1888.             border-color: var(--white-6);
  1889.         }
  1890.         
  1891.         /** File finder **/
  1892.         .tree-browser-result[aria-selected=true] {
  1893.             background-color: var(--white-1) !important;
  1894.         }
  1895.         
  1896.         .tree-browser-result[aria-selected=true] .octicon-chevron-right {
  1897.             color: var(--blue-j);
  1898.         }
  1899.         
  1900.         .tree-browser-result {
  1901.             color: var(--black-2);
  1902.         }
  1903.         
  1904.         .tree-browser-result:hover {
  1905.             color: var(--black-1);
  1906.             text-decoration: none;
  1907.         }
  1908.         
  1909.         .tree-browser-result mark {
  1910.             color: var(--blue-1);
  1911.         }
  1912.         
  1913.         /** Commit form **/
  1914.         .commit-form:before {
  1915.             border-right-color: var(--white-3);
  1916.         }
  1917.         
  1918.         .commit-form:after {
  1919.             border-right-color: var(--white-1);
  1920.         }
  1921.         
  1922.         /** Global search **/
  1923.         .jump-to-suggestions-results-container .navigation-item {
  1924.             border-color: var(--white-3);
  1925.         }
  1926.         
  1927.         .jump-to-suggestions-path {
  1928.             color: var(--black-1);
  1929.         }
  1930.         
  1931.         .jump-to-suggestions-path mark {
  1932.             color: var(--blue-1);
  1933.         }
  1934.         
  1935.         .jump-to-field-active {
  1936.             color: var(--black-1) !important;
  1937.         }
  1938.         
  1939.         .jump-to-field-active::placeholder {
  1940.             color: var(--black-3) !important;
  1941.         }
  1942.         
  1943.         /** Search results **/
  1944.         .code-list .divider .blob-code,
  1945.         .code-list .divider .blob-num {
  1946.             background-color: var(--s-context)
  1947.         }
  1948.         
  1949.         .code-list .file-box {
  1950.             background-color: var(--s-background);
  1951.             border-color: var(--white-3);
  1952.         }
  1953.         
  1954.         .code-list .code-list-item + .code-list-item {
  1955.             border-color: var(--white-3);
  1956.         }
  1957.         
  1958.         .bg-yellow-light {
  1959.             background-color: var(--blue-1) !important;
  1960.             color: var(--white-1);
  1961.         }
  1962.         
  1963.         /** Discussion tab **/
  1964.         .icon-discussion-gray,
  1965.         .icon-discussion-gray path {
  1966.             fill: var(--black-1);
  1967.         }
  1968.         
  1969.         .discussion-comment .reaction-summary-item:not(.add-reaction-btn) {
  1970.             border-color: var(--white-4);
  1971.         }
  1972.         
  1973.         .btn-discussions {
  1974.             color: var(--black-3);
  1975.         }
  1976.         
  1977.         .btn-discussions:focus,
  1978.         .btn-discussions:hover {
  1979.             background-color: transparent;
  1980.         }
  1981.         
  1982.         .btn-invisible.selected,
  1983.         .btn-invisible.zeroclipboard-is-active,
  1984.         .btn-invisible.zeroclipboard-is-hover,
  1985.         .btn-invisible:active,
  1986.         .btn-invisible:focus,
  1987.         .btn-invisible:hover,
  1988.         .btn-invisible[aria-selected=true] {
  1989.             color: var(--blue-1);
  1990.         }
  1991.         
  1992.         /** Accepted discussion **/
  1993.         .timeline-comment.current-user.timeline-chosen-answer .timeline-comment-header,
  1994.         .timeline-comment.timeline-chosen-answer .timeline-comment-header {
  1995.             background-color: #24442c;
  1996.             border-color: #328449;
  1997.         }
  1998.         
  1999.         .timeline-comment.current-user.timeline-chosen-answer,
  2000.         .timeline-comment.current-user.timeline-chosen-answer .timeline-comment-label,
  2001.         .timeline-comment.timeline-chosen-answer,
  2002.         .timeline-comment.timeline-chosen-answer .timeline-comment-label {
  2003.             border-color: #328449;
  2004.         }
  2005.         
  2006.         .timeline-comment.current-user.timeline-chosen-answer:before,
  2007.         .timeline-comment.timeline-chosen-answer:before {
  2008.             border-right-color: #328449;
  2009.         }
  2010.         
  2011.         .timeline-comment.current-user.timeline-chosen-answer:after,
  2012.         .timeline-comment.timeline-chosen-answer:after {
  2013.             border-right-color: #24442c;
  2014.         }
  2015.         
  2016.         /** Responsive comment form **/
  2017.         .page-responsive .previewable-comment-form .comment-form-head.tabnav .toolbar-commenting {
  2018.             background-color: var(--white-1);
  2019.         }
  2020.         
  2021.         /** Actions tab **/
  2022.         .file-commit-form--full {
  2023.             background-color: var(--white-1);
  2024.         }
  2025.         
  2026.         /** Reactions **/
  2027.         .comment-reactions .user-has-reacted {
  2028.             background-color: var(--blue-3);
  2029.         }
  2030.         
  2031.         .comment-reactions.has-reactions,
  2032.         .reaction-summary-item {
  2033.             border-color: var(--white-3);
  2034.         }
  2035.         
  2036.         .review-comment .reaction-summary-item:not(.add-reaction-btn) {
  2037.             border-color: var(--white-4);
  2038.         }
  2039.         
  2040.         .reaction-sort-item:focus,
  2041.         .reaction-sort-item:hover {
  2042.             background-color: var(--blue-1);
  2043.         }
  2044.         
  2045.         .reaction-sort-item[aria-checked=true] {
  2046.             background-color: var(--blue-3);
  2047.             border-color: var(--blue-1);
  2048.         }
  2049.         
  2050.         /** Merge branch **/
  2051.         .merge-branch-heading {
  2052.             color: var(--black-1);
  2053.         }
  2054.         
  2055.         .merge-branch-description {
  2056.             color: var(--black-3);
  2057.         }
  2058.         
  2059.         .branch-action-state-merged .branch-action-body {
  2060.             border-color: var(--white-4);
  2061.         }
  2062.         
  2063.         .branch-action-state-merged .branch-action-body:before {
  2064.             border-right-color: var(--white-4);
  2065.         }
  2066.         
  2067.         /** New PR **/
  2068.         .new-discussion-timeline .composer .timeline-comment:after {
  2069.             border-right-color: var(--white-1);
  2070.         }
  2071.         
  2072.         .new-discussion-timeline .composer .comment-form-head.tabnav {
  2073.             background-color: var(--white-1);
  2074.         }
  2075.         
  2076.         /** Milestones **/
  2077.         .milestone-title-link a {
  2078.             color: var(--black-1);
  2079.         }
  2080.         
  2081.         .table-list-milestones .stat {
  2082.             color: var(--black-2);
  2083.         }
  2084.         
  2085.         .table-list-milestones .stat-label {
  2086.             color: var(--black-3);
  2087.         }
  2088.         
  2089.         /** Organization header **/
  2090.         .orghead {
  2091.             background-color: var(--white-2);
  2092.             border-color: var(--white-5);
  2093.             color: var(--black-2)
  2094.         }
  2095.         
  2096.         .pagehead-tabs-item.selected {
  2097.             background-color: var(--white-1);
  2098.             border-color: #e36209 var(--white-3) transparent;
  2099.             color: var(--black-1);
  2100.         }
  2101.         
  2102.         .pagehead-tabs-item .Counter {
  2103.             color: var(--black-4);
  2104.         }
  2105.         
  2106.         .pagehead-tabs-item {
  2107.             color: var(--black-3);
  2108.         }
  2109.         
  2110.         .pagehead-tabs-item:hover {
  2111.             color: var(--black-1);
  2112.         }
  2113.         
  2114.         .pagehead-tabs-item .octicon {
  2115.             color: var(--black-4);
  2116.         }
  2117.         
  2118.         /** Signed commits **/
  2119.         .dropdown-signed-commit .dropdown-menu:after {
  2120.             border-bottom-color: var(--white-2);
  2121.         }
  2122.         
  2123.         .dropdown-menu:before {
  2124.             border-bottom-color: var(--white-3);
  2125.         }
  2126.         
  2127.         .signed-commit-header {
  2128.             background-color: var(--white-2);
  2129.             border-color: var(--white-3);
  2130.         }
  2131.         
  2132.         /** Releases tab **/
  2133.         .release-entry {
  2134.             border-color: var(--white-3);
  2135.         }
  2136.         
  2137.         .release-timeline-tags .tag-timeline-date:after {
  2138.             background-color: var(--white-3);
  2139.             border-color: var(--white-1);
  2140.         }
  2141.         
  2142.         @media (min-width: 768px) {
  2143.             .release-main-section {
  2144.                 border-color: var(--white-3);
  2145.             }
  2146.         }
  2147.         
  2148.         /** Branch info bar **/
  2149.         .branch-infobar {
  2150.             background-color: var(--white-2);
  2151.             border-color: var(--white-6);
  2152.             color: var(--black-3);
  2153.         }
  2154.         
  2155.         /** Add actions runner dialog **/
  2156.         .blankslate code {
  2157.             background-color: var(--white-1);
  2158.             border-color: var(--white-5);
  2159.         }
  2160.         
  2161.         .CopyBlock:active,
  2162.         .CopyBlock:focus,
  2163.         .CopyBlock:hover {
  2164.             background-color: var(--white-1);
  2165.         }
  2166.         
  2167.         /** PR pending review comments **/
  2168.         .review-summary-form-wrapper {
  2169.             background-color: var(--white-1);
  2170.         }
  2171.         
  2172.         .is-pending .file-header {
  2173.             background-color: #f3e8a1;
  2174.         }
  2175.         
  2176.         .is-pending .comment-form-head.tabnav,
  2177.         .is-pending .file,
  2178.         .is-pending .tabnav-tab.selected {
  2179.             border-color: var(--white-4);
  2180.         }
  2181.         
  2182.         .is-pending .timeline-comment--caret:after {
  2183.             border-right-color: var(--white-2);
  2184.         }
  2185.         
  2186.         .is-pending .file-header a {
  2187.             color: #444d56 !important;
  2188.         }
  2189.         
  2190.         /** Notifications beta **/
  2191.         .notifications-list-item.notification-unread {
  2192.             background-color: var(--white-1);
  2193.         }
  2194.         
  2195.         .notifications-list-item.navigation-focus {
  2196.             background-color: var(--blue-3) !important;
  2197.             box-shadow: inset 2px 0 0 var(--blue-1);
  2198.         }
  2199.         
  2200.         .notifications-list-item .notification-list-item-link {
  2201.             color: var(--black-2) !important;
  2202.         }
  2203.         
  2204.         .notifications-list-item.navigation-focus .notification-list-item-link,
  2205.         .notifications-list-item.notification-unread .notification-list-item-link {
  2206.             color: var(--black-1) !important;
  2207.         }
  2208.         
  2209.         .notifications-list-item:hover .notification-list-item-actions .btn {
  2210.             color: var(--black-3) !important;
  2211.         }
  2212.         
  2213.         .notifications-list-item:hover .notification-list-item-actions .btn:hover {
  2214.             background-color: var(--white-3) !important;
  2215.             color: var(--black-1) !important;
  2216.         }
  2217.         
  2218.         .js-notifications-back-to-inbox {
  2219.             border-color: var(--white-1) !important;
  2220.         }
  2221.         
  2222.         .js-notifications-back-to-inbox:hover {
  2223.             border-color: #0366d6 !important;
  2224.         }
  2225.         
  2226.         /** Flash alerts **/
  2227.         .flash:not(.flash-warn) {
  2228.             color: #000;
  2229.             background-color: #81b0e0;
  2230.         }
  2231.         
  2232.         .flash:not(.flash-warn) .js-flash-close {
  2233.             color: #000;
  2234.         }
  2235.         
  2236.         .flash-warn .link-gray-dark {
  2237.             color: #24292e !important;
  2238.         }
  2239.         
  2240.         /** Side nav **/
  2241.         .SideNav {
  2242.             background-color: var(--white-2);
  2243.         }
  2244.         
  2245.         .SideNav-item {
  2246.             border-color: var(--white-3);
  2247.             color: var(--black-3);
  2248.         }
  2249.         
  2250.         .SideNav-item:focus,
  2251.         .SideNav-item:hover {
  2252.             background-color: var(--white-2);
  2253.             color: var(--black-1);
  2254.         }
  2255.         
  2256.         .SideNav-item:focus:before,
  2257.         .SideNav-item:hover:before {
  2258.             background-color: var(--white-4);
  2259.         }
  2260.         
  2261.         .SideNav-item[aria-current=page]:before,
  2262.         .SideNav-item[aria-selected=true]:before {
  2263.             background-color: #e36209;
  2264.         }
  2265.         
  2266.         .SideNav-item:last-child {
  2267.             box-shadow: 0 1px 0 var(--white-3);
  2268.         }
  2269.         
  2270.         .SideNav-item[aria-current=page],
  2271.         .SideNav-item[aria-selected=true] {
  2272.             background-color: var(--white-1);
  2273.             color: var(--black-1);
  2274.         }
  2275.         
  2276.         /** OAuth page **/
  2277.         .oauth-permissions-details .permission-title {
  2278.             color: var(--black-1);
  2279.         }
  2280.         
  2281.         .oauth-permissions-details .permission-summary .access-details {
  2282.             color: var(--black-3);
  2283.         }
  2284.         
  2285.         .oauth-permissions-details .permission-summary em.highlight {
  2286.             background-color: var(--blue-4);
  2287.             color: var(--black-3);
  2288.         }
  2289.         
  2290.         /** Misc **/
  2291.         .box-shadow {
  2292.             box-shadow: 0 1px 1px #ffffff1a !important
  2293.         }
  2294.         
  2295.         .protip code {
  2296.             background-color: var(--white-2);
  2297.         }
  2298.         
  2299.         .thread-subscription-status {
  2300.             border-color: var(--white-3);
  2301.         }
  2302.         
  2303.         .copyable-terminal {
  2304.             background-color: var(--white-2);
  2305.         }
  2306.         
  2307.         .commit-message .issue-link {
  2308.             color: var(--black-1);
  2309.         }
  2310.         
  2311.         .js-diff-placeholder {
  2312.             fill: var(--white-5);
  2313.         }
  2314.         
  2315.         .boxed-group .heading a.boxed-group-breadcrumb,
  2316.         .boxed-group > h3 a.boxed-group-breadcrumb,
  2317.         .Subhead-description {
  2318.             color: var(--black-3);
  2319.         }
  2320.         }
  2321.         
  2322.         @-moz-document url-prefix("https://developer.github.com/"), url-prefix("https://help.github.com/") {
  2323.         /** Developer and Help Doc Site **/
  2324.         :root {
  2325.             --white-1: #1e2022;
  2326.             --white-2: #303234;
  2327.             --white-3: #454647;
  2328.             --white-4: #616161;
  2329.             --white-5: #3a3c3d;
  2330.             --white-6: #524f4f;
  2331.             --white-7: #767676;
  2332.             --black-1: #dfdfdf;
  2333.             --black-2: #b2b6bb;
  2334.             --black-3: #d1d5da;
  2335.             --black-3: #b5bac1;
  2336.             --black-4: #969a9f;
  2337.             --blue-1: #559cf8;
  2338.             --blue-2: #27364a;
  2339.             --blue-3: #263242;
  2340.             --blue-4: #34465f;
  2341.             --blue-5: #405675;
  2342.         
  2343.             --box-shadow: #5d5d5d26;
  2344.         
  2345.             /** Syntax highlighting **/
  2346.             --s-background: #282c34;
  2347.             --s-context: #2c313a;
  2348.         
  2349.             --s-chalky: #e5c07b;
  2350.             --s-coral: #e06c75;
  2351.             --s-cyan: #56b6c2;
  2352.             --s-error: #f44747;
  2353.             --s-ivory: #abb2bf;
  2354.             --s-malibu: #61afef;
  2355.             --s-sage: #98c379;
  2356.             --s-stone: #5c6370;
  2357.             --s-violet: #c678dd;
  2358.             --s-whiskey: #d19a66;
  2359.         }
  2360.         
  2361.         body {
  2362.             background-color: var(--white-1);
  2363.             color: var(--black-1);
  2364.         }
  2365.         
  2366.         .rule,
  2367.         hr {
  2368.             border-color: var(--white-6);
  2369.         }
  2370.         
  2371.         .form-hr {
  2372.             border-color: var(--white-5);
  2373.         }
  2374.         
  2375.         kbd {
  2376.             background-color: var(--white-2);
  2377.             border-color: var(--white-4);
  2378.             box-shadow: inset 0 -1px 0 var(--white-4);
  2379.             color: var(--black-4);
  2380.         }
  2381.         
  2382.         /** Backgrounds **/
  2383.         .bg-custom-gradient {
  2384.             background-image: linear-gradient(180deg, #69a1ff, rgba(245, 245, 245, 0)) !important;
  2385.         }
  2386.         
  2387.         section,
  2388.         .sidebar-menu,
  2389.         .card,
  2390.         pre,
  2391.         code,
  2392.         #search-results-container {
  2393.             background-color: var(--white-5) !important;
  2394.         }
  2395.         
  2396.         .MarketplaceBackground-buffer {
  2397.             background-color: var(--white-5) !important;
  2398.         }
  2399.     
  2400.         .pricing-matrix-column-tier {
  2401.             background-color: var(--white-2) !important;
  2402.         }
  2403.     
  2404.         .ais-Hits-item:hover {
  2405.             background-color: #2e2e2e !important;
  2406.         }
  2407.         
  2408.         .alert.product {
  2409.             background: var(--white-2) !important
  2410.         }
  2411.         
  2412.         .sidebar-module ul ul li {
  2413.             border-bottom: 1px solid #454545;
  2414.             background-color: transparent !important
  2415.         }
  2416.         
  2417.         .sidebar-menu .js-current .standalone a {
  2418.             background-color: var(--white-2);
  2419.         }
  2420.         
  2421.         .sidebar-menu .standalone a:hover {
  2422.             background-color: var(--white-2) !important;
  2423.         }
  2424.         
  2425.         .sidebar-menu li a:hover {
  2426.             background-color: var(--white-4) !important;
  2427.         }
  2428.         
  2429.         .sidebar-menu li h3 a:hover {
  2430.             background-color: transparent !important;
  2431.         }
  2432.         
  2433.         .card .text-black.text-bold {
  2434.             color: var(--black-1) !important;
  2435.         }
  2436.         
  2437.         .card .text-black.text-bold {
  2438.             color: var(--black-1) !important;
  2439.         }
  2440.         
  2441.         .sidebar-module li li a {
  2442.             background-color: var(--white-2);
  2443.         }
  2444.         
  2445.         a.card.bg-gray-light:hover {
  2446.             background-color: var(--white-3) !important;
  2447.         }
  2448.     
  2449.         .pricing-matrix-row:hover .pricing-matrix-row-text, 
  2450.         .pricing-matrix-row:hover .pricing-matrix-column-feature {
  2451.             background-color: var(--white-3) !important;
  2452.         }
  2453.         
  2454.         .markdown-body table tr {
  2455.             background-color: var(--white-1) !important;
  2456.         }
  2457.     
  2458.         .markdown-body table tr:nth-child(2n) {
  2459.             background-color: var(--white-1) !important;
  2460.         }
  2461.     
  2462.         .bg-white {
  2463.             background-color: var(--white-1) !important;
  2464.         }
  2465.         
  2466.         .bg-gray,
  2467.         .bg-gray-light {
  2468.             background-color: var(--white-2) !important;
  2469.         }
  2470.         
  2471.         .bg-gray-2 {
  2472.             background-color: var(--white-3) !important;
  2473.         }
  2474.         
  2475.         .bg-blue {
  2476.             background-color: var(--blue-1) !important;
  2477.         }
  2478.         
  2479.         .bg-blue-light {
  2480.             background-color: var(--blue-3) !important;
  2481.         }
  2482.         
  2483.         /** Links **/
  2484.     
  2485.         .subnav-link.selected {
  2486.             color: var(--blue-1);
  2487.         }
  2488.     
  2489.         .link-gray-dark {
  2490.             color: var(--black-1) !important;
  2491.         }
  2492.         
  2493.         .muted-link,
  2494.         .link-gray {
  2495.             color: var(--black-3) !important;
  2496.         }
  2497.         
  2498.         a,
  2499.         .btn-link,
  2500.         .btn-octicon:hover,
  2501.         mark {
  2502.             color: var(--blue-1) !important;
  2503.         }
  2504.         
  2505.         .muted-link:hover,
  2506.         .link-gray:hover,
  2507.         .link-gray-dark:hover,
  2508.         .link-hover-blue:hover {
  2509.             color: var(--blue-1) !important;
  2510.         }
  2511.         
  2512.         /** Text **/
  2513.         div,
  2514.         h1,
  2515.         h2,
  2516.         h2 a,
  2517.         h3,
  2518.         h4,
  2519.         p,
  2520.         li,
  2521.         li a {
  2522.             color: var(--black-2) !important;
  2523.         }
  2524.         
  2525.         pre,
  2526.         code {
  2527.             color: var(--black-1) !important;
  2528.         }
  2529.         
  2530.         .text-emphasized {
  2531.             color: var(--black-1);
  2532.         }
  2533.         
  2534.         .text-gray-light {
  2535.             color: var(--black-2) !important;
  2536.         }
  2537.         
  2538.         .color-gray-9,
  2539.         .text-gray-dark {
  2540.             color: var(--black-1) !important;
  2541.         }
  2542.         
  2543.         .text-gray,
  2544.         .note {
  2545.             color: var(--black-3) !important;
  2546.         }
  2547.         
  2548.         .bg-blue-2 {
  2549.             color: var(--white-1);
  2550.         }
  2551.         
  2552.         .text-blue {
  2553.             color: var(--blue-1) !important;
  2554.         }
  2555.         
  2556.         /** Buttons **/
  2557.         .site-header-nav .dropdown-menu {
  2558.             background-color: var(--white-1) !important;
  2559.         }
  2560.         
  2561.         .site-header-nav .dropdown-menu a:hover {
  2562.             background-color: var(--blue-2) !important;
  2563.         }
  2564.         
  2565.         .rss-subscribe {
  2566.             background-color: var(--white-5) !important;
  2567.         }
  2568.         
  2569.         .rss-subscribe:hover {
  2570.             background-color: var(--blue-3) !important;
  2571.         }
  2572.         
  2573.         summary {
  2574.             color: var(--blue-1) !important;
  2575.         }
  2576.         
  2577.         a.btn.btn-blue {
  2578.             color: var(--black-2) !important;
  2579.         }
  2580.         }
  2581.     
  2582.         a.btn-mktg {
  2583.             color: var(--blue-1) !important;
  2584.         }
  2585.     
  2586.

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址