☰

Greasy Fork is available in English.

Github.io Darker with Dev/Help Documentation pages

This is the Github Darker with Dev/Help Documentation pages

2020-06-05 يوللانغان نەشرى. ئەڭ يېڭى نەشرىنى كۆرۈش.

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