styles

custom css for various sites
git clone git://git.pyratebeard.net/styles.git
Log | Files | Refs

gitlab.css (216251B)


      1 /* ==UserStyle==
      2 @name           Dark-GitLab
      3 @namespace      USO Archive
      4 @author         Vednoc
      5 @description    `Dark theme for GitLab and self-hosted instances. Also supports far greater color customization, custom dark and light color-schemes and many custom features in UserCSS format at <a href="https://gitlab.com/vednoc/dark-gitlab">GitLab</a>.`
      6 @version        20201121.23.13
      7 @license        NO-REDISTRIBUTION
      8 @preprocessor   uso
      9 @advanced text gl-notice "Want to customize settings? Install the UserCSS version of this theme from GitHub." "https://gitlab.com/vednoc/dark-gitlab/raw/master/gitlab.user.styl"
     10 
     11 ==/UserStyle== */
     12 /* ==UserStyle==
     13 @name         Dark-GitLab USo-Lite
     14 @namespace    gitlab.com/vednoc/dark-gitlab
     15 @description  Dark and light theme for GitLab and self-hosted GitLab instances.
     16 @author       vednoc <vednoc@pm.me> (https://gitlab.com/vednoc)
     17 @homepageURL  https://gitlab.com/vednoc/dark-gitlab
     18 @supportURL   https://gitlab.com/vednoc/dark-gitlab/issues
     19 @updateURL    https://gitlab.com/vednoc/dark-gitlab/raw/master/gitlab.user.css
     20 @version      1.6.3
     21 @license      MIT
     22 ==/UserStyle== */
     23 
     24 /*
     25  * NOTE: Modifying the code will put auto-update feature of Stylus on pause in
     26  * order to preserve your local changes. That means you need to manually update
     27  * Dark-GitLab and re-do your modifications in order to stay up-to-date.
     28  *
     29  * A way to add domains without modifying the code doesn't exist yet.
     30  * Relevant issue: https://github.com/openstyles/stylus/issues/307
     31  *
     32  * Make sure you have the latest version before submitting bug reports.
     33  */
     34 
     35 @-moz-document domain('custom.domain'),
     36 domain('invent.kde.org'),
     37 domain('git.pleroma.social'),
     38 domain('gitgud.io'),
     39 domain('salsa.debian.org'),
     40 domain('framagit.org'),
     41 domain('repo.getmonero.org'),
     42 domain('0xacab.org'),
     43 domain('dev.gajim.org'),
     44 domain('devel.trisquel.info'),
     45 domain('git.cit.bcit.ca'),
     46 domain('git.coop'),
     47 domain('git.dev.ctu.univ-fcomte.fr'),
     48 domain('git.drk.sc'),
     49 domain('git.empiresmod.com'),
     50 domain('git.fosscommunity.in'),
     51 domain('git.immc.ucl.ac.be'),
     52 domain('git.jami.net'),
     53 domain('git.linux-kernel.at'),
     54 domain('git.nzoss.org.nz'),
     55 domain('git.silence.dev'),
     56 domain('lab.libreho.st'),
     57 domain('opencode.net'),
     58 domain('skylab.vc.h-brs.de'),
     59 domain('vbscan.fisica.unimib.it'),
     60 domain('git.cardiff.ac.uk'),
     61 domain('git.igwn.org'),
     62 domain('git.ligo.org'),
     63 domain('forge.tedomum.net'),
     64 domain('git.callpipe.com'),
     65 domain('git.happy-dev.fr'),
     66 domain('source.ind.ie'),
     67 domain('mau.dev'),
     68 domain('source.puri.sm'),
     69 domain('git.oeru.org'),
     70 regexp('^https?://(www\.)?git\.(gnu|synz)\.io(/.*)?$'),
     71 regexp('^https?://(www\.)?code\.((videolan|briarproject)\.org|foxkit\.us)(/.*)?$'),
     72 regexp('^https?://(www\.)?source\.(small-tech|joinmastodon)\.org(/.*)?$'),
     73 regexp('^https?://(www\.)?git\.(drupalcode|feneas|ouru|pwmt|regardscitoyens)\.org(/.*)?$'),
     74 regexp('^https?://(www\.)?(joonpc\.skku\.edu/gitlab|mpegx\.int-evry\.fr/software)(/.*)?$'),
     75 regexp('^https?://((next|www)\.)?(gitlab\.(?!(io|biterg)).*)(/.*)?$') {
     76   :root {
     77     --note: 'Dark-GitLab Lite v1.6.3';
     78     --bshadow: 0 2px 4px var(--shadow);
     79     --t: transparent !important;
     80     --avatar: 25%;
     81     --ui-font: 'font_name', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', Ubuntu, Cantarell, 'Helvetica Neue', var(--emoji-font), sans-serif;
     82     --mono-font: 'font_name', 'Menlo', 'DejaVu Sans Mono', 'Liberation Mono', 'Consolas', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace;
     83     --emoji-font: 'font_name', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
     84     --white: #bbb;
     85     --bb: #171717;
     86     --dark: #1e1b1c;
     87     --darken: #131313;
     88     --darker: #131313;
     89     --light: #baba9e;
     90     --lighter: #bbb;
     91     --accent: #807b64;
     92     --shadow: rgba(0,0,0,0.208);
     93     --yellow: #807b64;
     94     --orange: #deb14f;
     95     --red: #883c43;
     96     --magenta: #753747;
     97     --violet: #956c74;
     98     --blue: #6e6461;
     99     --cyan: #71bb94;
    100     --green: #883e3b;
    101     --red-darken: #4e3030;
    102     --red-darker: #3b2c2c;
    103     overflow-x: hidden;
    104   }
    105   @supports (-moz-user-select: none) {
    106     :root {
    107       --svg-status-bg: var(--dark) !important;
    108     }
    109   }
    110   body {
    111     font-family: var(--ui-font) !important;
    112   }
    113   body,
    114   body.navless {
    115     color: var(--light) !important;
    116     background-color: var(--dark) !important;
    117   }
    118   body::before {
    119     content: '';
    120     z-index: -1;
    121     position: fixed;
    122     top: 0;
    123     left: 0;
    124     bottom: 0;
    125     right: 0;
    126     background-color: var(--bb) !important;
    127   }
    128   body a,
    129   body a:hover {
    130     color: var(--accent);
    131   }
    132   body hr {
    133     border-color: var(--darker);
    134   }
    135   body h1,
    136   body .h1,
    137   body h2,
    138   body .h2,
    139   body h3,
    140   body .h3,
    141   body h4,
    142   body .h4,
    143   body h5,
    144   body .h5,
    145   body h6,
    146   body .h6 {
    147     color: var(--light);
    148   }
    149   body time {
    150     color: var(--lighter);
    151   }
    152   body :not(pre) > code {
    153     color: var(--light);
    154     background-color: var(--darken);
    155     box-shadow: inset 0 0 0 1px var(--darker);
    156   }
    157   body pre {
    158     color: var(--light);
    159     border-color: var(--darker);
    160     background-color: var(--darken);
    161   }
    162   body pre[class *= 'description'] {
    163     border-left-width: 4px;
    164     font-size: 0.875rem;
    165     color: var(--lighter) !important;
    166     border-color: var(--darker) !important;
    167   }
    168   body > pre:not([class]) {
    169     background-color: var(--t) !important;
    170   }
    171   body kbd {
    172     border-radius: 4px;
    173     color: var(--light) !important;
    174     background-color: var(--darken) !important;
    175     box-shadow: inset 0 0 0 1px var(--darker);
    176   }
    177   body .gl-link,
    178   body .gl-link:hover {
    179     color: var(--accent);
    180   }
    181   body .author-link,
    182   .branch-commit .commit-sha {
    183     color: var(--accent);
    184   }
    185   body pre,
    186   body code,
    187   body kbd,
    188   body samp,
    189   body .monospace,
    190   body .ref-name,
    191   body .commit-sha,
    192   body .pipeline-number,
    193   body .label-branch,
    194   body table.code,
    195   body [class *= 'git-commit'] {
    196     font-family: var(--mono-font) !important;
    197   }
    198   body .container {
    199     border-color: var(--darker) !important;
    200   }
    201   body .danger-title,
    202   body .gl-field-error,
    203   body .invalid-feedback {
    204     color: var(--red) !important;
    205   }
    206   body [class *= 'price-per-'] {
    207     color: var(--blue) !important;
    208   }
    209   body .warning-title {
    210     color: var(--orange) !important;
    211   }
    212   body .valid-feedback {
    213     color: var(--green) !important;
    214   }
    215   body .account-well {
    216     color: var(--light) !important;
    217     border-color: var(--darker) !important;
    218     background-color: var(--darken) !important;
    219   }
    220   body [class *= 'two-factor-auth'] svg {
    221     background-color: var(--white) !important;
    222     box-shadow: 0 0 0 4px var(--white);
    223   }
    224   body .progress {
    225     background-color: var(--darker) !important;
    226   }
    227   body .progress-bar {
    228     color: var(--light) !important;
    229     border-radius: 4px;
    230   }
    231   body .progress-bar.bg-primary {
    232     background-color: var(--accent) !important;
    233   }
    234   body .progress.repository-languages-bar {
    235     background-color: var(--t) !important;
    236   }
    237   body .progress.repository-languages-bar [style *= '#375eab'] {
    238     background-color: #00add8 !important;
    239   }
    240   body .progress.repository-languages-bar [style *= '#776791'] {
    241     background-color: #000100 !important;
    242   }
    243   body .text-info:not(#z) {
    244     color: var(--blue) !important;
    245   }
    246   body .text-info:not(#z) > svg {
    247     fill: var(--blue) !important;
    248   }
    249   body .text-danger:not(#z) {
    250     color: var(--red) !important;
    251   }
    252   body .text-danger:not(#z) > svg {
    253     fill: var(--red) !important;
    254   }
    255   body .text-success:not(#z) {
    256     color: var(--green) !important;
    257   }
    258   body .text-success:not(#z) > svg {
    259     fill: var(--green) !important;
    260   }
    261   body .text-warning:not(#z) {
    262     color: var(--orange) !important;
    263   }
    264   body .text-warning:not(#z) > svg {
    265     fill: var(--orange) !important;
    266   }
    267   body .text-plain,
    268   .light {
    269     color: var(--light) !important;
    270   }
    271   body .text-secondary,
    272   body .text-muted,
    273   body .text-gl-muted,
    274   body .text-tertiary {
    275     color: var(--lighter) !important;
    276   }
    277   .cgray,
    278   .description-block,
    279   .help-block {
    280     color: var(--lighter) !important;
    281   }
    282   [class *= 'gl-text-gray-'] {
    283     color: var(--lighter) !important;
    284   }
    285   body .bg-light {
    286     background-color: var(--darker) !important;
    287   }
    288   body .bg-danger {
    289     background-color: var(--red) !important;
    290   }
    291   body .bg-secondary {
    292     background-color: var(--darken) !important;
    293   }
    294   body .bg-success {
    295     background-color: var(--green) !important;
    296   }
    297   body .bg-white,
    298   body .bg-gray-light {
    299     background-color: var(--dark) !important;
    300   }
    301   body .border-bottom,
    302   body .bordered-box {
    303     border-color: var(--darker) !important;
    304   }
    305   body .bordered-list > li,
    306   body .unstyled-list > li {
    307     border-color: var(--darker) !important;
    308   }
    309   html {
    310     scrollbar-color: rgba(136,136,136,0.188) rgba(136,136,136,0.082);
    311   }
    312   ::-webkit-scrollbar {
    313     width: 12px;
    314   }
    315   ::-webkit-scrollbar-track {
    316     background: rgba(136,136,136,0.082);
    317   }
    318   ::-webkit-scrollbar-thumb {
    319     background: rgba(136,136,136,0.188);
    320   }
    321   body ::placeholder {
    322     color: var(--lighter) !important;
    323   }
    324   body ::-webkit-input-placeholder {
    325     color: var(--lighter) !important;
    326   }
    327   body .page-wrap {
    328     background-color: var(--t) !important;
    329   }
    330   body .page-wrap .brand-holder p {
    331     color: var(--lighter) !important;
    332   }
    333   body .page-wrap hr.footer-fixed {
    334     padding-top: 24px;
    335     margin-bottom: 0;
    336     background-color: var(--darken) !important;
    337   }
    338   body .page-wrap hr.footer-fixed + .footer-container {
    339     background-color: var(--t) !important;
    340   }
    341   body .page-wrap .login-box,
    342   body .page-wrap .signup-box,
    343   body .page-wrap .omniauth-container {
    344     border-radius: 4px;
    345     border-color: var(--darker) !important;
    346     background-color: var(--darken) !important;
    347     box-shadow: inset 0 0 0 1px var(--darker) !important;
    348   }
    349   body .page-wrap .login-box .omniauth-btn,
    350   body .page-wrap .signup-box .omniauth-btn,
    351   body .page-wrap .omniauth-container .omniauth-btn {
    352     background-color: var(--dark) !important;
    353   }
    354   body .page-wrap .login-box .omniauth-divider::before,
    355   body .page-wrap .signup-box .omniauth-divider::before,
    356   body .page-wrap .omniauth-container .omniauth-divider::before,
    357   body .page-wrap .login-box .omniauth-divider::after,
    358   body .page-wrap .signup-box .omniauth-divider::after,
    359   body .page-wrap .omniauth-container .omniauth-divider::after {
    360     border-color: var(--darker) !important;
    361   }
    362   body .page-wrap .login-box input.form-control,
    363   body .page-wrap .signup-box input.form-control,
    364   body .page-wrap .omniauth-container input.form-control {
    365     background-color: var(--dark) !important;
    366   }
    367   body .page-wrap .login-box .btn-success,
    368   body .page-wrap .signup-box .btn-success,
    369   body .page-wrap .omniauth-container .btn-success,
    370   body .page-wrap .login-box .btn-register,
    371   body .page-wrap .signup-box .btn-register,
    372   body .page-wrap .omniauth-container .btn-register {
    373     color: var(--white) !important;
    374     border-color: var(--green) !important;
    375     background-color: var(--green) !important;
    376   }
    377   body .page-wrap .new-session-tabs {
    378     border: 1px solid var(--darker) !important;
    379     border-bottom: none !important;
    380     box-shadow: none !important;
    381     background-color: var(--dark) !important;
    382   }
    383   body .page-wrap .new-session-tabs li:not(.active),
    384   body .page-wrap .new-session-tabs li:not(.active):hover a:not(.active) {
    385     border-color: var(--darker) !important;
    386     background-color: var(--t) !important;
    387   }
    388   body .page-wrap .new-session-tabs li a.active {
    389     border-radius: 0;
    390     border-color: var(--t) !important;
    391     background-color: var(--darken) !important;
    392     box-shadow: 0 1px var(--darken);
    393   }
    394   body .page-wrap .new-session-tabs + .tab-content > div {
    395     border-radius: 0 0 4px 4px !important;
    396   }
    397   .fa {
    398     color: var(--lighter) !important;
    399   }
    400   .fa.fa-triangle,
    401   .fa.merge-icon {
    402     color: var(--orange) !important;
    403   }
    404   .fa.fa-bars:not(#z) {
    405     color: var(--light) !important;
    406   }
    407   .fa.checkmark {
    408     color: var(--green) !important;
    409   }
    410   .fa.fa-certificate {
    411     color: var(--accent) !important;
    412   }
    413   .fa[class *= 'paused'] {
    414     color: var(--red) !important;
    415   }
    416   .fa[class *= 'online'] {
    417     color: var(--green) !important;
    418   }
    419   svg.s16,
    420   svg.s24,
    421   svg.icon {
    422     fill: var(--lighter) !important;
    423   }
    424   svg[class][data-testid *= 'status_'] {
    425     fill: currentColor !important;
    426   }
    427   .deleted-icon > svg {
    428     fill: var(--orange) !important;
    429   }
    430   .closed-icon svg {
    431     fill: var(--red) !important;
    432   }
    433   .created-icon svg {
    434     fill: var(--cyan) !important;
    435   }
    436   .opened-icon svg {
    437     fill: var(--green) !important;
    438   }
    439   .accepted-icon svg {
    440     fill: var(--cyan) !important;
    441   }
    442   .deleted-icon svg {
    443     fill: var(--yellow) !important;
    444   }
    445   .imported-icon svg {
    446     fill: var(--violet) !important;
    447   }
    448   .commented-on-icon svg {
    449     fill: var(--blue) !important;
    450   }
    451   svg[id *= 'addition-solid'] {
    452     fill: var(--green) !important;
    453   }
    454   .commit-icon svg {
    455     fill: var(--lighter) !important;
    456   }
    457   svg.ic-eye-slash {
    458     fill: var(--orange) !important;
    459   }
    460   svg.text-success {
    461     fill: var(--green) !important;
    462   }
    463   svg.text-danger {
    464     fill: var(--red) !important;
    465   }
    466   svg.ic-file-addition,
    467   svg.ic-file-addition-solid {
    468     fill: var(--green) !important;
    469   }
    470   svg.ic-file-modified,
    471   svg.ic-file-modified-solid {
    472     fill: var(--blue) !important;
    473   }
    474   svg.ic-file-deletion,
    475   svg.ic-file-deletion-solid {
    476     fill: var(--red) !important;
    477   }
    478   [id *= 'status_'] [fill = '#FFF'] {
    479     fill: var(--darken) !important;
    480   }
    481   svg.issue-token-state-icon-open {
    482     fill: var(--green) !important;
    483   }
    484   svg.issue-token-state-icon-closed {
    485     fill: var(--blue) !important;
    486   }
    487   svg.merge-request-status.open {
    488     color: var(--green) !important;
    489     fill: var(--green) !important;
    490   }
    491   svg.merge-request-status.closed {
    492     color: var(--red) !important;
    493     fill: var(--red) !important;
    494   }
    495   .ci-status {
    496     color: var(--light) !important;
    497     border-color: var(--darker);
    498     background-color: var(--dark) !important;
    499   }
    500   .ci-status.ci-success {
    501     color: var(--green) !important;
    502     border-color: var(--green) !important;
    503   }
    504   .ci-status.ci-info,
    505   .ci-status.ci-running {
    506     color: var(--blue) !important;
    507     border-color: var(--blue) !important;
    508   }
    509   .ci-status.ci-failed {
    510     color: var(--red) !important;
    511     border-color: var(--red) !important;
    512   }
    513   .ci-status.ci-pending,
    514   .ci-status.ci-waiting-for-resource,
    515   .ci-status.ci-failed-with-warnings,
    516   .ci-status.ci-success-with-warnings {
    517     color: var(--orange) !important;
    518     border-color: var(--orange) !important;
    519   }
    520   .ci-status.ci-created,
    521   .ci-status.ci-skipped {
    522     color: var(--light) !important;
    523     border-color: var(--lighter) !important;
    524   }
    525   .ci-status.ci-canceled,
    526   .ci-status.ci-disabled,
    527   .ci-status.ci-scheduled,
    528   .ci-status.ci-manual {
    529     color: var(--lighter) !important;
    530     border-color: var(--lighter) !important;
    531   }
    532   .ci-status-icon-success[class *= 'dropdown'] {
    533     border-color: var(--green) !important;
    534     background-color: var(--darken) !important;
    535   }
    536   .ci-status-icon-success:not(#z) svg,
    537   .ci-status-icon-success[data-toggle] svg {
    538     fill: var(--green) !important;
    539   }
    540   .ci-status-icon-success svg {
    541     border-color: var(--green) !important;
    542   }
    543   .ci-status-icon-running[class *= 'dropdown'],
    544   .ci-status-icon-preparing[class *= 'dropdown'] {
    545     border-color: var(--blue) !important;
    546     background-color: var(--darken) !important;
    547   }
    548   .ci-status-icon-running:not(#z) svg,
    549   .ci-status-icon-preparing:not(#z) svg,
    550   .ci-status-icon-running[data-toggle] svg,
    551   .ci-status-icon-preparing[data-toggle] svg {
    552     fill: var(--blue) !important;
    553   }
    554   .ci-status-icon-running svg,
    555   .ci-status-icon-preparing svg {
    556     border-color: var(--blue) !important;
    557   }
    558   .ci-status-icon-failed[class *= 'dropdown'] {
    559     border-color: var(--red) !important;
    560     background-color: var(--darken) !important;
    561   }
    562   .ci-status-icon-failed:not(#z) svg,
    563   .ci-status-icon-failed[data-toggle] svg {
    564     fill: var(--red) !important;
    565   }
    566   .ci-status-icon-failed svg {
    567     border-color: var(--red) !important;
    568   }
    569   .ci-status-icon-pending[class *= 'dropdown'],
    570   .ci-status-icon-waiting-for-resource[class *= 'dropdown'],
    571   .ci-status-icon-failed-with-warnings[class *= 'dropdown'],
    572   .ci-status-icon-success-with-warnings[class *= 'dropdown'] {
    573     border-color: var(--orange) !important;
    574     background-color: var(--darken) !important;
    575   }
    576   .ci-status-icon-pending:not(#z) svg,
    577   .ci-status-icon-waiting-for-resource:not(#z) svg,
    578   .ci-status-icon-failed-with-warnings:not(#z) svg,
    579   .ci-status-icon-success-with-warnings:not(#z) svg,
    580   .ci-status-icon-pending[data-toggle] svg,
    581   .ci-status-icon-waiting-for-resource[data-toggle] svg,
    582   .ci-status-icon-failed-with-warnings[data-toggle] svg,
    583   .ci-status-icon-success-with-warnings[data-toggle] svg {
    584     fill: var(--orange) !important;
    585   }
    586   .ci-status-icon-pending svg,
    587   .ci-status-icon-waiting-for-resource svg,
    588   .ci-status-icon-failed-with-warnings svg,
    589   .ci-status-icon-success-with-warnings svg {
    590     border-color: var(--orange) !important;
    591   }
    592   .ci-status-icon-created[class *= 'dropdown'],
    593   .ci-status-icon-skipped[class *= 'dropdown'] {
    594     border-color: var(--lighter) !important;
    595     background-color: var(--darken) !important;
    596   }
    597   .ci-status-icon-created:not(#z) svg,
    598   .ci-status-icon-skipped:not(#z) svg,
    599   .ci-status-icon-created[data-toggle] svg,
    600   .ci-status-icon-skipped[data-toggle] svg {
    601     fill: var(--light) !important;
    602   }
    603   .ci-status-icon-created svg,
    604   .ci-status-icon-skipped svg {
    605     border-color: var(--light) !important;
    606   }
    607   .ci-status-icon-manual[class *= 'dropdown'],
    608   .ci-status-icon-canceled[class *= 'dropdown'],
    609   .ci-status-icon-disabled[class *= 'dropdown'],
    610   .ci-status-icon-scheduled[class *= 'dropdown'],
    611   .ci-status-icon-not-found[class *= 'dropdown'] {
    612     border-color: var(--lighter) !important;
    613     background-color: var(--darken) !important;
    614   }
    615   .ci-status-icon-manual:not(#z) svg,
    616   .ci-status-icon-canceled:not(#z) svg,
    617   .ci-status-icon-disabled:not(#z) svg,
    618   .ci-status-icon-scheduled:not(#z) svg,
    619   .ci-status-icon-not-found:not(#z) svg,
    620   .ci-status-icon-manual[data-toggle] svg,
    621   .ci-status-icon-canceled[data-toggle] svg,
    622   .ci-status-icon-disabled[data-toggle] svg,
    623   .ci-status-icon-scheduled[data-toggle] svg,
    624   .ci-status-icon-not-found[data-toggle] svg {
    625     fill: var(--lighter) !important;
    626   }
    627   .ci-status-icon-manual svg,
    628   .ci-status-icon-canceled svg,
    629   .ci-status-icon-disabled svg,
    630   .ci-status-icon-scheduled svg,
    631   .ci-status-icon-not-found svg {
    632     border-color: var(--lighter) !important;
    633   }
    634   @supports not (-moz-user-select: none) {
    635     body .created-icon,
    636     body .opened-icon,
    637     body .ic-upload,
    638     body .gl-icon[data-testid *= 'status_'],
    639     body [class *= 'ci-status'] svg {
    640       filter: invert(0.85) hue-rotate(180deg) saturate(100%);
    641     }
    642     body :not(#z) .ci-status-icon-created svg,
    643     body :not(#z) .ci-status-icon-skipped svg {
    644       fill: #333 !important;
    645     }
    646   }
    647   body .bs-callout {
    648     border-radius: 3px;
    649     color: var(--light) !important;
    650     border-color: var(--darker) !important;
    651     background-color: var(--darken) !important;
    652   }
    653   body .bs-callout a {
    654     color: var(--accent) !important;
    655   }
    656   body .bs-callout strong {
    657     color: inherit !important;
    658   }
    659   body .bs-callout-warning {
    660     border-color: var(--orange) !important;
    661     background-color: var(--darken) !important;
    662   }
    663   body .bs-callout-success {
    664     border-color: var(--green) !important;
    665     background-color: var(--darken) !important;
    666   }
    667   body .bs-callout-danger {
    668     border-color: var(--red) !important;
    669     background-color: var(--darken) !important;
    670   }
    671   body .bs-callout-info {
    672     border-color: var(--blue) !important;
    673     background-color: var(--darken) !important;
    674   }
    675   body .bs-callout .btn-default,
    676   body .bs-callout code:not([class]) {
    677     background-color: var(--dark) !important;
    678   }
    679   body .bs-callout.help-callout,
    680   body .bs-callout.shared-runners-description {
    681     color: var(--light) !important;
    682     border-color: var(--darker) !important;
    683     background-color: var(--darken) !important;
    684   }
    685   body .bs-callout.help-callout code,
    686   body .bs-callout.shared-runners-description code,
    687   body .bs-callout.help-callout .btn-default,
    688   body .bs-callout.shared-runners-description .btn-default {
    689     background-color: var(--dark) !important;
    690   }
    691   .user-callout.promotion-callout {
    692     background-color: var(--darken) !important;
    693   }
    694   .user-callout.promotion-callout .bordered-box {
    695     background-color: var(--darken) !important;
    696   }
    697   .user-callout.promotion-callout.center {
    698     padding-bottom: 10px;
    699     border: 1px solid var(--darker);
    700     border-radius: 4px;
    701   }
    702   .user-callout.promotion-callout.js-gold-trial-callout > div {
    703     margin: 0 -16px;
    704   }
    705   body .bs-callout.gcp-signup-offer {
    706     color: var(--light) !important;
    707     border-color: var(--blue) !important;
    708   }
    709   body .border-section {
    710     border-color: var(--darker) !important;
    711   }
    712   body .scrolling-tabs-container .fade-right {
    713     background: linear-gradient(to left, var(--darken) 45%, var(--t));
    714   }
    715   body .scrolling-tabs-container .fade-left {
    716     background: linear-gradient(to right, var(--darken) 45%, var(--t));
    717   }
    718   body .toggle-mobile-nav + .breadcrumbs-links {
    719     border-color: var(--darker) !important;
    720   }
    721   .fork-thumbnail {
    722     background-color: var(--dark) !important;
    723   }
    724   .fork-thumbnail:hover:not(.disabled),
    725   .fork-thumbnail.forked {
    726     background-color: var(--darken) !important;
    727   }
    728   body .issue-sticky-header {
    729     top: 50px !important;
    730     border-color: var(--darker) !important;
    731     background-color: var(--darken) !important;
    732   }
    733   body .preview.ui-dark,
    734   body .preview.gl-dark {
    735     border-color: var(--darker) !important;
    736   }
    737   input:hover {
    738     box-shadow: none !important;
    739   }
    740   input[type='radio'],
    741   input[type='checkbox'],
    742   input[type='radio']:focus,
    743   input[type='checkbox']:focus,
    744   input[type='radio']:hover:active,
    745   input[type='checkbox']:hover:active,
    746   input[type='radio']:disabled,
    747   input[type='checkbox']:disabled,
    748   input[type='radio']:hover:active:disabled,
    749   input[type='checkbox']:hover:active:disabled {
    750     -webkit-appearance: none !important;
    751     -moz-appearance: none !important;
    752     appearance: none !important;
    753     cursor: pointer !important;
    754     height: 1rem !important;
    755     width: 1rem !important;
    756     border: 1px solid var(--darker) !important;
    757     background-size: cover !important;
    758     color: var(--light) !important;
    759     background-color: var(--darken) !important;
    760   }
    761   input[type='radio']:checked {
    762     background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><circle cx="256" cy="256" r="128" fill="white"/></svg>') !important;
    763     border-radius: 100% !important;
    764   }
    765   input[type='radio']:checked:checked {
    766     border-color: var(--accent) !important;
    767     background-color: var(--accent) !important;
    768   }
    769   input[type='checkbox']:checked {
    770     background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="white" d="M99 213l-1 89 104 102 205-201v-91L203 315 99 213z"/></svg>') !important;
    771     border-color: var(--accent) !important;
    772     background-color: var(--accent) !important;
    773   }
    774   input[type='checkbox']:indeterminate {
    775     background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><rect x="128" y="192" width="256" height="96" fill="white"/></svg>') !important;
    776     border-color: var(--red) !important;
    777     background-color: var(--red) !important;
    778   }
    779   [aria-sort='ascending'] {
    780     background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="101" height="101" view-box="0 0 101 101" preserveAspectRatio="none"><path fill="\%23bf692b" d="M51 1l25 23 24 22H1l25-22z"/><path fill="gray" opacity=".6" d="M51 101l25-23 24-22H1l25 22z"/></svg>') !important;
    781   }
    782   [aria-sort='descending'] {
    783     background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="101" height="101" view-box="0 0 101 101" preserveAspectRatio="none"><path fill="gray" opacity=".6" d="M51 1l25 23 24 22H1l25-22z"/><path fill="\%23bf692b" d="M51 101l25-23 24-22H1l25 22z"/></svg>') !important;
    784   }
    785   .with-performance-bar .production {
    786     background-color: var(--dark) !important;
    787     box-shadow: inset 0 -1px var(--darker) !important;
    788   }
    789   .with-performance-bar .backtrace-row {
    790     border-radius: 4px;
    791   }
    792   .with-performance-bar select {
    793     border: 1px solid var(--darker) !important;
    794     color: var(--light) !important;
    795     background-color: var(--darken) !important;
    796   }
    797   .with-performance-bar .layout-page,
    798   .with-performance-bar .content-wrapper {
    799     margin-top: 85px !important;
    800   }
    801   .navbar {
    802     min-height: 50px;
    803   }
    804   .navbar-gitlab,
    805   .navbar.navbar-empty {
    806     border-color: var(--darker) !important;
    807     background-color: var(--darken) !important;
    808   }
    809   .navbar .title > a {
    810     margin: 4px 2px 4px -8px !important;
    811   }
    812   .navbar .title > a[href = '/']:hover,
    813   .navbar .title > a[href = '/']:focus {
    814     background-color: var(--darker) !important;
    815   }
    816   .navbar .title .logo-text svg {
    817     fill: var(--light) !important;
    818   }
    819   .navbar .canary-badge > .badge {
    820     color: var(--white) !important;
    821     border-color: var(--green) !important;
    822     background-color: var(--green) !important;
    823   }
    824   .navbar-sub-nav,
    825   .navbar-nav {
    826     color: var(--lighter) !important;
    827   }
    828   .navbar-sub-nav > li > button,
    829   .navbar-nav > li > button,
    830   .navbar-sub-nav > li > a,
    831   .navbar-nav > li > a {
    832     transition: 0.2s ease;
    833   }
    834   .navbar-sub-nav > li > button[data-toggle],
    835   .navbar-nav > li > button[data-toggle],
    836   .navbar-sub-nav > li > a[data-toggle],
    837   .navbar-nav > li > a[data-toggle] {
    838     color: var(--lighter) !important;
    839   }
    840   .navbar-sub-nav > li > button:hover:not([aria-expanded = 'true']),
    841   .navbar-nav > li > button:hover:not([aria-expanded = 'true']),
    842   .navbar-sub-nav > li > a:hover:not([aria-expanded = 'true']),
    843   .navbar-nav > li > a:hover:not([aria-expanded = 'true']) {
    844     color: var(--light) !important;
    845     background-color: var(--darker) !important;
    846   }
    847   .navbar-sub-nav > li.active > button,
    848   .navbar-nav > li.active > button,
    849   .navbar-sub-nav > li.active:hover > button,
    850   .navbar-nav > li.active:hover > button,
    851   .navbar-sub-nav > li.show > button,
    852   .navbar-nav > li.show > button,
    853   .navbar-sub-nav > li.active > a,
    854   .navbar-nav > li.active > a,
    855   .navbar-sub-nav > li.active:hover > a,
    856   .navbar-nav > li.active:hover > a,
    857   .navbar-sub-nav > li.show > a,
    858   .navbar-nav > li.show > a {
    859     color: var(--light) !important;
    860     background-color: var(--dark) !important;
    861   }
    862   .navbar-sub-nav > li .caret-down,
    863   .navbar-nav > li .caret-down {
    864     fill: var(--lighter) !important;
    865   }
    866   .navbar-sub-nav [data-toggle = 'dropdown']::before,
    867   .navbar-nav [data-toggle = 'dropdown']::before,
    868   .navbar-sub-nav button.menu-item::before,
    869   .navbar-nav button.menu-item::before {
    870     content: unset !important;
    871   }
    872   .navbar .header-help li:first-child > a {
    873     margin-top: 0.25rem;
    874   }
    875   .navbar .header-help li:first-child::before {
    876     content: '๐ŸŒš ' var(--note);
    877     display: block;
    878     padding: 4px 12px 6px;
    879     border-bottom: 1px solid var(--darker);
    880     color: var(--light);
    881   }
    882   .navbar .header-user-avatar {
    883     border: none !important;
    884     color: var(--lighter) !important;
    885     background-color: var(--t) !important;
    886     border-radius: var(--avatar);
    887   }
    888   .navbar .btn-sign-in,
    889   .navbar .btn-sign-in:hover {
    890     color: var(--lighter) !important;
    891     background-color: var(--dark) !important;
    892   }
    893   .nav-sidebar {
    894     top: 50px;
    895   }
    896   .layout-page,
    897   .content-wrapper {
    898     margin-top: 50px;
    899   }
    900   .navbar .show > .dropdown-menu {
    901     margin-top: 8px !important;
    902   }
    903   .navbar .search-input-container .dropdown-menu {
    904     margin-top: 14px !important;
    905   }
    906   .gl-accessibility:focus {
    907     color: var(--light) !important;
    908     background-color: var(--darker) !important;
    909   }
    910   .navbar-toggler {
    911     border-left-color: var(--darker) !important;
    912   }
    913   .navbar-toggler svg {
    914     fill: var(--lighter) !important;
    915   }
    916   .navbar .search-form > form {
    917     box-shadow: none !important;
    918   }
    919   .navbar .search-form:hover > form,
    920   .navbar .search-form.search-active > form {
    921     border-color: var(--blue) !important;
    922   }
    923   .navbar-gitlab {
    924     box-shadow: none !important;
    925   }
    926   .navbar svg.s16[data-testid='angle-down-icon'] {
    927     width: 11px;
    928   }
    929   table:not(.code):not(#z) {
    930     border-spacing: 0;
    931     border-collapse: unset;
    932     border-radius: 4px;
    933     color: var(--light) !important;
    934     border-color: var(--darker) !important;
    935     background-color: var(--dark) !important;
    936   }
    937   table:not(.code):not(#z):not(.b-table-stacked) {
    938     display: table;
    939   }
    940   @media (max-width: 0) {
    941     table:not(.code):not(#z).b-table-stacked-xs {
    942       display: block;
    943     }
    944   }
    945   @media (max-width: 576px) {
    946     table:not(.code):not(#z).b-table-stacked-sm {
    947       display: block;
    948     }
    949   }
    950   @media (max-width: 768px) {
    951     table:not(.code):not(#z).b-table-stacked-md {
    952       display: block;
    953     }
    954   }
    955   @media (max-width: 992px) {
    956     table:not(.code):not(#z).b-table-stacked-lg {
    957       display: block;
    958     }
    959   }
    960   @media (max-width: 1200px) {
    961     table:not(.code):not(#z).b-table-stacked-xl {
    962       display: block;
    963     }
    964   }
    965   @media (max-width: 991.98px) {
    966     table:not(.code):not(#z)[class*='table-stacked'] {
    967       border-color: var(--t) !important;
    968       background-color: var(--t) !important;
    969     }
    970     table:not(.code):not(#z)[class*='table-stacked'] tr > td {
    971       border-top: none !important;
    972       border-bottom: 1px solid var(--darker) !important;
    973     }
    974     table:not(.code):not(#z)[class*='table-stacked'] td {
    975       background-color: var(--dark) !important;
    976       border-left: 1px solid var(--darker) !important;
    977     }
    978     table:not(.code):not(#z)[class*='table-stacked'] td:first-child {
    979       border-radius: 4px 4px 0 0 !important;
    980       border-top: 1px solid var(--darker) !important;
    981     }
    982     table:not(.code):not(#z)[class*='table-stacked'] td:last-child {
    983       border-radius: 0 0 4px 4px !important;
    984     }
    985     table:not(.code):not(#z)[class*='table-stacked'] td:hover {
    986       background-color: var(--bb) !important;
    987     }
    988   }
    989   table:not(.code):not(#z) thead tr:first-child th:first-child {
    990     border-top-left-radius: 4px;
    991   }
    992   table:not(.code):not(#z) thead tr:first-child th:last-child {
    993     border-top-right-radius: 4px;
    994   }
    995   table:not(.code):not(#z) thead tr th {
    996     color: var(--light) !important;
    997     border-color: var(--darker) !important;
    998     background-color: var(--darken) !important;
    999     border-bottom-width: 0px;
   1000   }
   1001   table:not(.code):not(#z) thead tr th:not(:first-child):not(last-child) {
   1002     border-left: none;
   1003   }
   1004   table:not(.code):not(#z) tbody {
   1005     background-color: var(--t) !important;
   1006   }
   1007   table:not(.code):not(#z) tbody tr:not(:first-child):not(last-child) td {
   1008     border-top: none;
   1009   }
   1010   table:not(.code):not(#z) tbody tr td {
   1011     color: var(--light) !important;
   1012     border-color: var(--darker) !important;
   1013     background-color: var(--t) !important;
   1014   }
   1015   table:not(.code):not(#z) tbody tr td:not(:first-child):not(last-child) {
   1016     border-left: none;
   1017   }
   1018   table:not(.code):not(#z) tbody tr td a {
   1019     color: var(--accent);
   1020   }
   1021   table:not(.code):not(#z) tbody tr:last-child td:last-child {
   1022     border-radius: 0 0 4px 0;
   1023   }
   1024   table:not(.code):not(#z) tbody tr:last-child td:first-child {
   1025     border-radius: 0 0 0 4px;
   1026   }
   1027   table:not(.code):not(#z) tbody tr:last-child td:first-child:last-child {
   1028     border-radius: 0 0 4px 4px;
   1029   }
   1030   table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr > th {
   1031     border-bottom-width: 1px !important;
   1032     border-color: var(--darker) !important;
   1033     background-color: var(--darken) !important;
   1034   }
   1035   table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:not(:first-child) > th {
   1036     border-top-width: 0px !important;
   1037   }
   1038   table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child > th:not(:first-child):not(last-child) {
   1039     border-left: none;
   1040   }
   1041   table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child > th:first-child {
   1042     border-radius: 4px 0 0 0;
   1043   }
   1044   table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child > th:last-child {
   1045     border-radius: 0 4px 0 0;
   1046   }
   1047   table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child > th:first-child:last-child {
   1048     border-radius: 4px 4px 0 0;
   1049   }
   1050   table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:last-child > th:first-child {
   1051     border-radius: 0 0 0 4px;
   1052   }
   1053   table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child:last-child > th:first-child {
   1054     border-radius: 4px 0 0 4px;
   1055   }
   1056   table:not(.code):not(#z) tbody:first-child > tr:first-child > td:first-child {
   1057     border-radius: 4px 0 0 0;
   1058   }
   1059   table:not(.code):not(#z) tbody:first-child > tr:first-child > td:last-child {
   1060     border-radius: 0 4px 0 0;
   1061   }
   1062   table:not(.code):not(#z) tbody:first-child > tr:first-child:last-child > td:first-child {
   1063     border-radius: 4px 0 0 4px;
   1064   }
   1065   table:not(.code):not(#z) tbody:first-child > tr:first-child:last-child > td:last-child {
   1066     border-radius: 0 4px 4px 0;
   1067   }
   1068   table:not(.code):not(#z) > tr td {
   1069     border-color: var(--darker) !important;
   1070   }
   1071   table:not(.code):not(#z) > tr:first-child > td {
   1072     border-top: none;
   1073   }
   1074   table:not(.code):not(#z).grid-all > caption {
   1075     color: var(--lighter) !important;
   1076   }
   1077   table:not(.code):not(#z).grid-all > thead > tr > th:first-child {
   1078     border-left: 1px solid var(--darker) !important;
   1079   }
   1080   table:not(.code):not(#z).grid-all > thead > tr > th:last-child {
   1081     border-right: 1px solid var(--darker) !important;
   1082   }
   1083   table:not(.code):not(#z).grid-all > tbody > tr > th:first-child {
   1084     border-top: none !important;
   1085     border-bottom: 1px solid var(--darker) !important;
   1086     border-color: var(--darker) !important;
   1087     background-color: var(--darken) !important;
   1088   }
   1089   table:not(.code):not(#z).grid-all > tbody > tr > td:last-child {
   1090     border-right: 1px solid var(--darker) !important;
   1091   }
   1092   table:not(.code):not(#z).grid-all > tbody > tr:first-child > th {
   1093     border-top: 1px solid var(--darker) !important;
   1094   }
   1095   table:not(.code):not(#z).grid-all > tbody > tr:last-child > th {
   1096     border-radius: 0 0 0 4px;
   1097   }
   1098   table:not(.code):not(#z).table-striped,
   1099   table:not(.code):not(#z).active-tokens,
   1100   table:not(.code):not(#z).pipeline-project-metrics {
   1101     border: 1px solid var(--darker);
   1102   }
   1103   table:not(.code):not(#z).table-striped thead > tr > th,
   1104   table:not(.code):not(#z).active-tokens thead > tr > th,
   1105   table:not(.code):not(#z).pipeline-project-metrics thead > tr > th {
   1106     border-top: none;
   1107   }
   1108   table:not(.code):not(#z).table-striped tbody tr:nth-of-type(2n + 1),
   1109   table:not(.code):not(#z).active-tokens tbody tr:nth-of-type(2n + 1),
   1110   table:not(.code):not(#z).pipeline-project-metrics tbody tr:nth-of-type(2n + 1) {
   1111     background-color: var(--bb) !important;
   1112   }
   1113   table:not(.code):not(#z).table-striped tbody tr > td,
   1114   table:not(.code):not(#z).active-tokens tbody tr > td,
   1115   table:not(.code):not(#z).pipeline-project-metrics tbody tr > td {
   1116     border-top: 1px solid var(--darker) !important;
   1117   }
   1118   table:not(.code):not(#z).table-striped tbody tr:not(:first-child) > td.issues-analytics-td,
   1119   table:not(.code):not(#z).active-tokens tbody tr:not(:first-child) > td.issues-analytics-td,
   1120   table:not(.code):not(#z).pipeline-project-metrics tbody tr:not(:first-child) > td.issues-analytics-td,
   1121   table:not(.code):not(#z).table-striped tbody tr:not(:first-child) > td.issues-analytics-td ~ td,
   1122   table:not(.code):not(#z).active-tokens tbody tr:not(:first-child) > td.issues-analytics-td ~ td,
   1123   table:not(.code):not(#z).pipeline-project-metrics tbody tr:not(:first-child) > td.issues-analytics-td ~ td {
   1124     border-top: none !important;
   1125   }
   1126   table:not(.code):not(#z).gl-table {
   1127     border: 1px solid var(--darker);
   1128   }
   1129   table:not(.code):not(#z).gl-table tbody > tr:first-child > td {
   1130     border-top: 1px solid var(--darker);
   1131   }
   1132   table:not(.code):not(#z).gl-table tbody > tr:last-child > td {
   1133     border-bottom: none;
   1134   }
   1135   @media (min-width: 991.98px) {
   1136     table:not(.code):not(#z).gl-table tbody > tr:hover > td {
   1137       background-color: var(--bb) !important;
   1138     }
   1139   }
   1140   table:not(.code):not(#z).tree-table {
   1141     border: 1px solid var(--darker);
   1142   }
   1143   table:not(.code):not(#z).tree-table thead tr,
   1144   table:not(.code):not(#z).tree-table thead tr th {
   1145     border-top: none !important;
   1146   }
   1147   table:not(.code):not(#z).tree-table thead tr > th:first-child {
   1148     border-top-left-radius: 3px !important;
   1149   }
   1150   table:not(.code):not(#z).tree-table thead tr > th:last-child {
   1151     border-top-right-radius: 3px !important;
   1152   }
   1153   table:not(.code):not(#z).tree-table tbody td {
   1154     border-color: var(--darker) !important;
   1155   }
   1156   table:not(.code):not(#z).tree-table tbody tr > td {
   1157     border-top: 1px solid var(--darker) !important;
   1158     border-bottom: none !important;
   1159   }
   1160   table:not(.code):not(#z).tree-table tbody tr.selected td {
   1161     background-color: var(--darken) !important;
   1162   }
   1163   table:not(.code):not(#z).tree-table tbody tr:hover:not(.selected) td {
   1164     background-color: var(--bb) !important;
   1165   }
   1166   table:not(.code):not(#z).tree-table tbody tr:last-child td:not(#z),
   1167   table:not(.code):not(#z).tree-table tbody tr:last-child:first-child td:not(#z) {
   1168     border-bottom: none !important;
   1169   }
   1170   table:not(.code):not(#z).tree-table tbody:first-child > tr:first-child td {
   1171     border-top: none !important;
   1172   }
   1173   .tree-item-file-name,
   1174   .tree-item-file-name a,
   1175   .tree-item-file-name i {
   1176     color: var(--light) !important;
   1177   }
   1178   .tree-commit,
   1179   .tree-commit-link {
   1180     color: var(--lighter) !important;
   1181   }
   1182   table:not(.code):not(#z).table.m-0 {
   1183     margin-bottom: 8px !important;
   1184     border: 1px solid var(--darker);
   1185   }
   1186   table:not(.code):not(#z).table.m-0 tbody > tr:last-child:not(#z) > td {
   1187     border-bottom: none !important;
   1188   }
   1189   table:not(.code):not(#z).push-pull-table {
   1190     border: 1px solid var(--darker);
   1191   }
   1192   table:not(.code):not(#z).push-pull-table thead tr th {
   1193     border-top: none !important;
   1194   }
   1195   .vulnerability-list thead th {
   1196     box-shadow: 0 1px var(--darker) !important;
   1197   }
   1198   .gl-responsive-table-row {
   1199     color: var(--lighter) !important;
   1200   }
   1201   .gl-responsive-table-row:not(:last-child) {
   1202     border-color: var(--darker) !important;
   1203   }
   1204   .gl-responsive-table-row-clickable:hover {
   1205     background-color: var(--darken) !important;
   1206   }
   1207   .gl-responsive-table-row.bg-gray-light {
   1208     background-color: var(--bb) !important;
   1209   }
   1210   .gl-responsive-table-row.bg-gray-light:last-child {
   1211     border-bottom: 1px solid var(--darker) !important;
   1212   }
   1213   .ci-table {
   1214     margin-top: 10px;
   1215     border: 1px solid var(--darker);
   1216     color: var(--red) !important;
   1217     background-color: var(--dark) !important;
   1218     border-radius: 4px;
   1219   }
   1220   .ci-table [class *= 'header'] {
   1221     padding: 12px 16px;
   1222     color: var(--light) !important;
   1223     border-color: var(--darker) !important;
   1224     background-color: var(--darken) !important;
   1225     border-radius: 3px 3px 0 0;
   1226   }
   1227   .ci-table [class $= 'table-row'] {
   1228     padding: 8px 16px;
   1229     color: var(--light) !important;
   1230     border-color: var(--darker) !important;
   1231     background-color: var(--dark) !important;
   1232   }
   1233   .ci-table [class $= 'table-row']:nth-last-child(2) {
   1234     border-bottom: none !important;
   1235     border-radius: 0 0 3px 3px;
   1236   }
   1237   .ci-table [class $= 'table-row']:hover {
   1238     background-color: var(--bb) !important;
   1239   }
   1240   .ci-table .pipeline-actions {
   1241     padding-right: 16px;
   1242   }
   1243   .js-run-mr-pipeline {
   1244     margin-right: 16px;
   1245   }
   1246   .ci-table .sprite {
   1247     fill: var(--lighter) !important;
   1248   }
   1249   .ci-table > tbody > .build > td {
   1250     border-top: 1px solid var(--darker) !important;
   1251   }
   1252   .ci-table > tbody > .build:hover {
   1253     background-color: var(--bb) !important;
   1254   }
   1255   .ci-table .commit-sha,
   1256   .ci-table .gfm-commit {
   1257     color: var(--accent) !important;
   1258   }
   1259   .ci-table .ref-name,
   1260   .ci-table .pipeline-id,
   1261   .ci-table .table-mobile-header,
   1262   .ci-table .build-link,
   1263   .ci-table .build-name a {
   1264     color: var(--light) !important;
   1265   }
   1266   .ci-table .duration {
   1267     color: var(--lighter) !important;
   1268   }
   1269   .ci-table .duration svg path {
   1270     fill: var(--lighter) !important;
   1271   }
   1272   .ci-table.pipeline tbody > tr > th {
   1273     color: var(--light) !important;
   1274     border-color: var(--darker) !important;
   1275     background-color: var(--bb) !important;
   1276   }
   1277   .ci-table.pipeline tbody > tr > td {
   1278     border-top: 1px solid var(--darker) !important;
   1279   }
   1280   .ci-table path[fill = '#FFF'] {
   1281     fill: var(--darken) !important;
   1282   }
   1283   .ci-table .build.retried {
   1284     background-color: var(--bb) !important;
   1285   }
   1286   [class *= 'col-'] > table.table {
   1287     border: 1px solid var(--darker);
   1288   }
   1289   [class *= 'col-'] > table.table thead tr th {
   1290     border-top: none;
   1291   }
   1292   [class *= 'col-'] > table.table tbody tr td {
   1293     border-top: 1px solid var(--darker) !important;
   1294   }
   1295   [class *= 'col-'] > table.table tbody tr:hover {
   1296     background-color: var(--bb) !important;
   1297   }
   1298   .ci-variable-table table colgroup col:nth-child(7) {
   1299     width: 50px !important;
   1300   }
   1301   .ci-variable-table table tr th:first-child,
   1302   .ci-variable-table table tr td:first-child {
   1303     padding-left: 16px;
   1304   }
   1305   table:not(.code):not(#z).import-table {
   1306     border: 1px solid var(--darker) !important;
   1307   }
   1308   table:not(.code):not(#z).import-table thead th {
   1309     border: none !important;
   1310     background-color: var(--darken) !important;
   1311   }
   1312   table:not(.code):not(#z).import-table tbody tr:hover td {
   1313     background-color: var(--bb) !important;
   1314   }
   1315   table:not(.code):not(#z).import-table tbody td {
   1316     border-top: 1px solid var(--darker) !important;
   1317   }
   1318   .import-slash-divider {
   1319     border-color: var(--darker) !important;
   1320     background-color: var(--bb) !important;
   1321   }
   1322   .save-project-loader {
   1323     color: var(--lighter) !important;
   1324   }
   1325   table:not(.code):not(#z) td.d-sm-block {
   1326     display: table-cell !important;
   1327   }
   1328   [class *= 'dropdown-menu'] {
   1329     color: var(--light) !important;
   1330     border-color: var(--darker) !important;
   1331     background-color: var(--darken) !important;
   1332   }
   1333   [class *= 'dropdown-menu'].show {
   1334     box-shadow: var(--bshadow);
   1335   }
   1336   [class *= 'dropdown-menu'] .dropdown-info-note {
   1337     color: var(--lighter) !important;
   1338   }
   1339   [class *= 'dropdown-menu'] strong,
   1340   [class *= 'dropdown-menu'] .bold,
   1341   [class *= 'dropdown-menu'] .text {
   1342     color: var(--light) !important;
   1343   }
   1344   [class *= 'dropdown-menu'] span[class *= '-text'] {
   1345     z-index: 1;
   1346     color: var(--light) !important;
   1347   }
   1348   [class *= 'dropdown-menu'] [class *= 'input-field'] {
   1349     color: var(--light) !important;
   1350     border-color: var(--darker) !important;
   1351     background-color: var(--dark) !important;
   1352   }
   1353   [class *= 'dropdown-menu'] [class *= 'input-field']:focus {
   1354     border-color: var(--blue) !important;
   1355   }
   1356   [class *= 'dropdown-menu'] .dropdown-title,
   1357   [class *= 'dropdown-menu'] [class *= '-header'] {
   1358     color: var(--light) !important;
   1359     border-color: var(--darker) !important;
   1360   }
   1361   [class *= 'dropdown-menu'] [class *= 'divider'],
   1362   [class *= 'dropdown-menu'] .separator {
   1363     border-color: var(--darker) !important;
   1364     background-color: var(--darker) !important;
   1365   }
   1366   [class *= 'dropdown-menu'] .border-top {
   1367     border-color: var(--darker) !important;
   1368   }
   1369   [class *= 'dropdown-menu'] li a,
   1370   [class *= 'dropdown-menu'] li button {
   1371     color: var(--lighter) !important;
   1372   }
   1373   [class *= 'dropdown-menu'] li a:hover,
   1374   [class *= 'dropdown-menu'] li button:hover,
   1375   [class *= 'dropdown-menu'] li a:active,
   1376   [class *= 'dropdown-menu'] li button:active,
   1377   [class *= 'dropdown-menu'] li a:focus,
   1378   [class *= 'dropdown-menu'] li button:focus {
   1379     color: var(--light) !important;
   1380     background-color: var(--darker) !important;
   1381   }
   1382   [class *= 'dropdown-menu'] li a.is-focused,
   1383   [class *= 'dropdown-menu'] li button.is-focused {
   1384     color: var(--light) !important;
   1385     background-color: var(--darker) !important;
   1386   }
   1387   [class *= 'dropdown-menu'] li a.is-active,
   1388   [class *= 'dropdown-menu'] li button.is-active {
   1389     color: var(--accent) !important;
   1390   }
   1391   [class *= 'dropdown-menu'] li .btn-success:hover {
   1392     color: var(--white) !important;
   1393     background-color: var(--green) !important;
   1394   }
   1395   [class *= 'dropdown-menu'] li.current-user {
   1396     color: var(--lighter) !important;
   1397   }
   1398   [class *= 'dropdown-menu'] li.current-user .bold,
   1399   [class *= 'dropdown-menu'] li.current-user .user-status {
   1400     color: var(--light) !important;
   1401   }
   1402   [class *= 'dropdown-menu'] button {
   1403     color: var(--lighter) !important;
   1404   }
   1405   [class *= 'dropdown-menu'] button[class *= '-note-']:not(#z):hover {
   1406     background-color: var(--darker) !important;
   1407   }
   1408   [class *= 'dropdown-menu'] button[class *= 'note-delete']::before {
   1409     content: none;
   1410   }
   1411   [class *= 'dropdown-menu'] button:not(#z):not([class *= 'disable']):hover {
   1412     color: var(--light);
   1413     background-color: var(--darker);
   1414   }
   1415   [class *= 'dropdown-menu'] .dropdown-tabs-list {
   1416     box-shadow: none !important;
   1417   }
   1418   [class *= 'dropdown-menu'] .dropdown-tab-item {
   1419     padding: 0 !important;
   1420     border-color: var(--darker) !important;
   1421   }
   1422   [class *= 'dropdown-menu'] .dropdown-tab-item a {
   1423     border-width: 1px !important;
   1424     border-color: var(--darker) !important;
   1425     background-color: var(--dark) !important;
   1426   }
   1427   [class *= 'dropdown-menu'] .dropdown-tab-item a:hover {
   1428     color: var(--light) !important;
   1429     background-color: var(--t) !important;
   1430   }
   1431   [class *= 'dropdown-menu'] .dropdown-tab-item a.active {
   1432     color: var(--light) !important;
   1433     border-color: var(--t) !important;
   1434     background-color: var(--darken) !important;
   1435   }
   1436   [class *= 'dropdown-menu'] .dropdown-footer {
   1437     border-color: var(--darker) !important;
   1438   }
   1439   [class *= 'dropdown-menu'] .dropdown-loading {
   1440     background-color: var(--darken) !important;
   1441     opacity: 0.9;
   1442   }
   1443   .frequent-items-dropdown-sidebar {
   1444     border-color: var(--darker) !important;
   1445   }
   1446   .frequent-items-dropdown-sidebar a {
   1447     color: var(--light) !important;
   1448   }
   1449   .frequent-items-dropdown-sidebar a:hover {
   1450     background-color: var(--darker) !important;
   1451   }
   1452   .frequent-items-dropdown-content ul li:hover a {
   1453     background-color: var(--darker) !important;
   1454   }
   1455   .frequent-items-dropdown-content [class *= '-item-title'] {
   1456     color: var(--light) !important;
   1457   }
   1458   .frequent-items-dropdown-content [class *= '-namespace'] {
   1459     color: var(--lighter) !important;
   1460   }
   1461   .frequent-items-dropdown-container .section-header,
   1462   .frequent-items-dropdown-container .section-empty {
   1463     color: var(--lighter) !important;
   1464   }
   1465   [class *= 'dropdown-menu'][class *= '-tabs'] p {
   1466     color: var(--lighter) !important;
   1467   }
   1468   [class *= 'dropdown-menu'][class *= '-tabs'] .btn-link:not(#z) {
   1469     background-color: var(--t) !important;
   1470   }
   1471   [class *= 'dropdown-menu'][class *= '-tabs'] .btn-link:not(#z):hover {
   1472     background-color: var(--darker) !important;
   1473   }
   1474   .select2-highlighted .select2-result-label {
   1475     color: var(--light) !important;
   1476     background-color: var(--darker) !important;
   1477   }
   1478   .select2-result-label {
   1479     color: var(--light) !important;
   1480   }
   1481   .select2-choice,
   1482   .select2-choices {
   1483     color: var(--light) !important;
   1484     border-color: var(--darker) !important;
   1485     background-color: var(--darken) !important;
   1486   }
   1487   .select2-arrow::after {
   1488     color: var(--lighter) !important;
   1489   }
   1490   .select2-match {
   1491     color: var(--accent) !important;
   1492   }
   1493   .select2-drop {
   1494     color: var(--lighter) !important;
   1495     border-color: var(--darker) !important;
   1496     background-color: var(--darken) !important;
   1497     box-shadow: var(--bshadow);
   1498   }
   1499   .select2-input:not(#z) {
   1500     font-family: var(--ui-font) !important;
   1501     color: var(--light) !important;
   1502     border-color: var(--darker) !important;
   1503     background-color: var(--t) !important;
   1504   }
   1505   .select2-container-disabled > a {
   1506     background-color: var(--darker) !important;
   1507   }
   1508   .select2-container-disabled .select2-arrow {
   1509     background-color: var(--t) !important;
   1510   }
   1511   [class *= 'dropdown-menu'][class *= 'big-pipe']::before,
   1512   [class *= 'dropdown-menu'][class *= 'big-pipe']::after {
   1513     border-color: var(--t) !important;
   1514   }
   1515   [class *= 'dropdown-menu'][class *= 'mini-pipe']::before,
   1516   [class *= 'dropdown-menu'][class *= 'mini-pipe']::after {
   1517     border-color: var(--t) !important;
   1518   }
   1519   [class *= 'dropdown-menu'] [class *= 'counter-badge'] {
   1520     font-weight: normal;
   1521     color: var(--lighter) !important;
   1522   }
   1523   .gl-new-dropdown .btn {
   1524     box-shadow: none !important;
   1525   }
   1526   .gl-new-dropdown .btn.dropdown-toggle[id *= '15'] {
   1527     padding: 8px 8px 8px 10px !important;
   1528   }
   1529   .gl-new-dropdown .btn + ul [class *= 'text-pri'] {
   1530     color: var(--light) !important;
   1531   }
   1532   .gl-new-dropdown .btn + ul [class *= 'text-sec'] {
   1533     color: var(--lighter) !important;
   1534   }
   1535   .gl-new-dropdown .btn.dropdown-toggle-split::after {
   1536     filter: invert(0.7) !important;
   1537   }
   1538   .droplab-dropdown .form-control {
   1539     background-color: var(--dark) !important;
   1540   }
   1541   .droplab-dropdown .menu-item:not(.disable-hover) {
   1542     color: var(--lighter) !important;
   1543   }
   1544   .droplab-dropdown .menu-item:not(.disable-hover):hover {
   1545     color: var(--light) !important;
   1546     background-color: var(--darker) !important;
   1547   }
   1548   .droplab-dropdown [class *= 'selected'] .menu-item,
   1549   .droplab-dropdown [class *= 'selected'] .menu-item .fa {
   1550     color: var(--light) !important;
   1551   }
   1552   .droplab-item-active:not(#z) button {
   1553     color: var(--light) !important;
   1554     background-color: var(--darker) !important;
   1555   }
   1556   .dropdown-menu-inner-title,
   1557   .dropdown-menu-inner-content {
   1558     background-color: var(--t) !important;
   1559   }
   1560   .dropdown-menu-inner-content {
   1561     color: var(--lighter) !important;
   1562   }
   1563   .dropdown-menu-user-link:not(:hover) strong,
   1564   .dropdown-menu-user-link:not(:hover) span {
   1565     color: var(--lighter) !important;
   1566   }
   1567   .dropdown-menu-user-name,
   1568   .dropdown-menu-user-full-name,
   1569   .dropdown-menu-user-username {
   1570     background-color: var(--t) !important;
   1571   }
   1572   [class *= 'dropdown-menu']:not(#z) .dropdown-menu-close,
   1573   [class *= 'dropdown-menu']:not(#z) .dropdown-menu-close:hover {
   1574     background-color: var(--t) !important;
   1575   }
   1576   [class *= 'dropdown-menu']:not(#z) .dropdown-menu-close-icon {
   1577     background-color: var(--t) !important;
   1578   }
   1579   [data-page ^= 'search:'] .dropdown-menu[class *= 'select'],
   1580   [data-page ^= 'projects:'] .dropdown-menu[class *= 'select'],
   1581   [data-page ^= 'dashboard:'] .dropdown-menu[class *= 'select'] {
   1582     max-height: 420px !important;
   1583   }
   1584   .btn {
   1585     z-index: 1;
   1586     position: relative;
   1587   }
   1588   .btn,
   1589   [data-toggle = 'dropdown'],
   1590   .btn-default {
   1591     color: var(--light) !important;
   1592     border-color: var(--darker) !important;
   1593     background-color: var(--darken) !important;
   1594   }
   1595   .btn svg,
   1596   [data-toggle = 'dropdown'] svg,
   1597   .btn-default svg {
   1598     fill: var(--lighter) !important;
   1599   }
   1600   .btn.active > .fa {
   1601     color: var(--light) !important;
   1602   }
   1603   .btn:hover::before,
   1604   [data-toggle = 'dropdown']:hover::before,
   1605   .btn-default:hover::before {
   1606     content: '';
   1607     background-color: rgba(136,136,136,0.188);
   1608   }
   1609   .btn[id *= 'promotion'],
   1610   [data-toggle = 'dropdown'][id *= 'promotion'],
   1611   .btn-default[id *= 'promotion'] {
   1612     background-color: var(--t) !important;
   1613   }
   1614   .btn[id *= 'promotion']::before,
   1615   [data-toggle = 'dropdown'][id *= 'promotion']::before,
   1616   .btn-default[id *= 'promotion']::before {
   1617     content: unset !important;
   1618   }
   1619   .active > [data-toggle = 'dropdown']:not([class *= 'ci-status']) svg,
   1620   .show > [data-toggle = 'dropdown']:not([class *= 'ci-status']) svg {
   1621     fill: var(--light) !important;
   1622   }
   1623   .btn.btn-xs,
   1624   .btn-xs.stat-text {
   1625     padding: 8px 10px;
   1626     background-color: var(--dark) !important;
   1627   }
   1628   .btn.btn-xs:not(#z).btn-primary,
   1629   .btn-xs.stat-text:not(#z).btn-primary {
   1630     color: var(--white) !important;
   1631     border-color: var(--accent) !important;
   1632     background-color: var(--accent) !important;
   1633   }
   1634   .git-clone-holder .form-control {
   1635     font-family: var(--mono-font) !important;
   1636     background-color: var(--dark) !important;
   1637   }
   1638   .btn[data-toggle = 'dropdown'].btn-link {
   1639     border-color: var(--t) !important;
   1640     background-color: var(--t) !important;
   1641   }
   1642   .btn::before,
   1643   [data-toggle = 'dropdown']::before {
   1644     z-index: 0;
   1645     opacity: 0.2;
   1646     position: absolute;
   1647     top: 0;
   1648     right: 0;
   1649     bottom: 0;
   1650     left: 0;
   1651     transition: opacity 0.2s ease;
   1652     border-radius: inherit;
   1653   }
   1654   .btn:hover::before {
   1655     opacity: 0.35;
   1656   }
   1657   .btn.btn-remove,
   1658   .btn.btn-danger {
   1659     color: var(--white) !important;
   1660     border-color: var(--red) !important;
   1661     background-color: var(--red) !important;
   1662   }
   1663   .btn.btn-remove:not(.btn-inverted),
   1664   .btn.btn-danger:not(.btn-inverted) {
   1665     transition: opacity 0.2s ease;
   1666   }
   1667   .btn.btn-remove:not(.btn-inverted) .fa,
   1668   .btn.btn-danger:not(.btn-inverted) .fa {
   1669     color: var(--white) !important;
   1670   }
   1671   .btn.btn-remove:not(.btn-inverted) svg,
   1672   .btn.btn-danger:not(.btn-inverted) svg {
   1673     fill: var(--white) !important;
   1674   }
   1675   .btn.btn-remove:not(.btn-inverted):hover,
   1676   .btn.btn-danger:not(.btn-inverted):hover {
   1677     opacity: 0.8;
   1678   }
   1679   .btn.btn-remove.btn-inverted,
   1680   .btn.btn-danger.btn-inverted {
   1681     color: var(--red) !important;
   1682     border-color: var(--red) !important;
   1683     background-color: var(--dark) !important;
   1684   }
   1685   .btn.btn-remove.btn-inverted::before,
   1686   .btn.btn-danger.btn-inverted::before {
   1687     content: '';
   1688     background-color: var(--red) !important;
   1689   }
   1690   .btn.btn-remove.btn-inverted .fa,
   1691   .btn.btn-danger.btn-inverted .fa {
   1692     color: var(--red) !important;
   1693   }
   1694   .btn.btn-remove.btn-inverted svg,
   1695   .btn.btn-danger.btn-inverted svg {
   1696     fill: var(--red) !important;
   1697   }
   1698   .btn.btn-close,
   1699   .btn.btn-close-color,
   1700   .btn.btn-warning {
   1701     color: var(--orange) !important;
   1702     border-color: var(--orange) !important;
   1703     background-color: var(--dark) !important;
   1704   }
   1705   .btn.btn-close::before,
   1706   .btn.btn-close-color::before,
   1707   .btn.btn-warning::before {
   1708     content: '';
   1709     background-color: var(--orange) !important;
   1710   }
   1711   .btn.btn-close .fa,
   1712   .btn.btn-close-color .fa,
   1713   .btn.btn-warning .fa {
   1714     color: var(--orange) !important;
   1715   }
   1716   .btn.btn-close svg,
   1717   .btn.btn-close-color svg,
   1718   .btn.btn-warning svg {
   1719     fill: var(--orange) !important;
   1720   }
   1721   .btn.btn-success {
   1722     color: var(--white) !important;
   1723     border-color: var(--green) !important;
   1724     background-color: var(--green) !important;
   1725   }
   1726   .btn.btn-success:not(.btn-inverted) {
   1727     transition: opacity 0.2s ease;
   1728   }
   1729   .btn.btn-success:not(.btn-inverted) .fa {
   1730     color: var(--white) !important;
   1731   }
   1732   .btn.btn-success:not(.btn-inverted) svg {
   1733     fill: var(--white) !important;
   1734   }
   1735   .btn.btn-success:not(.btn-inverted):hover {
   1736     opacity: 0.8;
   1737   }
   1738   .btn.btn-success.btn-inverted {
   1739     color: var(--green) !important;
   1740     border-color: var(--green) !important;
   1741     background-color: var(--dark) !important;
   1742   }
   1743   .btn.btn-success.btn-inverted::before {
   1744     content: '';
   1745     background-color: var(--green) !important;
   1746   }
   1747   .btn.btn-success.btn-inverted .fa {
   1748     color: var(--green) !important;
   1749   }
   1750   .btn.btn-success.btn-inverted svg {
   1751     fill: var(--green) !important;
   1752   }
   1753   .btn.btn-success.js-new-release-btn:not(#z) {
   1754     color: var(--white) !important;
   1755   }
   1756   .btn.btn-primary,
   1757   .btn.btn-info {
   1758     color: var(--white) !important;
   1759     border-color: var(--blue) !important;
   1760     background-color: var(--blue) !important;
   1761   }
   1762   .btn.btn-primary:not(.btn-inverted),
   1763   .btn.btn-info:not(.btn-inverted) {
   1764     transition: opacity 0.2s ease;
   1765   }
   1766   .btn.btn-primary:not(.btn-inverted) .fa,
   1767   .btn.btn-info:not(.btn-inverted) .fa {
   1768     color: var(--white) !important;
   1769   }
   1770   .btn.btn-primary:not(.btn-inverted) svg,
   1771   .btn.btn-info:not(.btn-inverted) svg {
   1772     fill: var(--white) !important;
   1773   }
   1774   .btn.btn-primary:not(.btn-inverted):hover,
   1775   .btn.btn-info:not(.btn-inverted):hover {
   1776     opacity: 0.8;
   1777   }
   1778   .btn.btn-primary.btn-inverted,
   1779   .btn.btn-info.btn-inverted {
   1780     color: var(--blue) !important;
   1781     border-color: var(--blue) !important;
   1782     background-color: var(--dark) !important;
   1783   }
   1784   .btn.btn-primary.btn-inverted::before,
   1785   .btn.btn-info.btn-inverted::before {
   1786     content: '';
   1787     background-color: var(--blue) !important;
   1788   }
   1789   .btn.btn-primary.btn-inverted .fa,
   1790   .btn.btn-info.btn-inverted .fa {
   1791     color: var(--blue) !important;
   1792   }
   1793   .btn.btn-primary.btn-inverted svg,
   1794   .btn.btn-info.btn-inverted svg {
   1795     fill: var(--blue) !important;
   1796   }
   1797   .btn.btn-primary.new-gl-button,
   1798   .btn.btn-info.new-gl-button {
   1799     box-shadow: none !important;
   1800   }
   1801   .btn.btn-inverted-secondary {
   1802     color: var(--accent) !important;
   1803     border-color: var(--accent) !important;
   1804   }
   1805   .btn.btn-inverted-secondary::before {
   1806     content: '';
   1807     background-color: var(--accent) !important;
   1808   }
   1809   .btn.btn-secondary:focus,
   1810   .btn.btn-secondary.focus {
   1811     box-shadow: 0 0 0 0.2rem rgba(136,136,136,0.063) !important;
   1812   }
   1813   .btn.gl-link[href] {
   1814     color: var(--light) !important;
   1815   }
   1816   .btn-link {
   1817     color: var(--accent) !important;
   1818     border-color: var(--t) !important;
   1819     background-color: var(--t) !important;
   1820   }
   1821   .btn.active {
   1822     color: var(--light) !important;
   1823     border-color: var(--darker) !important;
   1824     background-color: var(--darker) !important;
   1825   }
   1826   .btn-transparent:not(#z),
   1827   .btn-default-tertiary {
   1828     color: var(--lighter);
   1829     border-color: var(--t) !important;
   1830     background-color: var(--t) !important;
   1831   }
   1832   .btn-transparent:not(#z)::before,
   1833   .btn-default-tertiary::before {
   1834     content: unset;
   1835   }
   1836   .btn[disabled]:not(#z)::before,
   1837   .btn.disabled:not(#z)::before {
   1838     content: unset;
   1839   }
   1840   .btn[disabled]:not(#z),
   1841   .btn.disabled:not(#z),
   1842   .btn[disabled]:not(#z):hover,
   1843   .btn.disabled:not(#z):hover {
   1844     opacity: 0.5 !important;
   1845     color: var(--lighter) !important;
   1846     border-color: var(--darker) !important;
   1847     background-color: var(--dark) !important;
   1848   }
   1849   .btn[disabled]:not(#z) .fa,
   1850   .btn.disabled:not(#z) .fa {
   1851     color: var(--lighter) !important;
   1852   }
   1853   .btn.award-control {
   1854     color: var(--lighter) !important;
   1855     border-color: var(--darker) !important;
   1856     background-color: var(--darken) !important;
   1857   }
   1858   .btn.award-control.active,
   1859   .btn.award-control.is-active {
   1860     color: var(--accent) !important;
   1861     border-color: var(--accent) !important;
   1862     background-color: var(--darken) !important;
   1863   }
   1864   .btn.award-control.active::before,
   1865   .btn.award-control.is-active::before {
   1866     content: '';
   1867     background-color: var(--accent) !important;
   1868   }
   1869   .btn.gpg-status-box.invalid {
   1870     color: var(--lighter) !important;
   1871     border-color: var(--darker) !important;
   1872     background-color: var(--darken) !important;
   1873   }
   1874   .btn.gpg-status-box.valid {
   1875     color: var(--green) !important;
   1876     border-color: var(--green) !important;
   1877     background-color: var(--darken) !important;
   1878   }
   1879   .status-box {
   1880     color: var(--white) !important;
   1881   }
   1882   .status-box-issue-closed,
   1883   .status-box-mr-merged {
   1884     background-color: var(--blue) !important;
   1885   }
   1886   .status-box-closed,
   1887   .status-box-mr-closed {
   1888     background-color: var(--red) !important;
   1889   }
   1890   .status-box-expired {
   1891     background-color: var(--orange) !important;
   1892   }
   1893   .status-box-upcoming {
   1894     color: var(--light) !important;
   1895     background-color: var(--darker) !important;
   1896   }
   1897   .status-box-open {
   1898     background-color: var(--green) !important;
   1899   }
   1900   .status-box > svg.s16 {
   1901     fill: var(--white) !important;
   1902   }
   1903   .input-group-append,
   1904   .input-group-prepend {
   1905     background-color: var(--t) !important;
   1906   }
   1907   .input-group-append > [class *= '-text'],
   1908   .input-group-prepend > [class *= '-text'] {
   1909     color: var(--light) !important;
   1910     border-color: var(--darker) !important;
   1911   }
   1912   .input-group-append > [class *= '-text']:not(.label-color-preview),
   1913   .input-group-prepend > [class *= '-text']:not(.label-color-preview) {
   1914     background-color: var(--bb) !important;
   1915   }
   1916   .project-repo-buttons .btn {
   1917     padding: 6px 10px;
   1918   }
   1919   .project-repo-buttons .count {
   1920     color: var(--light) !important;
   1921   }
   1922   .project-repo-buttons .count-badge-count {
   1923     border-color: var(--darker) !important;
   1924     background-color: var(--darken) !important;
   1925   }
   1926   .project-repo-buttons .count-badge,
   1927   .project-repo-buttons .btn-xs {
   1928     height: 32px !important;
   1929     font-size: 14px !important;
   1930   }
   1931   .project-repo-buttons .count-badge:last-child {
   1932     margin-right: 0 !important;
   1933   }
   1934   .text-expander {
   1935     padding: 2px 4px;
   1936     color: var(--lighter) !important;
   1937     border-color: var(--darker) !important;
   1938     background-color: var(--darken) !important;
   1939   }
   1940   .text-expander.open {
   1941     color: var(--accent) !important;
   1942     background-color: var(--darker) !important;
   1943   }
   1944   .btn-missing,
   1945   .stat-text {
   1946     color: var(--lighter) !important;
   1947     border-color: var(--darker) !important;
   1948     background-color: var(--darken) !important;
   1949   }
   1950   .provider-btn {
   1951     line-height: unset;
   1952     border-radius: 0 4px 4px 0;
   1953     color: var(--light) !important;
   1954     background-color: var(--darken) !important;
   1955   }
   1956   .provider-btn-group {
   1957     border-radius: 4px;
   1958     border-color: var(--darker) !important;
   1959     background-color: var(--darken) !important;
   1960   }
   1961   .provider-btn-image {
   1962     border-radius: 4px 0 0 4px;
   1963     border-color: var(--darker) !important;
   1964     background-color: var(--darker) !important;
   1965   }
   1966   .btn-link::before,
   1967   .btn-blank::before,
   1968   .btn-clipboard::before {
   1969     content: unset !important;
   1970   }
   1971   .btn.bg-transparent {
   1972     background-color: var(--t) !important;
   1973   }
   1974   .btn.gl-button {
   1975     border: 1px solid;
   1976     box-shadow: none !important;
   1977   }
   1978   .btn.gl-button.btn-dashed {
   1979     outline-color: var(--bb) !important;
   1980   }
   1981   .btn.gl-button.btn-dashed:active,
   1982   .btn.gl-button.btn-dashed:focus {
   1983     border-color: var(--blue) !important;
   1984   }
   1985   .label.label-monospace {
   1986     color: var(--light) !important;
   1987     border-color: var(--darker) !important;
   1988     background-color: var(--bb) !important;
   1989   }
   1990   .label.scoped-label .fa-question-circle {
   1991     background-color: var(--t) !important;
   1992   }
   1993   .label.scoped-label .fa-question-circle[style *= '#FFFFFF'] {
   1994     color: var(--white) !important;
   1995   }
   1996   .label.scoped-label .fa-question-circle[style *= '#333333'] {
   1997     color: #000 !important;
   1998   }
   1999   .label-link,
   2000   .label-link .badge {
   2001     text-decoration: none !important;
   2002   }
   2003   .label-badge {
   2004     color: var(--light) !important;
   2005   }
   2006   .label-badge-blue {
   2007     color: var(--white) !important;
   2008     background-color: var(--blue) !important;
   2009   }
   2010   .label-badge-gray {
   2011     color: var(--lighter) !important;
   2012     background-color: var(--darken) !important;
   2013   }
   2014   .label-links a {
   2015     color: var(--accent) !important;
   2016   }
   2017   .label-action svg {
   2018     fill: var(--lighter) !important;
   2019   }
   2020   .label-subscribe-button {
   2021     font-weight: 400;
   2022   }
   2023   .label-lfs {
   2024     color: var(--light) !important;
   2025     border-color: var(--darker) !important;
   2026     background-color: var(--dark) !important;
   2027   }
   2028   .badge.issues-count {
   2029     color: var(--white) !important;
   2030     background-color: var(--green) !important;
   2031   }
   2032   .badge.merge-requests-count {
   2033     color: var(--white) !important;
   2034     background-color: var(--orange) !important;
   2035   }
   2036   .badge.todos-count {
   2037     color: var(--white) !important;
   2038     background-color: var(--blue) !important;
   2039   }
   2040   .badge.badge-pill.badge-secondary {
   2041     color: var(--lighter) !important;
   2042     background-color: var(--darker) !important;
   2043   }
   2044   .badge.badge-pill.badge-secondary:hover {
   2045     color: var(--light) !important;
   2046   }
   2047   .badge-pill {
   2048     color: var(--lighter) !important;
   2049     background-color: var(--darker) !important;
   2050   }
   2051   .badge.badge-gray {
   2052     color: var(--light) !important;
   2053     background-color: var(--darken) !important;
   2054   }
   2055   .issue-count-badge,
   2056   .mr-count-badge,
   2057   .issue-count-badge + button,
   2058   .mr-count-badge + button {
   2059     color: var(--light) !important;
   2060     border-color: var(--darker) !important;
   2061     background-color: var(--dark) !important;
   2062   }
   2063   .badge.color-label {
   2064     box-shadow: inset 0 0 0 1rem rgba(51,51,51,0.439);
   2065   }
   2066   .badge.color-label:hover {
   2067     box-shadow: none !important;
   2068   }
   2069   .badge.color-label[style *= 'color: #333333'] {
   2070     color: #000 !important;
   2071     box-shadow: inset 0 0 0 1rem rgba(51,51,51,0.145);
   2072   }
   2073   .badge-primary,
   2074   .badge-info,
   2075   .badge-active {
   2076     color: var(--white) !important;
   2077     background-color: var(--blue) !important;
   2078   }
   2079   .badge-light,
   2080   .badge-secondary,
   2081   .badge-inactive {
   2082     color: var(--lighter) !important;
   2083     background-color: var(--darken) !important;
   2084   }
   2085   .badge-warning {
   2086     color: var(--white) !important;
   2087     background-color: var(--orange) !important;
   2088   }
   2089   .badge-success {
   2090     color: var(--white) !important;
   2091     background-color: var(--green) !important;
   2092   }
   2093   .badge-danger {
   2094     color: var(--white) !important;
   2095     background-color: var(--red) !important;
   2096   }
   2097   .badge-dark {
   2098     color: var(--light) !important;
   2099     background-color: var(--darker) !important;
   2100   }
   2101   .form-control,
   2102   .search form {
   2103     color: var(--light) !important;
   2104     border-color: var(--darker) !important;
   2105     background-color: var(--darken) !important;
   2106     border: 1px solid var(--darker) !important;
   2107   }
   2108   .form-control:focus,
   2109   .search form:focus,
   2110   .form-control.focus,
   2111   .search form.focus {
   2112     border-color: var(--blue) !important;
   2113     box-shadow: 0 0 0.4rem -0.2rem var(--blue) !important;
   2114   }
   2115   .form-control[disabled = 'disabled']:not(#z),
   2116   .search form[disabled = 'disabled']:not(#z) {
   2117     opacity: 0.5;
   2118   }
   2119   .navbar .form-control,
   2120   .navbar .search form {
   2121     background-color: var(--dark) !important;
   2122   }
   2123   .top-area .form-control,
   2124   .top-area .search form {
   2125     height: 35px;
   2126   }
   2127   .form-control #search,
   2128   .search form #search {
   2129     color: var(--light) !important;
   2130     background-color: var(--t) !important;
   2131     box-shadow: none !important;
   2132   }
   2133   .form-control #search ~ [class *= 'dropdown-menu'] .is-active,
   2134   .search form #search ~ [class *= 'dropdown-menu'] .is-active {
   2135     color: var(--light) !important;
   2136   }
   2137   .dropdown-content-faded-mask::after {
   2138     background: linear-gradient(to top, var(--darken), var(--t)) !important;
   2139   }
   2140   .form-control .search-icon,
   2141   .search form .search-icon {
   2142     fill: var(--lighter) !important;
   2143   }
   2144   .form-actions {
   2145     border-color: var(--darker) !important;
   2146     background-color: var(--t) !important;
   2147   }
   2148   .form-control.select-control,
   2149   .search form.select-control {
   2150     background-color: var(--darken) !important;
   2151   }
   2152   .atwho-view {
   2153     color: var(--lighter) !important;
   2154     border-color: var(--darker) !important;
   2155     background-color: var(--dark) !important;
   2156     box-shadow: var(--bshadow);
   2157   }
   2158   .atwho-view .atwho-view-ul li {
   2159     color: var(--light) !important;
   2160   }
   2161   .atwho-view .atwho-view-ul li strong {
   2162     color: var(--accent) !important;
   2163   }
   2164   .atwho-view .atwho-view-ul li small,
   2165   .atwho-view .atwho-view-ul li .params {
   2166     color: var(--lighter) !important;
   2167   }
   2168   .atwho-view .atwho-view-ul li:hover,
   2169   .atwho-view .atwho-view-ul li.cur {
   2170     color: var(--light) !important;
   2171     background-color: var(--darken) !important;
   2172   }
   2173   ul.content-list li {
   2174     color: var(--light) !important;
   2175     border-color: var(--darker) !important;
   2176   }
   2177   ul.content-list li a {
   2178     color: var(--light) !important;
   2179   }
   2180   .item-meta * {
   2181     color: var(--lighter) !important;
   2182   }
   2183   ul.content-list li .todo-label a,
   2184   ul.content-list li .todo-project a {
   2185     color: var(--accent) !important;
   2186   }
   2187   ul.content-list li .group-row-contents:hover {
   2188     background-color: var(--darken) !important;
   2189   }
   2190   ul.content-list li .group-row-contents .metadata span,
   2191   ul.content-list li .group-row-contents .metadata div {
   2192     color: var(--lighter) !important;
   2193   }
   2194   .has-no-search-results {
   2195     color: var(--lighter) !important;
   2196   }
   2197   ul.content-list li.group-row .description p,
   2198   ul.content-list li.group-row .stats {
   2199     color: var(--lighter) !important;
   2200   }
   2201   ul.content-list li.issue:hover,
   2202   ul.content-list li.merge-request:hover,
   2203   ul.content-list li[id *= 'epic']:hover {
   2204     background-color: var(--darken) !important;
   2205   }
   2206   ul.content-list:not(.event_commits) > li.commit:hover {
   2207     background-color: var(--bb) !important;
   2208   }
   2209   ul.content-list.all-branches .graph-side .bar,
   2210   ul.content-list.all-branches .graph-separator {
   2211     background-color: var(--darker) !important;
   2212   }
   2213   ul.content-list.all-branches .branch-item:hover {
   2214     background-color: var(--bb) !important;
   2215   }
   2216   ul.content-list.all-branches .commit-sha {
   2217     color: var(--accent) !important;
   2218   }
   2219   ul.content-list.all-branches .cgray {
   2220     color: var(--lighter) !important;
   2221   }
   2222   ul.content-list.issuable-list .issue.today:not(.user-can-drag) {
   2223     position: relative;
   2224   }
   2225   ul.content-list.issuable-list .issue.today:not(.user-can-drag):hover {
   2226     background-color: var(--t) !important;
   2227   }
   2228   ul.content-list.issuable-list .issue.today:not(.user-can-drag):hover::before {
   2229     opacity: 0.12;
   2230   }
   2231   ul.content-list.issuable-list .issue.today:not(.user-can-drag):not(:hover) {
   2232     background-color: var(--t) !important;
   2233   }
   2234   ul.content-list.issuable-list .issue.today:not(.user-can-drag)::before {
   2235     content: '';
   2236     z-index: -1;
   2237     opacity: 0.05;
   2238     position: absolute;
   2239     top: 0;
   2240     right: 0;
   2241     bottom: 0;
   2242     left: 0;
   2243     background-color: var(--green) !important;
   2244   }
   2245   ul.content-list.issuable-list .closed,
   2246   ul.content-list.issuable-list .merged {
   2247     background-color: var(--t) !important;
   2248   }
   2249   ul.content-list.issuable-list .fa:not(.fa-question-circle),
   2250   ul.content-list.issuable-list .task-status {
   2251     color: var(--lighter) !important;
   2252   }
   2253   ul.content-list.issuable-list .issuable-milestone,
   2254   ul.content-list.issuable-list .issuable-info,
   2255   ul.content-list.issuable-list .issuable-updated-at {
   2256     color: var(--lighter) !important;
   2257   }
   2258   .issuable-email-modal-btn {
   2259     color: var(--accent) !important;
   2260   }
   2261   .icon-merge-request-unmerged {
   2262     filter: invert(0.7);
   2263   }
   2264   ul.content-list.issuable-list.manual-ordering {
   2265     color: var(--red) !important;
   2266     border-color: var(--green) !important;
   2267     background-color: var(--darken) !important;
   2268   }
   2269   ul.content-list.issuable-list.manual-ordering > .issue {
   2270     border-color: var(--darker) !important;
   2271     background-color: var(--dark) !important;
   2272   }
   2273   ul.content-list.requirements-list > li:not([class*='gl-bg']):hover {
   2274     background-color: var(--t) !important;
   2275   }
   2276   ul.content-list.members-list li {
   2277     background-color: var(--bb) !important;
   2278   }
   2279   ul.content-list.members-list li:hover {
   2280     background-color: var(--darken) !important;
   2281   }
   2282   input.form-control + button {
   2283     border-color: var(--darker) !important;
   2284   }
   2285   ul.content-list .snippet-filename,
   2286   ul.content-list .snippet-info {
   2287     color: var(--lighter) !important;
   2288   }
   2289   .nav-sidebar {
   2290     border-right: 1px solid var(--darker);
   2291     background-color: var(--darken) !important;
   2292     box-shadow: none;
   2293   }
   2294   .nav-sidebar .context-header > * {
   2295     color: var(--light) !important;
   2296   }
   2297   .nav-sidebar .context-header > *:hover {
   2298     background-color: var(--darker) !important;
   2299   }
   2300   .nav-sidebar .context-header > * .avatar-container {
   2301     border-color: var(--t) !important;
   2302     background-color: var(--t) !important;
   2303   }
   2304   .nav-sidebar .divider {
   2305     border-color: var(--darker) !important;
   2306   }
   2307   .nav-sidebar .sidebar-top-level-items > li:hover {
   2308     background-color: rgba(136,136,136,0.063) !important;
   2309   }
   2310   .nav-sidebar .sidebar-top-level-items > li:hover > a {
   2311     color: var(--light) !important;
   2312   }
   2313   .nav-sidebar .sidebar-top-level-items > li.active {
   2314     background-color: rgba(136,136,136,0.063) !important;
   2315     box-shadow: inset 4px 0 var(--accent) !important;
   2316   }
   2317   .nav-sidebar .sidebar-top-level-items > li.active > a {
   2318     color: var(--light) !important;
   2319   }
   2320   .nav-sidebar .sidebar-top-level-items > li.active > a svg {
   2321     fill: var(--light) !important;
   2322   }
   2323   .nav-sidebar .sidebar-top-level-items > li.active:not(.is-over) > ul > li.active > a {
   2324     background-color: var(--darker) !important;
   2325     box-shadow: inset 4px 0 var(--accent) !important;
   2326   }
   2327   .nav-sidebar .sidebar-top-level-items > li.active .badge-pill {
   2328     color: var(--light) !important;
   2329   }
   2330   .nav-sidebar .sidebar-top-level-items > li a {
   2331     color: var(--lighter) !important;
   2332   }
   2333   .nav-sidebar .sidebar-top-level-items > li a:hover {
   2334     background-color: var(--t) !important;
   2335   }
   2336   .nav-sidebar .sidebar-top-level-items > li .badge-pill {
   2337     color: var(--lighter) !important;
   2338     background-color: var(--darker) !important;
   2339   }
   2340   .nav-sidebar .sidebar-top-level-items > li.is-over:not(#z) ul > li,
   2341   .nav-sidebar .sidebar-top-level-items > li.is-over:not(#z) ul > li > a {
   2342     box-shadow: unset !important;
   2343   }
   2344   .nav-sidebar .sidebar-sub-level-items > li:hover {
   2345     background-color: var(--darker) !important;
   2346     box-shadow: inset 4px 0 var(--accent) !important;
   2347   }
   2348   .nav-sidebar .sidebar-sub-level-items > li:hover a {
   2349     color: var(--light) !important;
   2350   }
   2351   .nav-sidebar .sidebar-sub-level-items > li.active {
   2352     box-shadow: inset 4px 0 var(--accent) !important;
   2353   }
   2354   .nav-sidebar .sidebar-sub-level-items > li.active a {
   2355     color: var(--light) !important;
   2356   }
   2357   .nav-sidebar .is-over.is-showing-fly-out > a {
   2358     color: var(--light) !important;
   2359     background-color: rgba(136,136,136,0.063) !important;
   2360   }
   2361   .nav-sidebar .is-over.is-showing-fly-out ul {
   2362     border-color: var(--darker) !important;
   2363     background-color: var(--darken) !important;
   2364     box-shadow: none;
   2365   }
   2366   .nav-sidebar .is-over.is-showing-fly-out ul li a {
   2367     color: var(--lighter) !important;
   2368   }
   2369   .nav-sidebar .is-over.is-showing-fly-out ul li a:focus {
   2370     background-color: var(--darker) !important;
   2371   }
   2372   .nav-sidebar .is-over.is-showing-fly-out ul li:hover a {
   2373     color: var(--light) !important;
   2374     background-color: rgba(136,136,136,0.063) !important;
   2375   }
   2376   .nav-sidebar[class *= 'collapsed'] .sidebar-top-level-items > li.active {
   2377     background-color: var(--darker) !important;
   2378   }
   2379   .nav-sidebar .toggle-sidebar-button,
   2380   .nav-sidebar .close-nav-button {
   2381     border-color: var(--darker) !important;
   2382     background-color: var(--darken) !important;
   2383   }
   2384   .nav-sidebar .toggle-sidebar-button svg,
   2385   .nav-sidebar .close-nav-button svg {
   2386     color: var(--lighter) !important;
   2387   }
   2388   .nav-sidebar .toggle-sidebar-button span,
   2389   .nav-sidebar .close-nav-button span {
   2390     color: var(--light) !important;
   2391   }
   2392   .nav-sidebar .toggle-sidebar-button:hover,
   2393   .nav-sidebar .close-nav-button:hover {
   2394     background-color: var(--darker) !important;
   2395   }
   2396   .nav-sidebar:not(.js-sidebar-collapsed) + .content-wrapper .pipeline-visualization > div[style*='padding-left: 0px'] {
   2397     padding-left: 0px !important;
   2398     padding-left: 240px !important;
   2399   }
   2400   .nav-sidebar.js-sidebar-collapsed + .content-wrapper .pipeline-visualization > div[style*='padding-left: 0px'] {
   2401     padding-left: 0px !important;
   2402     padding-left: 70px !important;
   2403   }
   2404   .right-sidebar {
   2405     border-color: var(--darker) !important;
   2406     background-color: var(--darken) !important;
   2407     top: 50px !important;
   2408   }
   2409   .right-sidebar .title {
   2410     color: var(--light) !important;
   2411   }
   2412   .right-sidebar .block {
   2413     border-color: var(--darker) !important;
   2414   }
   2415   .right-sidebar .edit-link,
   2416   .right-sidebar .lock-edit,
   2417   .right-sidebar .no-value,
   2418   .right-sidebar a[href = '#'] {
   2419     color: var(--lighter) !important;
   2420   }
   2421   .right-sidebar a:not(.btn):hover,
   2422   .right-sidebar .btn-link:not(.btn):hover {
   2423     color: var(--accent);
   2424   }
   2425   .gl-drawer {
   2426     color: var(--light) !important;
   2427     border-color: var(--darker) !important;
   2428     background-color: var(--dark) !important;
   2429     box-shadow: -1px 0 var(--darker), var(--bshadow);
   2430     top: 50px !important;
   2431   }
   2432   .gl-drawer-header,
   2433   .gl-drawer-body > * {
   2434     border-color: var(--darker) !important;
   2435   }
   2436   .right-sidebar .issuable-sidebar {
   2437     overflow-y: auto !important;
   2438   }
   2439   .right-sidebar .issuable-sidebar .gutter-toggle {
   2440     border-color: var(--darker) !important;
   2441     background-color: var(--t) !important;
   2442   }
   2443   .right-sidebar .issuable-sidebar-header button,
   2444   .right-sidebar .issuable-sidebar .dropdown button {
   2445     background-color: var(--dark) !important;
   2446   }
   2447   .right-sidebar .issuable-sidebar-header .btn-info,
   2448   .right-sidebar .issuable-sidebar .dropdown .btn-info {
   2449     background-color: var(--blue) !important;
   2450   }
   2451   .right-sidebar .time_tracker .compare-label {
   2452     color: var(--lighter) !important;
   2453   }
   2454   .right-sidebar .time_tracker .compare-value {
   2455     color: var(--light) !important;
   2456   }
   2457   .right-sidebar .time_tracker .time-tracking-help-state {
   2458     border-color: var(--darker) !important;
   2459     background-color: var(--dark) !important;
   2460   }
   2461   .right-sidebar.build-sidebar .builds-container {
   2462     color: var(--light) !important;
   2463     border-color: var(--darker) !important;
   2464     background-color: var(--dark) !important;
   2465   }
   2466   .right-sidebar.build-sidebar .builds-container .build-job.retried {
   2467     background-color: var(--t) !important;
   2468   }
   2469   .right-sidebar.build-sidebar .builds-container .build-job:hover {
   2470     background-color: var(--bb) !important;
   2471   }
   2472   .right-sidebar.build-sidebar .builds-container .build-job:hover a {
   2473     color: var(--light) !important;
   2474   }
   2475   .right-sidebar.build-sidebar .blocks-container a:not(.btn),
   2476   .right-sidebar.build-sidebar .blocks-container .btn-link:not(.btn) {
   2477     color: var(--accent) !important;
   2478   }
   2479   .right-sidebar.build-sidebar .btn,
   2480   .right-sidebar.build-sidebar [data-toggle = 'dropdown'] {
   2481     background-color: var(--dark) !important;
   2482   }
   2483   .right-sidebar .is-option-selected > span {
   2484     color: var(--lighter) !important;
   2485   }
   2486   .right-sidebar .vertical-timeline::before {
   2487     border-color: var(--lighter) !important;
   2488   }
   2489   .right-sidebar .vertical-timeline-icon {
   2490     background-color: var(--darken) !important;
   2491   }
   2492   .right-sidebar .vertical-timeline-icon.opened svg {
   2493     fill: var(--green) !important;
   2494   }
   2495   .right-sidebar .vertical-timeline-icon.closed svg {
   2496     fill: var(--blue) !important;
   2497   }
   2498   .right-sidebar .vertical-timeline-content a:hover {
   2499     color: var(--accent) !important;
   2500   }
   2501   .right-sidebar .labels-select-wrapper .label-item.is-focused,
   2502   .right-sidebar .labels-select-wrapper .label-item:hover {
   2503     color: var(--light) !important;
   2504     background-color: var(--darker) !important;
   2505   }
   2506   .right-sidebar .labels-select-wrapper .gl-link:not(.gl-label-link),
   2507   .right-sidebar .labels-select-wrapper .btn-link:not(.gl-label-link) {
   2508     color: var(--lighter) !important;
   2509   }
   2510   .right-sidebar .labels-select-dropdown-contents {
   2511     border: 1px solid var(--darker) !important;
   2512     border-color: var(--darker) !important;
   2513     background-color: var(--darken) !important;
   2514     box-shadow: var(--bshadow) !important;
   2515   }
   2516   .right-sidebar .labels-select-dropdown-contents .dropdown-title,
   2517   .right-sidebar .labels-select-dropdown-contents .dropdown-footer {
   2518     border-color: var(--darker) !important;
   2519   }
   2520   .right-sidebar .btn-group li .dropdown-item:hover {
   2521     background-color: var(--darker) !important;
   2522   }
   2523   .right-sidebar .btn-group li .dropdown-item,
   2524   .right-sidebar .btn-group li .dropdown-item button.btn {
   2525     background-color: var(--t) !important;
   2526   }
   2527   .right-sidebar .btn-group li .dropdown-item .btn.is-active::before {
   2528     content: '\f00c' !important;
   2529     opacity: 1 !important;
   2530     background-color: var(--t) !important;
   2531   }
   2532   .dropdown-title-button {
   2533     position: absolute;
   2534   }
   2535   .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon {
   2536     color: var(--light) !important;
   2537   }
   2538   .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon svg {
   2539     fill: var(--lighter) !important;
   2540   }
   2541   .right-sidebar.right-sidebar-collapsed .gutter-toggle {
   2542     background-color: var(--darken) !important;
   2543   }
   2544   .right-sidebar.right-sidebar-collapsed .gutter-toggle:hover,
   2545   .right-sidebar.right-sidebar-collapsed .block:hover {
   2546     background-color: rgba(136,136,136,0.063) !important;
   2547   }
   2548   .top-area {
   2549     border-color: var(--darker) !important;
   2550   }
   2551   .nav-links:not(.quick-links) {
   2552     border-color: var(--darker) !important;
   2553   }
   2554   .nav-links li .badge.badge-pill {
   2555     color: var(--lighter) !important;
   2556     background-color: var(--darker) !important;
   2557   }
   2558   .nav-links li a,
   2559   .nav-links li button {
   2560     color: var(--lighter) !important;
   2561   }
   2562   .nav-links li a:focus,
   2563   .nav-links li button:focus {
   2564     border-color: var(--darker) !important;
   2565   }
   2566   .nav-links li:hover a,
   2567   .nav-links li:hover button {
   2568     color: var(--light) !important;
   2569     border-color: var(--darker) !important;
   2570   }
   2571   .nav-links li.active,
   2572   .nav-links li.active a,
   2573   .nav-links li.active button {
   2574     color: var(--light) !important;
   2575     border-color: var(--accent) !important;
   2576   }
   2577   .nav-links li.active .badge.badge-pill {
   2578     color: var(--light) !important;
   2579     background-color: var(--darker) !important;
   2580   }
   2581   .nav-links li a.active,
   2582   .nav-links li button.active,
   2583   .nav-links li a strong,
   2584   .nav-links li button strong {
   2585     color: var(--light) !important;
   2586     border-color: var(--accent) !important;
   2587   }
   2588   .top-area .form-control {
   2589     background-color: var(--darken) !important;
   2590   }
   2591   .content-block {
   2592     border-color: var(--darker) !important;
   2593     background-color: var(--t) !important;
   2594   }
   2595   .content-block p:not(.status-box) {
   2596     color: var(--light) !important;
   2597   }
   2598   .content-block.landing {
   2599     background-color: var(--darken) !important;
   2600   }
   2601   .content-block.landing h4 {
   2602     color: var(--light) !important;
   2603   }
   2604   .content-block .new-branch-col .btn {
   2605     padding: 6px 10px !important;
   2606     line-height: 20px !important;
   2607     font-size: 0.875rem;
   2608   }
   2609   .emoji-block .col-lg-6 {
   2610     flex: unset;
   2611     width: unset;
   2612     max-width: unset;
   2613   }
   2614   .emoji-block .col-lg-6:first-child {
   2615     max-width: 50%;
   2616   }
   2617   .emoji-block .col-lg-6:last-child {
   2618     flex: 1 1 auto !important;
   2619   }
   2620   .nav-block {
   2621     border-color: var(--darker) !important;
   2622   }
   2623   .row-content-block {
   2624     color: var(--light) !important;
   2625     border-color: var(--darker) !important;
   2626     background-color: var(--darken) !important;
   2627   }
   2628   .row-content-block.footer-block {
   2629     background-color: var(--t) !important;
   2630   }
   2631   .row-content-block .btn:not(.btn-link):not(.btn-success):not(.btn-danger):not(.btn-info):not(.gl-button),
   2632   .row-content-block .btn-default {
   2633     background-color: var(--dark) !important;
   2634   }
   2635   .row-content-block .btn.dropdown-toggle {
   2636     border: 1px solid var(--darker);
   2637   }
   2638   .row-content-block .filtered-search-box:not(#z) {
   2639     background-color: var(--dark) !important;
   2640   }
   2641   .row-content-block.top-block {
   2642     padding: 16px 0;
   2643     background-color: var(--bb) !important;
   2644   }
   2645   .row-content-block.top-block .event-last-push time {
   2646     color: var(--light) !important;
   2647   }
   2648   .row-content-block.top-block .event-last-push-text {
   2649     font-size: 14px;
   2650   }
   2651   .row-content-block.top-block .btn-sm {
   2652     padding: 6px 10px !important;
   2653     line-height: 1.5 !important;
   2654     font-size: 14px !important;
   2655   }
   2656   .row-content-block.issues-details-filters [class *= 'menu-toggle'] {
   2657     background-color: var(--dark) !important;
   2658   }
   2659   .row-content-block span > code,
   2660   .row-content-block form > div > button {
   2661     background-color: var(--dark) !important;
   2662   }
   2663   .row-content-block .block {
   2664     border-color: var(--darker) !important;
   2665   }
   2666   .row-content-block .block .title {
   2667     color: var(--light) !important;
   2668   }
   2669   .row-content-block .block button.dropdown-toggle[id]:not(#z),
   2670   .row-content-block .block button.dropdown-menu-toggle {
   2671     background-color: var(--darken) !important;
   2672   }
   2673   .sub-header-block {
   2674     border-color: var(--darker) !important;
   2675     background-color: var(--t) !important;
   2676   }
   2677   .gl-tabs-nav {
   2678     border-color: var(--darker) !important;
   2679   }
   2680   .gl-tab-nav-item {
   2681     color: var(--lighter) !important;
   2682   }
   2683   .gl-tab-nav-item-active {
   2684     color: var(--light) !important;
   2685   }
   2686   .gl-tab-nav-item:hover {
   2687     box-shadow: inset 0 -0.125rem var(--darker);
   2688   }
   2689   .gl-tab-nav-item.active {
   2690     box-shadow: inset 0 -0.125rem var(--accent);
   2691   }
   2692   .gl-tab-content {
   2693     color: var(--light) !important;
   2694   }
   2695   .gl-tab-content .text-dark,
   2696   .gl-tab-content .text-dark:hover {
   2697     color: var(--light) !important;
   2698   }
   2699   .gl-tab-content .text-secondary,
   2700   .gl-tab-content .text-secondary:hover {
   2701     color: var(--lighter) !important;
   2702   }
   2703   .pipeline-quota {
   2704     border-color: var(--darker) !important;
   2705   }
   2706   .pipeline-quota + .ci-table > div:first-child {
   2707     margin-top: -1px !important;
   2708   }
   2709   .registry-placeholder .gl-text-black-normal {
   2710     color: var(--light) !important;
   2711   }
   2712   .registry-placeholder a.gl-text-black-normal:hover {
   2713     color: var(--accent) !important;
   2714   }
   2715   .gitlab-tabs {
   2716     border-radius: 4px 4px 0 0;
   2717     border-color: var(--darker) !important;
   2718     background-color: var(--t) !important;
   2719   }
   2720   .gitlab-tabs.nav.nav-tabs.nav-links {
   2721     border-radius: 4px 4px 0 0;
   2722     border-bottom: 1px solid;
   2723     box-shadow: none;
   2724   }
   2725   .gitlab-tabs.nav.nav-tabs.nav-links > .nav-item {
   2726     margin: 0;
   2727   }
   2728   .gitlab-tabs li[class ^= 'nav-'] {
   2729     border-color: var(--darker) !important;
   2730     background-color: var(--darker) !important;
   2731   }
   2732   .gitlab-tabs li[class ^= 'nav-']:first-child {
   2733     margin: 0;
   2734   }
   2735   .gitlab-tabs li[class ^= 'nav-'] a {
   2736     border-radius: 0;
   2737   }
   2738   .gitlab-tabs li[class ^= 'nav-']:first-child a {
   2739     border-radius: 3px 0 0 0;
   2740   }
   2741   .gitlab-tabs li[class ^= 'nav-']:last-child a {
   2742     border-radius: 0 3px 0 0;
   2743   }
   2744   .gitlab-tabs li[class ^= 'nav-']:hover a.nav-link {
   2745     color: var(--light) !important;
   2746     border-color: var(--t) !important;
   2747   }
   2748   .gitlab-tabs li[class ^= 'nav-'] a:not(.active) {
   2749     background-color: var(--dark) !important;
   2750   }
   2751   .gitlab-tabs li[class ^= 'nav-'] a.active.nav-link {
   2752     margin-bottom: -1px;
   2753     color: var(--light) !important;
   2754     border-color: var(--darken) !important;
   2755     background-color: var(--darken) !important;
   2756   }
   2757   .gitlab-tabs + .gitlab-tab-content {
   2758     border-radius: 0 0 4px 4px;
   2759     border-color: var(--darker) !important;
   2760     background-color: var(--darken) !important;
   2761   }
   2762   .gitlab-tabs + .gitlab-tab-content .form-control,
   2763   .gitlab-tabs + .gitlab-tab-content .info-well {
   2764     background-color: var(--dark) !important;
   2765   }
   2766   .gitlab-tabs + .gitlab-tab-content .select2-choice,
   2767   .gitlab-tabs + .gitlab-tab-content .select2-choices {
   2768     background-color: var(--dark) !important;
   2769   }
   2770   .gitlab-tabs + .gitlab-tab-content [class *= 'input-group']:not(.template-input-group) {
   2771     border-radius: 3px 0 0 3px;
   2772     color: var(--light) !important;
   2773     border-color: var(--darker) !important;
   2774     background-color: var(--bb) !important;
   2775   }
   2776   .option-title {
   2777     color: var(--light) !important;
   2778   }
   2779   .option-description,
   2780   .option-disabled-reason {
   2781     color: var(--lighter) !important;
   2782   }
   2783   .gitlab-tabs + .gitlab-tab-content .template-option {
   2784     border-color: var(--darker) !important;
   2785   }
   2786   .gitlab-tabs + .gitlab-tab-content .card-slim {
   2787     background-color: var(--dark) !important;
   2788   }
   2789   .nav-tabs .nav-link.active {
   2790     border-color: var(--accent) !important;
   2791     background-color: var(--t) !important;
   2792   }
   2793   .gitlab-tabs + .gitlab-tab-content .btn[class *= 'gitea'] svg path {
   2794     fill: var(--lighter) !important;
   2795   }
   2796   .gitlab-tabs + .gitlab-tab-content .btn[class *= 'gitea'] svg rect {
   2797     fill: var(--dark) !important;
   2798   }
   2799   .gitlab-tabs + .gitlab-tab-content .btn-cancel,
   2800   .gitlab-tabs + .gitlab-tab-content .btn-default,
   2801   .gitlab-tabs + .gitlab-tab-content .btn[class *= 'import'] {
   2802     background-color: var(--dark) !important;
   2803   }
   2804   .section-welcome .container .blank-state-link {
   2805     color: var(--lighter) !important;
   2806     border-color: var(--darker) !important;
   2807     background-color: var(--dark) !important;
   2808   }
   2809   .section-welcome .container .blank-state-link:hover {
   2810     color: var(--light) !important;
   2811     background-color: var(--darken) !important;
   2812   }
   2813   .projects-list > li {
   2814     border-color: var(--darker) !important;
   2815   }
   2816   .projects-list > li .description {
   2817     color: var(--lighter) !important;
   2818   }
   2819   .user-access-role {
   2820     color: var(--lighter) !important;
   2821     border-color: var(--darker) !important;
   2822     background-color: rgba(136,136,136,0.082) !important;
   2823   }
   2824   .projects-list.compact .user-access-role {
   2825     line-height: 18px;
   2826   }
   2827   .projects-list.compact .avatar {
   2828     line-height: 38px !important;
   2829   }
   2830   .loading {
   2831     color: var(--lighter) !important;
   2832   }
   2833   .projects-list:not(.compact),
   2834   .snippets-list-holder > ul,
   2835   #groups > ul {
   2836     margin-top: 10px;
   2837     padding: 12px;
   2838     background-color: var(--darken) !important;
   2839     border-radius: 4px;
   2840   }
   2841   .projects-list:not(.compact) > li,
   2842   .snippets-list-holder > ul > li,
   2843   #groups > ul > li {
   2844     padding: 12px 0 !important;
   2845   }
   2846   .projects-list:not(.compact) > li:first-child,
   2847   .snippets-list-holder > ul > li:first-child,
   2848   #groups > ul > li:first-child {
   2849     padding-top: 0 !important;
   2850   }
   2851   .projects-list:not(.compact) > li:last-child,
   2852   .snippets-list-holder > ul > li:last-child,
   2853   #groups > ul > li:last-child {
   2854     padding-bottom: 0 !important;
   2855   }
   2856   .user-calendar-activities {
   2857     background-color: var(--darken) !important;
   2858     border-radius: 4px;
   2859   }
   2860   .user-calendar-activities h4 {
   2861     margin: 10px 12px 0;
   2862     padding: 10px 0;
   2863     border-bottom: 1px solid var(--darker);
   2864   }
   2865   .user-calendar-activities ul li,
   2866   .user-calendar-activities > p {
   2867     margin: 0 12px !important;
   2868     padding: 10px 0 !important;
   2869   }
   2870   .event-item {
   2871     color: var(--lighter) !important;
   2872     border-color: var(--darker) !important;
   2873   }
   2874   .event-item .commit,
   2875   .event-item .commits-stat {
   2876     color: var(--light) !important;
   2877   }
   2878   .event-item [href],
   2879   .event-item [href *= '/compare/'] {
   2880     color: var(--accent) !important;
   2881   }
   2882   .event-item .joined-icon svg,
   2883   .event-item .pushed-new-icon svg,
   2884   .event-item .pushed-to-icon svg {
   2885     fill: var(--lighter) !important;
   2886   }
   2887   .event-user-info a[href] {
   2888     color: var(--light) !important;
   2889   }
   2890   div.content_list {
   2891     margin-top: 10px;
   2892     padding: 10px;
   2893     background-color: var(--darken) !important;
   2894     border-radius: 4px;
   2895   }
   2896   div.content_list > .event-item {
   2897     padding-top: 10px;
   2898     padding-bottom: 10px;
   2899   }
   2900   .event-note pre.code {
   2901     border: 1px solid var(--darker) !important;
   2902     color: var(--light) !important;
   2903     background-color: var(--dark) !important;
   2904   }
   2905   .card {
   2906     border-color: var(--darker) !important;
   2907     background-color: var(--dark) !important;
   2908   }
   2909   .card .user-info .user {
   2910     color: var(--light) !important;
   2911   }
   2912   .card-header {
   2913     border-color: var(--darker) !important;
   2914     background-color: var(--darken) !important;
   2915   }
   2916   .card-header.bg-info {
   2917     color: var(--white) !important;
   2918     border-color: var(--blue) !important;
   2919     background-color: var(--blue) !important;
   2920   }
   2921   .card-header.bg-danger {
   2922     color: var(--white) !important;
   2923     border-color: var(--red) !important;
   2924     background-color: var(--red) !important;
   2925   }
   2926   .card-header + ul > .list-group-item {
   2927     border-color: var(--darker) !important;
   2928     background-color: var(--t) !important;
   2929   }
   2930   .card.border-info {
   2931     border-color: var(--blue) !important;
   2932   }
   2933   .card.border-danger {
   2934     border-color: var(--red) !important;
   2935   }
   2936   .list-group > .list-group-item {
   2937     border-color: var(--darker) !important;
   2938     background-color: var(--dark) !important;
   2939   }
   2940   .card-header input,
   2941   .card-header [class *= 'dropdown-menu'] {
   2942     background-color: var(--dark) !important;
   2943   }
   2944   .card-header .card-title {
   2945     color: var(--light) !important;
   2946   }
   2947   .card-body > .form-actions {
   2948     border-color: var(--darker) !important;
   2949     background-color: var(--dark) !important;
   2950   }
   2951   .card-body,
   2952   .card-body > .form-actions {
   2953     border-radius: 0 0 3px 3px !important;
   2954   }
   2955   .card-footer {
   2956     border-color: var(--darker) !important;
   2957     background-color: var(--darken) !important;
   2958   }
   2959   .card-footer.alert-primary {
   2960     color: var(--blue) !important;
   2961     background-color: var(--darken) !important;
   2962   }
   2963   .card-footer pre,
   2964   .card-footer code {
   2965     border-radius: 4px;
   2966     background-color: var(--dark) !important;
   2967   }
   2968   .card.border-0 {
   2969     border: 1px solid var(--darker) !important;
   2970   }
   2971   .card.border-0 .card-header a {
   2972     color: var(--light) !important;
   2973   }
   2974   .environments-dashboard .dashboard-card {
   2975     box-shadow: none !important;
   2976     border: none !important;
   2977     background-color: var(--t) !important;
   2978   }
   2979   .related-issues-block .card-header {
   2980     border-color: var(--darker) !important;
   2981     background-color: var(--darken) !important;
   2982     border-radius: 3px 3px 0 0;
   2983   }
   2984   .related-issues-block .card-header.panel-empty-heading {
   2985     box-shadow: inset 0 -1px var(--darker);
   2986   }
   2987   .related-issues-block .card .linked-issues-card-body {
   2988     min-height: 16px;
   2989     border-radius: 0 0 3px 3px;
   2990     background-color: var(--bb) !important;
   2991   }
   2992   .related-issues-block .card .linked-issues-card-body > .card-body {
   2993     border-radius: 3px !important;
   2994   }
   2995   .related-issues-block .card ul > li,
   2996   .related-issues-block .card ul > li[class *= 'input'] > input {
   2997     color: var(--light) !important;
   2998     background-color: var(--darken) !important;
   2999   }
   3000   .issue-token-reference {
   3001     color: var(--light) !important;
   3002     background-color: var(--darker) !important;
   3003   }
   3004   .issue-token-remove-button {
   3005     color: var(--red) !important;
   3006     background-color: var(--darker) !important;
   3007   }
   3008   .add-issuable-form-input {
   3009     color: var(--light) !important;
   3010     background-color: var(--darken) !important;
   3011   }
   3012   .related-issues-block .card ul > li:first-child {
   3013     border-radius: 3px 3px 0 0;
   3014   }
   3015   .related-issues-block .card ul > li:last-child {
   3016     border-bottom-left-radius: 3px;
   3017     border-bottom-right-radius: 3px;
   3018   }
   3019   .related-items-tree .item-title a {
   3020     color: var(--light) !important;
   3021   }
   3022   .related-items-tree .item-meta {
   3023     color: var(--lighter) !important;
   3024     border-color: var(--darker) !important;
   3025   }
   3026   .related-items-list .item-body.item-closed {
   3027     background-color: var(--bb) !important;
   3028     border-radius: 3px !important;
   3029   }
   3030   #merge-requests {
   3031     background-color: var(--dark) !important;
   3032   }
   3033   #merge-requests .card-header {
   3034     border-color: var(--darker) !important;
   3035     background-color: var(--darken) !important;
   3036     border-radius: 3px 3px 0 0;
   3037   }
   3038   #merge-requests ul li {
   3039     background-color: var(--t) !important;
   3040   }
   3041   .item-assignees:not(#z) .avatar {
   3042     border-color: var(--darken) !important;
   3043   }
   3044   .item-assignees:not(#z) .avatar-counter {
   3045     color: var(--light) !important;
   3046     background-color: var(--darker) !important;
   3047     border-radius: var(--avatar);
   3048   }
   3049   [class *= '-filters'] + div[class]:not([class *= 'boards']),
   3050   [class *= '-filters'] + div[class]:not([class *= 'boards']) .card {
   3051     background-color: var(--t) !important;
   3052   }
   3053   [class *= '-filters'] + div[class]:not([class *= 'boards']) li {
   3054     border-top: none;
   3055     color: var(--light) !important;
   3056   }
   3057   [class *= '-filters'] + div[class]:not([class *= 'boards']) li:hover {
   3058     background-color: var(--darken) !important;
   3059   }
   3060   .done-reversible {
   3061     border-top: none !important;
   3062     opacity: 0.6;
   3063     background-color: var(--t) !important;
   3064   }
   3065   [class *= '-filters'].epics-filters [class *= '-toggle'] {
   3066     background-color: var(--dark) !important;
   3067   }
   3068   .card.linked-card::after,
   3069   .card.release-block::after {
   3070     border-color: var(--darken) !important;
   3071   }
   3072   .card.linked-card > .card-header,
   3073   .card.release-block > .card-header {
   3074     background-color: var(--darken) !important;
   3075   }
   3076   .card.linked-card > .card-body,
   3077   .card.release-block > .card-body {
   3078     background-color: var(--dark) !important;
   3079   }
   3080   .card.links-card a {
   3081     color: var(--accent) !important;
   3082   }
   3083   .sortable-container {
   3084     background-color: var(--darken) !important;
   3085   }
   3086   .sortable-container[class *= 'body'] {
   3087     border-radius: 0 0 4px 4px;
   3088   }
   3089   .sortable-row .sortable-link {
   3090     color: var(--accent) !important;
   3091   }
   3092   .epic-discussion-separator {
   3093     border-color: var(--darker) !important;
   3094   }
   3095   .flex-grid .grid-row,
   3096   .flex-grid .grid-cell {
   3097     border-color: var(--darker) !important;
   3098   }
   3099   .flex-grid .property-label {
   3100     color: var(--lighter) !important;
   3101   }
   3102   .flex-grid .property-value {
   3103     color: var(--light) !important;
   3104   }
   3105   .animation-container [class *= 'skeleton-line-'] {
   3106     background-color: var(--darker) !important;
   3107   }
   3108   .animation-container [class *= 'skeleton-line-']::after {
   3109     background-image: linear-gradient(90deg, var(--darker) 0%, var(--darken) 50%, var(--darker));
   3110   }
   3111   [class *= 'card-skeleton-']::after {
   3112     background-image: linear-gradient(90deg, var(--darker) 0%, var(--darken) 50%, var(--darker));
   3113   }
   3114   .gl-spinner.gl-spinner-dark {
   3115     border-color: var(--darker) !important;
   3116     border-top-color: var(--accent) !important;
   3117   }
   3118   svg.gl-skeleton-loader rect {
   3119     fill: var(--darker) !important;
   3120   }
   3121   .pika-single {
   3122     margin-top: 10px;
   3123     color: var(--light) !important;
   3124     border-color: var(--darker) !important;
   3125     background-color: var(--darken) !important;
   3126     border-radius: 4px;
   3127   }
   3128   .pika-single .pika-label {
   3129     color: var(--light) !important;
   3130     background-color: var(--t) !important;
   3131   }
   3132   .pika-single .pika-prev,
   3133   .pika-single .pika-next {
   3134     color: var(--light) !important;
   3135     text-indent: 0;
   3136     background: none;
   3137   }
   3138   .pika-single .pika-prev::before,
   3139   .pika-single .pika-next::before {
   3140     display: inline-block;
   3141     width: 20px;
   3142   }
   3143   .pika-single .pika-prev::before {
   3144     content: 'โ†';
   3145   }
   3146   .pika-single .pika-next::before {
   3147     content: 'โ†’';
   3148   }
   3149   .pika-single .pika-table {
   3150     border: 1px solid var(--darker);
   3151   }
   3152   .pika-single .pika-table th:not(#z) {
   3153     border-top: none !important;
   3154     color: var(--light) !important;
   3155     border-color: var(--t) !important;
   3156     background-color: var(--dark) !important;
   3157   }
   3158   .pika-single .pika-table td {
   3159     border-color: var(--darker) !important;
   3160   }
   3161   .pika-single .pika-table td .pika-day {
   3162     color: var(--light) !important;
   3163     background-color: var(--bb) !important;
   3164   }
   3165   .pika-single .pika-table td .pika-day:hover,
   3166   .pika-single .pika-table td[class ^= 'is-'] .pika-day {
   3167     color: var(--accent) !important;
   3168     background-color: var(--darken) !important;
   3169   }
   3170   .pika-single .pika-table td.is-disabled .pika-day {
   3171     color: var(--lighter) !important;
   3172     background-color: var(--t) !important;
   3173   }
   3174   .pika-single .pika-table tr:last-child > td {
   3175     border-bottom: none !important;
   3176   }
   3177   .pika-single.is-bound {
   3178     box-shadow: var(--bshadow);
   3179   }
   3180   .gl-datepicker-theme {
   3181     font-family: var(--ui-font) !important;
   3182   }
   3183   .gl-datepicker-theme .pika-lendar:not(#z) {
   3184     border-radius: 4px;
   3185     box-shadow: inset 0 0 0 1px var(--darker);
   3186   }
   3187   .avatar,
   3188   .avatar-circle,
   3189   .avatar-container {
   3190     text-shadow: 2px 2px 1px var(--shadow);
   3191     border-radius: var(--avatar) !important;
   3192     color: var(--light) !important;
   3193     border-color: var(--t) !important;
   3194   }
   3195   .avatar.identicon {
   3196     color: var(--white) !important;
   3197   }
   3198   .avatar:not(.identicon) {
   3199     border-color: var(--t) !important;
   3200     background-color: var(--t) !important;
   3201   }
   3202   .avatar.s48 {
   3203     line-height: 46px;
   3204   }
   3205   .avatar[class *= 'bg'] {
   3206     border-radius: var(--avatar);
   3207     box-shadow: inset 0 0 0 0.15em var(--shadow);
   3208   }
   3209   .avatar.bg0 {
   3210     background-color: var(--red) !important;
   3211   }
   3212   .avatar.bg1 {
   3213     background-color: var(--green) !important;
   3214   }
   3215   .avatar.bg2 {
   3216     background-color: var(--blue) !important;
   3217   }
   3218   .avatar.bg3 {
   3219     background-color: var(--yellow) !important;
   3220   }
   3221   .avatar.bg4 {
   3222     background-color: var(--magenta) !important;
   3223   }
   3224   .avatar.bg5 {
   3225     background-color: var(--cyan) !important;
   3226   }
   3227   .avatar.bg6 {
   3228     background-color: var(--violet) !important;
   3229   }
   3230   .avatar.bg7 {
   3231     background-color: var(--orange) !important;
   3232   }
   3233   .avatar.bgNaN {
   3234     background-color: var(--darker) !important;
   3235     box-shadow: none;
   3236   }
   3237   .page-title {
   3238     color: var(--light) !important;
   3239   }
   3240   .page-title-holder {
   3241     border-color: var(--darker) !important;
   3242   }
   3243   .commit-box {
   3244     border-color: var(--darker) !important;
   3245   }
   3246   .commit-box .commit-title,
   3247   .commit-box time {
   3248     color: var(--light) !important;
   3249   }
   3250   .breadcrumb-item a {
   3251     color: var(--lighter) !important;
   3252   }
   3253   .breadcrumb-item a strong {
   3254     color: var(--light) !important;
   3255   }
   3256   .breadcrumbs-list a {
   3257     color: var(--lighter) !important;
   3258   }
   3259   .breadcrumbs-list-angle {
   3260     fill: var(--lighter) !important;
   3261   }
   3262   .breadcrumbs-container {
   3263     border-color: var(--darker) !important;
   3264   }
   3265   .breadcrumbs-sub-title a {
   3266     color: var(--light) !important;
   3267   }
   3268   .breadcrumbs-links img {
   3269     border-color: var(--darken) !important;
   3270     background-color: var(--darken) !important;
   3271   }
   3272   .breadcrumbs.group-epics-roadmap {
   3273     border-color: var(--darker) !important;
   3274   }
   3275   .breadcrumb.repo-breadcrumb > li + li::before {
   3276     color: var(--lighter) !important;
   3277   }
   3278   .pagination .page-link {
   3279     color: var(--light) !important;
   3280     border-color: var(--darker) !important;
   3281     background-color: var(--darken) !important;
   3282   }
   3283   .pagination .page-link:not(.active):hover {
   3284     background-color: var(--darker) !important;
   3285     box-shadow: none;
   3286   }
   3287   .pagination .disabled .page-link {
   3288     opacity: 0.6;
   3289     color: var(--lighter) !important;
   3290     background-color: var(--darken) !important;
   3291   }
   3292   .pagination .active .page-link,
   3293   .pagination .page-link.active {
   3294     color: var(--accent) !important;
   3295     background-color: var(--darker) !important;
   3296   }
   3297   .md {
   3298     color: var(--light) !important;
   3299   }
   3300   .md h1,
   3301   .md h2 {
   3302     color: var(--light) !important;
   3303     border-color: var(--darker) !important;
   3304   }
   3305   .md hr {
   3306     border-color: var(--darker) !important;
   3307   }
   3308   .md p {
   3309     color: var(--light) !important;
   3310   }
   3311   .md a {
   3312     color: var(--accent) !important;
   3313   }
   3314   .md a > code,
   3315   .md p > code {
   3316     padding: 2px 4px;
   3317     color: inherit !important;
   3318   }
   3319   .md kbd {
   3320     border-color: var(--darker) !important;
   3321     box-shadow: inset 0 -1px 0 var(--darker) !important;
   3322   }
   3323   .md kbd > kbd {
   3324     background-color: var(--bb) !important;
   3325   }
   3326   .md blockquote,
   3327   .md .blockquote {
   3328     border-left-width: 5px;
   3329     color: var(--lighter) !important;
   3330     border-color: var(--darker) !important;
   3331   }
   3332   .md blockquote p,
   3333   .md .blockquote p {
   3334     color: var(--lighter) !important;
   3335   }
   3336   .md img.lazy {
   3337     background-color: var(--darken) !important;
   3338   }
   3339   .md img:not(.emoji) {
   3340     border-color: var(--darker) !important;
   3341   }
   3342   [src *= 'style=for-the-badge'],
   3343   .md img:not(.emoji)[data-canonical-src *= 'style=for-the-badge'] {
   3344     border-radius: 4px;
   3345   }
   3346   .md pre {
   3347     border-radius: 4px !important;
   3348   }
   3349   .md pre.code.white {
   3350     border: 1px solid var(--darker);
   3351     color: var(--light) !important;
   3352     background-color: var(--darken) !important;
   3353   }
   3354   .md pre.code.white.highlight {
   3355     background-color: var(--darken) !important;
   3356   }
   3357   .md pre.code.none {
   3358     color: var(--light) !important;
   3359     background-color: var(--darken) !important;
   3360   }
   3361   .md pre.code.none .line span {
   3362     color: var(--light) !important;
   3363   }
   3364   .md code {
   3365     font-family: var(--mono-font) !important;
   3366   }
   3367   .md gl-emoji {
   3368     font-size: 1em;
   3369     font-family: var(--emoji-font);
   3370   }
   3371   .md-suggestion-header {
   3372     border-color: var(--darker) !important;
   3373     background-color: var(--darken) !important;
   3374   }
   3375   .md-suggestion-diff {
   3376     font-family: var(--mono-font) !important;
   3377     border-radius: 0 0 4px 4px !important;
   3378     border-color: var(--darker) !important;
   3379   }
   3380   .md-suggestion tr:last-child > td:first-child::after {
   3381     border-radius: 0 0 0 3px;
   3382   }
   3383   .md-suggestion tr:last-child > td:last-child::after {
   3384     border-radius: 0 0 3px 0;
   3385   }
   3386   .md .anchor::after {
   3387     content: 'ยง' !important;
   3388     color: var(--light) !important;
   3389   }
   3390   .task-list {
   3391     color: var(--light) !important;
   3392   }
   3393   .swagger-ui {
   3394     position: relative;
   3395     z-index: 1;
   3396   }
   3397   .swagger-ui .info .title {
   3398     color: var(--light) !important;
   3399   }
   3400   .swagger-ui .info a,
   3401   .swagger-ui link a {
   3402     color: var(--accent) !important;
   3403   }
   3404   .swagger-ui button.btn {
   3405     color: var(--light) !important;
   3406     border-color: var(--darker) !important;
   3407     background-color: var(--darken) !important;
   3408   }
   3409   .swagger-ui .arrow {
   3410     fill: var(--light) !important;
   3411   }
   3412   .swagger-ui button.btn.execute {
   3413     color: var(--white) !important;
   3414     border-color: var(--blue) !important;
   3415     background-color: var(--blue) !important;
   3416   }
   3417   .swagger-ui .download-contents {
   3418     color: var(--light) !important;
   3419     background-color: var(--darker) !important;
   3420   }
   3421   .swagger-ui input,
   3422   .swagger-ui textarea {
   3423     color: var(--light) !important;
   3424     border-color: var(--darker) !important;
   3425     background-color: var(--darken) !important;
   3426   }
   3427   .swagger-ui input[disabled],
   3428   .swagger-ui textarea[disabled] {
   3429     color: var(--lighter) !important;
   3430     border-color: var(--darker) !important;
   3431     background-color: var(--darken) !important;
   3432     opacity: 0.6;
   3433   }
   3434   .swagger-ui,
   3435   .swagger-ui h3,
   3436   .swagger-ui h4,
   3437   .swagger-ui h5 {
   3438     color: var(--light) !important;
   3439   }
   3440   .swagger-ui select {
   3441     color: var(--light) !important;
   3442     border-color: var(--darker) !important;
   3443     background-color: var(--darken) !important;
   3444     box-shadow: none !important;
   3445   }
   3446   .swagger-ui .opblock-tag {
   3447     color: var(--light) !important;
   3448     border-color: var(--darker) !important;
   3449   }
   3450   .swagger-ui .opblock-section p {
   3451     color: var(--lighter) !important;
   3452   }
   3453   .swagger-ui .opblock-title,
   3454   .swagger-ui .opblock-section-header h4 {
   3455     color: var(--light) !important;
   3456   }
   3457   .swagger-ui .opblock-section-header {
   3458     background-color: var(--darken) !important;
   3459     box-shadow: 0 1px var(--darker), 0 -1px var(--darker) !important;
   3460   }
   3461   .swagger-ui .opblock-summary-path,
   3462   .swagger-ui .opblock-summary-operation-id,
   3463   .swagger-ui .opblock-summary-path__deprecated {
   3464     color: var(--light) !important;
   3465   }
   3466   .swagger-ui .opblock-summary-description {
   3467     color: var(--lighter) !important;
   3468   }
   3469   .swagger-ui .opblock::before {
   3470     z-index: -1;
   3471     opacity: 0.1;
   3472     position: absolute;
   3473     top: 0;
   3474     right: 0;
   3475     bottom: 0;
   3476     left: 0;
   3477   }
   3478   .swagger-ui .opblock-get {
   3479     border-color: var(--blue) !important;
   3480     background-color: var(--t) !important;
   3481     position: relative;
   3482   }
   3483   .swagger-ui .opblock-get::before {
   3484     content: '';
   3485     background-color: var(--blue) !important;
   3486   }
   3487   .swagger-ui .opblock-get .tab-item.active h4 span::after,
   3488   .swagger-ui .opblock-get .opblock-summary-method {
   3489     background-color: var(--blue) !important;
   3490   }
   3491   .swagger-ui .opblock-put {
   3492     border-color: var(--orange) !important;
   3493     background-color: var(--t) !important;
   3494     position: relative;
   3495   }
   3496   .swagger-ui .opblock-put::before {
   3497     content: '';
   3498     background-color: var(--orange) !important;
   3499   }
   3500   .swagger-ui .opblock-put .tab-item.active h4 span::after,
   3501   .swagger-ui .opblock-put .opblock-summary-method {
   3502     background-color: var(--orange) !important;
   3503   }
   3504   .swagger-ui .opblock-post {
   3505     border-color: var(--green) !important;
   3506     background-color: var(--t) !important;
   3507     position: relative;
   3508   }
   3509   .swagger-ui .opblock-post::before {
   3510     content: '';
   3511     background-color: var(--green) !important;
   3512   }
   3513   .swagger-ui .opblock-post .tab-item.active h4 span::after,
   3514   .swagger-ui .opblock-post .opblock-summary-method {
   3515     background-color: var(--green) !important;
   3516   }
   3517   .swagger-ui .opblock-patch {
   3518     border-color: var(--cyan) !important;
   3519     background-color: var(--t) !important;
   3520     position: relative;
   3521   }
   3522   .swagger-ui .opblock-patch::before {
   3523     content: '';
   3524     background-color: var(--cyan) !important;
   3525   }
   3526   .swagger-ui .opblock-patch .tab-item.active h4 span::after,
   3527   .swagger-ui .opblock-patch .opblock-summary-method {
   3528     background-color: var(--cyan) !important;
   3529   }
   3530   .swagger-ui .opblock-delete {
   3531     border-color: var(--red) !important;
   3532     background-color: var(--t) !important;
   3533     position: relative;
   3534   }
   3535   .swagger-ui .opblock-delete::before {
   3536     content: '';
   3537     background-color: var(--red) !important;
   3538   }
   3539   .swagger-ui .opblock-delete .tab-item.active h4 span::after,
   3540   .swagger-ui .opblock-delete .opblock-summary-method {
   3541     background-color: var(--red) !important;
   3542   }
   3543   .swagger-ui .model {
   3544     color: var(--light) !important;
   3545   }
   3546   .swagger-ui .model-title {
   3547     color: var(--light) !important;
   3548   }
   3549   .swagger-ui .model-toggle::after {
   3550     filter: invert(1);
   3551   }
   3552   .swagger-ui .models {
   3553     border-color: var(--darker) !important;
   3554   }
   3555   .swagger-ui .models > h4 {
   3556     border-color: var(--darker) !important;
   3557     background-color: var(--darken) !important;
   3558   }
   3559   .swagger-ui .prop-format {
   3560     color: var(--lighter) !important;
   3561   }
   3562   .swagger-ui .prop-type {
   3563     color: var(--violet) !important;
   3564   }
   3565   .swagger-ui .parameter__name {
   3566     color: var(--light) !important;
   3567   }
   3568   .swagger-ui .parameter__name::after {
   3569     color: var(--red) !important;
   3570   }
   3571   .swagger-ui .parameter__in,
   3572   .swagger-ui .parameter__type {
   3573     color: var(--lighter) !important;
   3574   }
   3575   .swagger-ui pre.microlight {
   3576     color: var(--light) !important;
   3577     border-color: var(--darker) !important;
   3578     background-color: var(--darken) !important;
   3579   }
   3580   .swagger-ui pre.microlight span:not(#z) {
   3581     color: var(--light) !important;
   3582   }
   3583   .swagger-ui .scheme-container {
   3584     color: var(--light) !important;
   3585     background-color: var(--dark) !important;
   3586     box-shadow: 0 -1px var(--darker), 0 1px var(--darker);
   3587   }
   3588   .swagger-ui table:not(#z) {
   3589     padding: 0;
   3590   }
   3591   .swagger-ui table:not(#z),
   3592   .swagger-ui table:not(#z) th:not(#z),
   3593   .swagger-ui table:not(#z) td {
   3594     color: var(--light) !important;
   3595     border-color: var(--t) !important;
   3596     background-color: var(--t) !important;
   3597   }
   3598   .swagger-ui table:not(#z) span[class = ''],
   3599   .swagger-ui table:not(#z) span:not([class]) {
   3600     color: var(--lighter) !important;
   3601   }
   3602   .swagger-ui .tab li::after {
   3603     background-color: var(--lighter) !important;
   3604   }
   3605   .swagger-ui a.tablinks,
   3606   .swagger-ui [class *= 'brace-'] {
   3607     color: var(--light) !important;
   3608   }
   3609   .swagger-ui :not(#z) [style *= 'color: red']:not(#z) {
   3610     color: var(--red) !important;
   3611   }
   3612   .gl-banner {
   3613     color: var(--light) !important;
   3614     border-color: var(--darker) !important;
   3615     background-color: var(--darken) !important;
   3616   }
   3617   .close {
   3618     color: var(--lighter) !important;
   3619     text-shadow: none;
   3620   }
   3621   .new-gl-button {
   3622     background-color: var(--darker) !important;
   3623     box-shadow: inset 0 0 0 1px var(--darker);
   3624   }
   3625   .new-gl-button:hover {
   3626     opacity: 0.8;
   3627     box-shadow: inset 0 0 0 1px var(--darker);
   3628   }
   3629   .mermaid:not(.code),
   3630   .artwork,
   3631   .group-empty-state > .icon,
   3632   .empty-state .svg-content > svg,
   3633   .devops-empty > div > svg,
   3634   .blank-state-icon > svg,
   3635   .svg-container > svg,
   3636   .commits-empty > svg,
   3637   img[src ^= 'img/']:not([src *= 'logo']),
   3638   img[src *= '/help/img/'],
   3639   img[src *= 'assets/promotions/'],
   3640   img[src *= 'assets/illustrations/'],
   3641   #oauth-login-github > img {
   3642     filter: invert(0.8) brightness(110%) hue-rotate(180deg);
   3643     box-shadow: none !important;
   3644   }
   3645   .gl-alert {
   3646     z-index: 1;
   3647   }
   3648   .gl-alert-body a,
   3649   .gl-alert-actions a {
   3650     font-weight: bold;
   3651     color: currentColor !important;
   3652   }
   3653   .gl-alert .js-close {
   3654     color: currentColor;
   3655   }
   3656   .gl-alert .js-close svg {
   3657     fill: currentColor !important;
   3658   }
   3659   .gl-alert::before {
   3660     z-index: -1;
   3661     opacity: 0.15;
   3662     position: absolute;
   3663     top: 0;
   3664     right: 0;
   3665     bottom: 0;
   3666     left: 0;
   3667   }
   3668   .gl-alert-warning {
   3669     color: var(--orange) !important;
   3670     background-color: var(--darken) !important;
   3671   }
   3672   .gl-alert-warning .gl-alert-icon {
   3673     fill: var(--orange) !important;
   3674   }
   3675   .gl-alert-warning::before {
   3676     content: '';
   3677     background-color: var(--orange) !important;
   3678   }
   3679   .gl-alert-danger {
   3680     color: var(--red) !important;
   3681     background-color: var(--darken) !important;
   3682   }
   3683   .gl-alert-danger .gl-alert-icon {
   3684     fill: var(--red) !important;
   3685   }
   3686   .gl-alert-danger::before {
   3687     content: '';
   3688     background-color: var(--red) !important;
   3689   }
   3690   .gl-alert-success {
   3691     color: var(--green) !important;
   3692     background-color: var(--darken) !important;
   3693   }
   3694   .gl-alert-success .gl-alert-icon {
   3695     fill: var(--green) !important;
   3696   }
   3697   .gl-alert-success::before {
   3698     content: '';
   3699     background-color: var(--green) !important;
   3700   }
   3701   .gl-alert-info {
   3702     color: var(--blue) !important;
   3703     background-color: var(--darken) !important;
   3704   }
   3705   .gl-alert-info .gl-alert-icon {
   3706     fill: var(--blue) !important;
   3707   }
   3708   .gl-alert-info::before {
   3709     content: '';
   3710     background-color: var(--blue) !important;
   3711   }
   3712   .gl-alert-tip {
   3713     color: var(--light) !important;
   3714     background-color: var(--darken) !important;
   3715   }
   3716   .gl-alert-tip .gl-alert-icon {
   3717     fill: var(--light) !important;
   3718   }
   3719   .gl-alert-tip::before {
   3720     content: '';
   3721     background-color: var(--lighter) !important;
   3722   }
   3723   .flash-container {
   3724     background-color: var(--dark) !important;
   3725   }
   3726   .flash-container > div {
   3727     position: relative;
   3728   }
   3729   .flash-container > div::before {
   3730     content: '';
   3731     opacity: 0.25;
   3732     position: absolute;
   3733     top: 0;
   3734     right: 0;
   3735     bottom: 0;
   3736     left: 0;
   3737   }
   3738   .flash-container > div svg {
   3739     fill: currentColor !important;
   3740   }
   3741   .flash-container .flash-alert {
   3742     color: var(--red) !important;
   3743     background-color: var(--t) !important;
   3744   }
   3745   .flash-container .flash-alert::before {
   3746     background-color: var(--red) !important;
   3747   }
   3748   .flash-container .flash-warning {
   3749     color: var(--orange) !important;
   3750     background-color: var(--t) !important;
   3751   }
   3752   .flash-container .flash-warning::before {
   3753     background-color: var(--orange) !important;
   3754   }
   3755   .flash-container .flash-notice {
   3756     color: var(--blue) !important;
   3757     background-color: var(--t) !important;
   3758   }
   3759   .flash-container .flash-notice::before {
   3760     background-color: var(--blue) !important;
   3761   }
   3762   .flash-container .flash-success {
   3763     color: var(--green) !important;
   3764     background-color: var(--t) !important;
   3765   }
   3766   .flash-container .flash-success::before {
   3767     background-color: var(--green) !important;
   3768   }
   3769   .flash-container.sticky {
   3770     top: 58px !important;
   3771   }
   3772   .alert.alert-info,
   3773   .alert.alert-primary {
   3774     color: var(--blue) !important;
   3775     border-color: var(--blue) !important;
   3776     background-color: var(--darken) !important;
   3777   }
   3778   .alert.alert-warning {
   3779     color: var(--orange) !important;
   3780     border-color: var(--orange) !important;
   3781     background-color: var(--darken) !important;
   3782   }
   3783   .alert.alert-success {
   3784     color: var(--green) !important;
   3785     border-color: var(--green) !important;
   3786     background-color: var(--darken) !important;
   3787   }
   3788   .alert.alert-secondary {
   3789     color: var(--lighter) !important;
   3790     border-color: var(--darker) !important;
   3791     background-color: var(--darken) !important;
   3792   }
   3793   .alert.alert-danger {
   3794     color: var(--red) !important;
   3795     border-color: var(--red) !important;
   3796     background-color: var(--darken) !important;
   3797   }
   3798   .alert.alert-light {
   3799     color: var(--light) !important;
   3800     border-color: var(--darker) !important;
   3801     background-color: var(--darken) !important;
   3802   }
   3803   .alert h4 {
   3804     color: inherit !important;
   3805   }
   3806   [class *= 'broadcast-banner'] svg {
   3807     fill: var(--white) !important;
   3808   }
   3809   [class *= 'broadcast-banner'] .fa {
   3810     color: var(--white) !important;
   3811   }
   3812   .broadcast-notification-message {
   3813     border-color: var(--darker) !important;
   3814     background-color: var(--darken) !important;
   3815     box-shadow: var(--bshadow);
   3816   }
   3817   .broadcast-notification-message .btn {
   3818     color: var(--light) !important;
   3819   }
   3820   .broadcast-notification-message a {
   3821     color: var(--accent) !important;
   3822   }
   3823   [role = 'alert'][class *= '_message']:not([class *= 'epic']) {
   3824     border-radius: 4px;
   3825   }
   3826   [role = 'alert'] .warning_message:not(#z),
   3827   .warning_message:not(#z) {
   3828     color: var(--orange) !important;
   3829     border-color: var(--orange) !important;
   3830     background-color: var(--darken) !important;
   3831   }
   3832   [role = 'alert'] .danger_message:not(#z),
   3833   .danger_message:not(#z) {
   3834     color: var(--red) !important;
   3835     border-color: var(--red) !important;
   3836     background-color: var(--darken) !important;
   3837   }
   3838   .gl-toggle,
   3839   .project-feature-toggle {
   3840     background-color: var(--darker) !important;
   3841   }
   3842   .gl-toggle .toggle-icon,
   3843   .project-feature-toggle .toggle-icon {
   3844     background-color: var(--dark) !important;
   3845   }
   3846   .gl-toggle .toggle-icon svg,
   3847   .project-feature-toggle .toggle-icon svg {
   3848     fill: var(--lighter) !important;
   3849   }
   3850   .gl-toggle.is-checked,
   3851   .project-feature-toggle.is-checked {
   3852     background-color: var(--accent) !important;
   3853   }
   3854   .gl-toggle.is-checked svg,
   3855   .project-feature-toggle.is-checked svg {
   3856     fill: var(--accent) !important;
   3857   }
   3858   .gl-form-checkbox {
   3859     color: var(--light) !important;
   3860   }
   3861   .gl-form-input {
   3862     box-shadow: none !important;
   3863   }
   3864   .custom-select {
   3865     color: var(--light) !important;
   3866     border-color: var(--darker) !important;
   3867     background-color: var(--darken) !important;
   3868   }
   3869   .gl-form-group .bordered-box.pl-3 {
   3870     padding: 0 !important;
   3871     background-color: var(--dark) !important;
   3872   }
   3873   .gl-form-group .bordered-box.pl-3 > .md-area {
   3874     margin: 0 !important;
   3875     padding: 10px !important;
   3876     border-radius: 4px;
   3877   }
   3878   .gl-form-group .bordered-box.pl-3:focus-within {
   3879     border-color: var(--blue) !important;
   3880   }
   3881   .gl-form-input.form-control {
   3882     background-color: var(--darken) !important;
   3883   }
   3884   .gl-form-input[placeholder] {
   3885     background-color: var(--dark) !important;
   3886   }
   3887   .help-form .form-group form,
   3888   .help-form .form-group .form-control,
   3889   .help-form .form-group code {
   3890     background-color: var(--dark) !important;
   3891   }
   3892   .form-group > label + input {
   3893     background-color: var(--darken) !important;
   3894   }
   3895   .gl-filtered-search-scrollable {
   3896     background-color: var(--dark) !important;
   3897     border-radius: 4px 0 0 4px;
   3898     box-shadow: inset 0 0 0 1px var(--darker) !important;
   3899   }
   3900   .gl-filtered-search-scrollable input {
   3901     color: var(--light) !important;
   3902     background-color: var(--t) !important;
   3903   }
   3904   .gl-filtered-search-suggestion-active {
   3905     background-color: var(--darker) !important;
   3906   }
   3907   .gl-filtered-search-suggestion-active a,
   3908   .gl-filtered-search-suggestion-active p {
   3909     color: var(--light) !important;
   3910   }
   3911   .gl-filtered-search-token-operator-description {
   3912     color: var(--lighter) !important;
   3913   }
   3914   .gl-token-close {
   3915     color: var(--lighter) !important;
   3916   }
   3917   .gl-token-content {
   3918     color: var(--light) !important;
   3919   }
   3920   .gl-token.gl-filtered-search-token-type,
   3921   .gl-token.gl-filtered-search-token-operator {
   3922     background-color: var(--darken) !important;
   3923   }
   3924   .gl-token.gl-filtered-search-token-data {
   3925     background-color: var(--darker) !important;
   3926   }
   3927   .gl-search-box-by-click-search-button {
   3928     border: 1px solid var(--darker);
   3929   }
   3930   .gl-text-body {
   3931     color: var(--light) !important;
   3932   }
   3933   .gl-text-orange-500:not(#z) {
   3934     color: var(--orange) !important;
   3935     fill: var(--orange) !important;
   3936   }
   3937   .gl-bg-white {
   3938     background-color: var(--bb) !important;
   3939   }
   3940   .gl-bg-gray-10 {
   3941     background-color: var(--dark) !important;
   3942   }
   3943   .gl-bg-gray-50 {
   3944     background-color: var(--darken) !important;
   3945   }
   3946   .bg-secondary-50 {
   3947     background-color: var(--darken) !important;
   3948   }
   3949   .gl-bg-green-100.gl-text-green-800 {
   3950     color: var(--white) !important;
   3951     border-color: var(--green) !important;
   3952     background-color: var(--green) !important;
   3953   }
   3954   .gl-bg-blue-50 {
   3955     background-color: var(--blue) !important;
   3956   }
   3957   .gl-border-gray-100,
   3958   .gl-border-gray-200 {
   3959     border-color: var(--darker) !important;
   3960   }
   3961   .border {
   3962     border: 1px solid var(--darker) !important;
   3963   }
   3964   .gl-border-b-gray-100 {
   3965     border-color: var(--darker) !important;
   3966   }
   3967   .gl-inset-border-1-gray-100 {
   3968     box-shadow: inset 0 0 0 1px var(--darker);
   3969   }
   3970   .gl-new-dropdown p {
   3971     color: var(--light) !important;
   3972   }
   3973   .gl-new-dropdown button[class*='close'] {
   3974     border-color: var(--t) !important;
   3975     background-color: var(--t) !important;
   3976   }
   3977   .gfm {
   3978     color: var(--light) !important;
   3979   }
   3980   .gfm.gfm-issue,
   3981   .gfm.gfm-merge_request,
   3982   .gfm.gfm-epic,
   3983   .gfm.gfm-milestone {
   3984     color: var(--accent) !important;
   3985   }
   3986   .gfm.gfm-commit,
   3987   .gfm.gfm-commit_range {
   3988     font-family: var(--mono-font);
   3989   }
   3990   .gfm.gfm-commit,
   3991   .gfm.gfm-commit_range > code {
   3992     color: var(--accent) !important;
   3993   }
   3994   .gfm-color_chip > span {
   3995     border-color: var(--t) !important;
   3996   }
   3997   .gfm.gfm-project_member {
   3998     z-index: 1;
   3999     padding: 1px 3px;
   4000     position: relative;
   4001     text-decoration: none !important;
   4002     transition: 0.2s ease;
   4003     font-weight: 500;
   4004     color: var(--accent) !important;
   4005     background-color: var(--t) !important;
   4006   }
   4007   .gfm.gfm-project_member::before {
   4008     z-index: -1;
   4009     content: '';
   4010     opacity: 0.2;
   4011     position: absolute;
   4012     top: 0;
   4013     right: 0;
   4014     bottom: 0;
   4015     left: 0;
   4016     transition: inherit;
   4017     border-radius: inherit;
   4018     background-color: var(--accent) !important;
   4019   }
   4020   .gfm.gfm-project_member:hover::before {
   4021     opacity: 0.4;
   4022   }
   4023   .gfm.gfm-project_member.current-user {
   4024     color: var(--white) !important;
   4025     background-color: var(--accent) !important;
   4026   }
   4027   .gfm.gfm-project_member.current-user:hover {
   4028     opacity: 0.7;
   4029   }
   4030   .suggestion {
   4031     color: var(--light) !important;
   4032   }
   4033   .suggestion-confidential.s16 {
   4034     fill: var(--orange) !important;
   4035   }
   4036   .suggestion-state-closed.s16 {
   4037     fill: var(--blue) !important;
   4038   }
   4039   .suggestion-state-open.s16 {
   4040     fill: var(--green) !important;
   4041   }
   4042   .gl-label {
   4043     background-color: var(--darker);
   4044   }
   4045   .gl-label-label-link {
   4046     background-color: var(--t) !important;
   4047   }
   4048   .gl-label-text-light {
   4049     text-shadow: 1px 1px 0 var(--shadow);
   4050   }
   4051   .gl-label-text-dark[style *= 'background-color'] + .gl-label-text-dark,
   4052   .gl-label-text-dark > .gl-label-link > span:nth-child(2),
   4053   .gl-label-text[style = 'color: rgb(51, 51, 51);'] {
   4054     color: var(--light) !important;
   4055   }
   4056   .gl-label[style*='--label-inset-border']:not(:hover) [class*='text-scoped'] {
   4057     z-index: 1;
   4058   }
   4059   .gl-label[style*='--label-inset-border']:not(:hover)::after {
   4060     z-index: 0;
   4061     content: '';
   4062     position: absolute;
   4063     top: 0;
   4064     left: 0;
   4065     bottom: 0;
   4066     right: 0;
   4067     box-shadow: inset 0 0 0 1rem var(--shadow) !important;
   4068   }
   4069   .gl-label-link:not(#z),
   4070   .gfm-label:not(#z) {
   4071     color: inherit !important;
   4072   }
   4073   .gl-label-icon[href ^= '/help'] > .fa,
   4074   .gl-label-icon[href ^= '/help'] > svg {
   4075     color: var(--lighter) !important;
   4076   }
   4077   .gl-label-close svg {
   4078     fill: currentColor !important;
   4079   }
   4080   .gl-label:not([style*='label-background']) {
   4081     background-color: var(--darker) !important;
   4082   }
   4083   .gfm-form[action $= 'tags'] .form-control,
   4084   .gfm-form[action $= 'tags'] .dropdown-menu-toggle {
   4085     background-color: var(--dark) !important;
   4086   }
   4087   .modal {
   4088     background-color: var(--t) !important;
   4089   }
   4090   .modal .modal-content {
   4091     color: var(--light) !important;
   4092     border-color: var(--darker) !important;
   4093     background-color: var(--dark) !important;
   4094   }
   4095   .modal .modal-content .modal-header {
   4096     border-color: var(--darker) !important;
   4097     background-color: var(--darken) !important;
   4098   }
   4099   .modal .modal-content .modal-header .close {
   4100     color: var(--lighter) !important;
   4101   }
   4102   .modal .modal-content .modal-body {
   4103     background-color: var(--t) !important;
   4104   }
   4105   .modal .modal-content .modal-body .modal-subheader {
   4106     border-color: var(--darker) !important;
   4107   }
   4108   .modal .modal-content .modal-body table th {
   4109     color: var(--light) !important;
   4110   }
   4111   .modal .modal-content .modal-body table td {
   4112     color: var(--lighter) !important;
   4113   }
   4114   .modal .modal-content .modal-footer {
   4115     border-color: var(--darker) !important;
   4116     background-color: var(--darken) !important;
   4117   }
   4118   .modal .modal-content .modal-footer .btn-secondary {
   4119     background-color: var(--dark) !important;
   4120   }
   4121   .modal .modal-content .btn-clipboard:not(#z) {
   4122     border-color: var(--darker) !important;
   4123     background-color: var(--darken) !important;
   4124   }
   4125   .modal .modal-content .btn[href *= 'mailto:'] {
   4126     height: 34px;
   4127   }
   4128   .modal-backdrop {
   4129     opacity: 0.85 !important;
   4130     background-color: var(--bb) !important;
   4131   }
   4132   body.modal-open {
   4133     padding-right: 0px !important;
   4134   }
   4135   .dropzone-previews {
   4136     border-color: var(--darker) !important;
   4137   }
   4138   .markdown-selector {
   4139     color: var(--accent);
   4140   }
   4141   .design-dropzone-card .text-center {
   4142     color: var(--light) !important;
   4143   }
   4144   #add-projects-modal .gl-form-input {
   4145     background-color: var(--darken) !important;
   4146   }
   4147   #add-projects-modal .gl-infinite-scroll-container .btn {
   4148     background-color: var(--t) !important;
   4149   }
   4150   #add-projects-modal .gl-infinite-scroll-container .btn:focus,
   4151   #add-projects-modal .gl-infinite-scroll-container .btn.focus {
   4152     background-color: var(--darken) !important;
   4153     box-shadow: none !important;
   4154   }
   4155   #add-projects-modal .gl-infinite-scroll-legend {
   4156     color: var(--lighter) !important;
   4157   }
   4158   .modal-doorkeepr-auth > .modal-content {
   4159     border-color: var(--darker) !important;
   4160     background-color: var(--dark) !important;
   4161   }
   4162   .modal-doorkeepr-auth > .modal-content .modal-header {
   4163     border-color: var(--darker) !important;
   4164     background-color: var(--t) !important;
   4165   }
   4166   .modal-doorkeepr-auth > .modal-content .modal-body {
   4167     background-color: var(--t) !important;
   4168   }
   4169   .modal-doorkeepr-auth > .modal-content .modal-body .form-actions {
   4170     background-color: var(--darken) !important;
   4171   }
   4172   .gl-popover {
   4173     font-family: var(--ui-font);
   4174     border-radius: 4px;
   4175     border-color: var(--darker) !important;
   4176     background-color: var(--darken) !important;
   4177     box-shadow: var(--bshadow) !important;
   4178   }
   4179   .gl-popover-header {
   4180     border-color: var(--darker) !important;
   4181     background-color: var(--darken) !important;
   4182   }
   4183   .gl-popover-body {
   4184     padding: 8px;
   4185     color: var(--light) !important;
   4186   }
   4187   .gl-popover.blue {
   4188     background-color: var(--blue) !important;
   4189   }
   4190   .arrow {
   4191     color: var(--darken);
   4192   }
   4193   .gl-popover.blue .arrow {
   4194     color: var(--blue) !important;
   4195   }
   4196   [class *= '-top'] .arrow::before {
   4197     border-top-color: var(--darker) !important;
   4198   }
   4199   [class *= '-top'] .arrow::after {
   4200     border-top-color: inherit !important;
   4201   }
   4202   [class *= '-bottom'] .arrow::before {
   4203     border-bottom-color: var(--darker) !important;
   4204   }
   4205   [class *= '-bottom'] .arrow::after {
   4206     border-bottom-color: inherit !important;
   4207   }
   4208   [class *= '-left'] .arrow::before {
   4209     border-left-color: var(--darker) !important;
   4210   }
   4211   [class *= '-left'] .arrow::after {
   4212     border-left-color: inherit !important;
   4213   }
   4214   [class *= '-right'] .arrow::before {
   4215     border-right-color: var(--darker) !important;
   4216   }
   4217   [class *= '-right'] .arrow::after {
   4218     border-right-color: inherit !important;
   4219   }
   4220   .gpg-popover-icon.valid svg {
   4221     border-color: var(--green) !important;
   4222     fill: var(--green) !important;
   4223   }
   4224   .gpg-popover-icon.invalid svg {
   4225     border-color: var(--red) !important;
   4226     fill: var(--red) !important;
   4227   }
   4228   .gpg-popover-user-link {
   4229     color: var(--light) !important;
   4230   }
   4231   .gl-popover .milestone-popover-body {
   4232     background-color: var(--t) !important;
   4233   }
   4234   .gl-popover .milestone-popover-footer {
   4235     border-color: var(--darker) !important;
   4236   }
   4237   .gl-popover .js-user-status {
   4238     color: var(--lighter) !important;
   4239   }
   4240   .tooltip.show {
   4241     opacity: 1;
   4242   }
   4243   .tooltip-inner {
   4244     color: var(--light) !important;
   4245     background-color: var(--darken) !important;
   4246     border: 1px solid var(--darker);
   4247     box-shadow: var(--bshadow);
   4248   }
   4249   .tooltip-inner [class *= 'share'] {
   4250     color: var(--lighter) !important;
   4251   }
   4252   .tooltip-inner [class *= 'scoped-label'] {
   4253     color: var(--accent) !important;
   4254   }
   4255   .tooltip-inner .text-white-50 {
   4256     color: var(--lighter) !important;
   4257     opacity: 0.5;
   4258   }
   4259   .tooltip[class *= 'bottom'] .arrow::before {
   4260     border-bottom-color: var(--darker);
   4261   }
   4262   .tooltip[class *= 'right'] .arrow::before {
   4263     border-right-color: var(--darker);
   4264   }
   4265   .tooltip[class *= 'left'] .arrow::before {
   4266     border-left-color: var(--darker);
   4267   }
   4268   .tooltip[class *= 'top'] .arrow::before {
   4269     border-top-color: var(--darker);
   4270   }
   4271   .popover {
   4272     border: 1px solid var(--darker);
   4273     color: var(--light) !important;
   4274     background-color: var(--darken) !important;
   4275     box-shadow: var(--bshadow);
   4276   }
   4277   .popover-header {
   4278     color: var(--light) !important;
   4279     border-color: var(--darker) !important;
   4280     background-color: var(--darken) !important;
   4281   }
   4282   .popover-body {
   4283     color: var(--light) !important;
   4284   }
   4285   .onboarding-helper-container {
   4286     background-color: var(--dark) !important;
   4287     box-shadow: inset 0 0 0 1px var(--darker), 0 4px 8px 0 var(--shadow);
   4288   }
   4289   .onboarding-helper-container .avatar {
   4290     border-radius: 50% !important;
   4291     background-color: var(--darker) !important;
   4292     box-shadow: inset 0 0 0 1px var(--darker);
   4293   }
   4294   .onboarding-helper-container .progress {
   4295     background-color: var(--darker) !important;
   4296   }
   4297   .onboarding-helper-container .bg-info {
   4298     background-color: var(--blue) !important;
   4299   }
   4300   .onboarding-helper-container .text-info {
   4301     color: var(--blue) !important;
   4302   }
   4303   .onboarding-helper-container .active {
   4304     background-color: var(--darker) !important;
   4305   }
   4306   .onboarding-helper-container .qa-toggle-btn {
   4307     background-color: var(--t) !important;
   4308   }
   4309   .onboarding-helper-container .qa-toggle-btn:hover svg {
   4310     fill: var(--light) !important;
   4311   }
   4312   .slead {
   4313     color: var(--lighter) !important;
   4314   }
   4315   .slead + hr + .no-repo-actions .btn-primary {
   4316     color: var(--accent) !important;
   4317     border-color: var(--accent) !important;
   4318     background-color: var(--t) !important;
   4319   }
   4320   .slead + hr + .no-repo-actions .btn-primary::before {
   4321     content: '';
   4322     background-color: var(--accent) !important;
   4323   }
   4324   .access-request-link {
   4325     border-color: var(--darker) !important;
   4326   }
   4327   .home-panel-description + p time {
   4328     color: var(--light) !important;
   4329   }
   4330   .git-empty h5 {
   4331     color: var(--light) !important;
   4332   }
   4333   .git-empty pre.bg-light {
   4334     background-color: var(--darken) !important;
   4335     border-radius: 4px;
   4336   }
   4337   .info-well {
   4338     color: var(--light) !important;
   4339     border-color: var(--darker) !important;
   4340     background-color: var(--darken) !important;
   4341   }
   4342   .info-well .commit-row-message,
   4343   .info-well .committer a {
   4344     color: var(--light) !important;
   4345   }
   4346   .info-well .commit-actions {
   4347     align-self: center;
   4348   }
   4349   .info-well .branch-info {
   4350     border-color: var(--darker) !important;
   4351   }
   4352   .info-well .branch-info .badge {
   4353     background-color: var(--darker) !important;
   4354   }
   4355   .info-well .branch-info .cgray {
   4356     color: var(--light) !important;
   4357   }
   4358   .info-well svg path {
   4359     fill: var(--lighter) !important;
   4360   }
   4361   .info-well .limit-box {
   4362     color: var(--white) !important;
   4363     background-color: var(--red) !important;
   4364   }
   4365   .info-well .limit-box .fa {
   4366     color: var(--white) !important;
   4367   }
   4368   .info-well .branches .s12 {
   4369     margin-top: 2px;
   4370   }
   4371   .info-well .well-segment {
   4372     border-color: var(--darker) !important;
   4373   }
   4374   .info-well .well-segment code:not([class]) {
   4375     background-color: var(--dark) !important;
   4376   }
   4377   .table-holder.bordered-box {
   4378     border: none !important;
   4379   }
   4380   .blame tr:not(:first-child) > td {
   4381     border-top: 1px solid var(--darker) !important;
   4382   }
   4383   .file-blame-legend {
   4384     border-color: var(--darker) !important;
   4385     background-color: var(--darken) !important;
   4386   }
   4387   .blame-commit {
   4388     position: relative;
   4389     padding-left: 12px !important;
   4390     border-left: none !important;
   4391   }
   4392   .blame-commit::before {
   4393     content: '';
   4394     position: absolute;
   4395     top: 0;
   4396     left: 0;
   4397     bottom: 0;
   4398     width: 4px;
   4399   }
   4400   .blame-commit .commit > a[href] > img {
   4401     margin-right: 10px;
   4402   }
   4403   .blame .blame-commit:not(#z) {
   4404     background-color: var(--darken) !important;
   4405   }
   4406   .blame-commit + .line-numbers:not(#z) {
   4407     border-left: 1px solid var(--darker) !important;
   4408     background-color: var(--darken) !important;
   4409     border-radius: 0;
   4410   }
   4411   .blame .commit-author-link,
   4412   .blame .cdark {
   4413     color: var(--light) !important;
   4414   }
   4415   .blame .commit-sha {
   4416     color: var(--accent) !important;
   4417   }
   4418   .legend-box-0,
   4419   .blame-commit-age-0::before {
   4420     background-color: var(--green) !important;
   4421     opacity: 0.099;
   4422   }
   4423   .legend-box-1,
   4424   .blame-commit-age-1::before {
   4425     background-color: var(--green) !important;
   4426     opacity: 0.199;
   4427   }
   4428   .legend-box-2,
   4429   .blame-commit-age-2::before {
   4430     background-color: var(--green) !important;
   4431     opacity: 0.299;
   4432   }
   4433   .legend-box-3,
   4434   .blame-commit-age-3::before {
   4435     background-color: var(--green) !important;
   4436     opacity: 0.399;
   4437   }
   4438   .legend-box-4,
   4439   .blame-commit-age-4::before {
   4440     background-color: var(--green) !important;
   4441     opacity: 0.499;
   4442   }
   4443   .legend-box-5,
   4444   .blame-commit-age-5::before {
   4445     background-color: var(--green) !important;
   4446     opacity: 0.599;
   4447   }
   4448   .legend-box-6,
   4449   .blame-commit-age-6::before {
   4450     background-color: var(--green) !important;
   4451     opacity: 0.699;
   4452   }
   4453   .legend-box-7,
   4454   .blame-commit-age-7::before {
   4455     background-color: var(--green) !important;
   4456     opacity: 0.799;
   4457   }
   4458   .legend-box-8,
   4459   .blame-commit-age-8::before {
   4460     background-color: var(--green) !important;
   4461     opacity: 0.899;
   4462   }
   4463   .legend-box-9,
   4464   .blame-commit-age-9::before {
   4465     background-color: var(--green) !important;
   4466     opacity: 0.999;
   4467   }
   4468   .readme-holder {
   4469     border-color: var(--darker) !important;
   4470     background-color: var(--dark) !important;
   4471   }
   4472   .readme-holder [class *= 'file-title'] {
   4473     padding: 10px 16px;
   4474     border-radius: 4px 4px 0 0;
   4475   }
   4476   .readme-holder [class *= 'file-title'] strong {
   4477     font-weight: normal;
   4478   }
   4479   .readme-holder [class *= 'file-title'] a:not(.btn) {
   4480     color: var(--light) !important;
   4481   }
   4482   .readme-holder .file-content {
   4483     background-color: var(--t) !important;
   4484   }
   4485   .readme-holder .file-content [dir][align='left'] {
   4486     text-align: left;
   4487   }
   4488   .readme-holder .file-content [dir][align='right'] {
   4489     text-align: right;
   4490   }
   4491   .readme-holder .file-content [dir][align='center'] {
   4492     text-align: center;
   4493   }
   4494   .readme-holder .file-content a img:not(.emoji) {
   4495     box-sizing: content-box;
   4496     margin: 0 !important;
   4497     background-color: var(--dark) !important;
   4498   }
   4499   .readme-holder .file-content a img:not(.emoji)[align='left'] {
   4500     padding-right: 20px;
   4501   }
   4502   .readme-holder .file-content a img:not(.emoji)[align='right'] {
   4503     padding-left: 20px;
   4504   }
   4505   .readme-holder .file-content h1,
   4506   .readme-holder .file-content h2,
   4507   .readme-holder .file-content h3,
   4508   .readme-holder .file-content h4,
   4509   .readme-holder .file-content h5,
   4510   .readme-holder .file-content h6 {
   4511     position: relative;
   4512   }
   4513   .readme-holder .file-content::before,
   4514   .readme-holder .file-content::after {
   4515     content: '';
   4516     display: table;
   4517   }
   4518   .readme-holder .file-content::after {
   4519     clear: both;
   4520   }
   4521   .committer {
   4522     color: var(--lighter) !important;
   4523   }
   4524   .commit .commit-author-link {
   4525     color: var(--light) !important;
   4526   }
   4527   .commit a,
   4528   .generic-commit-status a {
   4529     color: var(--light);
   4530   }
   4531   .commit-header {
   4532     color: var(--light) !important;
   4533     border-color: var(--darker) !important;
   4534     background-color: var(--darken) !important;
   4535   }
   4536   .commit-header:first-child {
   4537     border-top-width: 1px;
   4538   }
   4539   .commit-message-container {
   4540     font-family: var(--mono-font);
   4541     background-color: var(--t) !important;
   4542   }
   4543   .ci-job-name-component > .gl-text-truncate {
   4544     max-width: 100%;
   4545     margin-right: 35px;
   4546   }
   4547   .pipeline-graph.pipeline-tab-content {
   4548     background-color: var(--darken) !important;
   4549   }
   4550   .pipeline-graph .build {
   4551     width: 100% !important;
   4552     margin-bottom: 5px;
   4553   }
   4554   .pipeline-graph .build-content {
   4555     border-color: var(--darker) !important;
   4556     background-color: var(--dark) !important;
   4557     transition: none !important;
   4558     padding: 5px 5px !important;
   4559   }
   4560   .pipeline-graph .build-content:hover {
   4561     color: var(--lighter) !important;
   4562     background-color: var(--bb) !important;
   4563   }
   4564   .pipeline-graph .build .linked-pipeline-content {
   4565     border-color: var(--darker) !important;
   4566     background-color: var(--dark) !important;
   4567     border-radius: 8px !important;
   4568   }
   4569   .pipeline-graph .build .linked-pipeline-content::before {
   4570     content: unset !important;
   4571   }
   4572   .pipeline-graph .build .linked-pipeline-content:hover {
   4573     background-color: var(--bb) !important;
   4574   }
   4575   .pipeline-graph .curve::before,
   4576   .pipeline-graph .build:not(first-child)::before,
   4577   .stage-container::before,
   4578   .pipeline-graph .curve::after,
   4579   .pipeline-graph .build:not(first-child)::after,
   4580   .stage-container::after {
   4581     border-color: var(--darker) !important;
   4582   }
   4583   .ci-build-text,
   4584   .ci-status-text {
   4585     font-weight: normal !important;
   4586     color: var(--light) !important;
   4587   }
   4588   div[class *= 'mini-pipe']:focus {
   4589     box-shadow: 0 0 4px 0px var(--accent) !important;
   4590   }
   4591   div[class *= 'mini-pipe'] li:hover [class *= 'dropdown-item'] {
   4592     background-color: var(--darker) !important;
   4593   }
   4594   .pipeline-graph .stage-column .curve::before,
   4595   .pipeline-graph .stage-column .curve::after {
   4596     top: -24px;
   4597   }
   4598   .pipeline-graph .stage-column .build:nth-child(2)::before,
   4599   .pipeline-graph .stage-column .build:nth-child(2)::after {
   4600     height: 24px;
   4601     top: -4px;
   4602   }
   4603   .build-page .top-bar {
   4604     z-index: 99;
   4605     color: var(--light) !important;
   4606     border-color: var(--darker) !important;
   4607     background-color: var(--darken) !important;
   4608     border-radius: 4px 4px 0 0;
   4609     top: 49px !important;
   4610   }
   4611   .build-page .job-log {
   4612     border: 1px solid var(--darker);
   4613     border-top: none;
   4614     color: var(--light) !important;
   4615     background-color: var(--dark) !important;
   4616     box-shadow: none;
   4617     border-radius: 0 0 4px 4px;
   4618   }
   4619   .build-page .line-number {
   4620     color: var(--lighter) !important;
   4621   }
   4622   .build-page .collapsible-line .log-duration-badge {
   4623     background-color: var(--darker) !important;
   4624   }
   4625   .build-page .collapsible-line:hover {
   4626     background-color: var(--darken) !important;
   4627   }
   4628   .build-page .term-fg-l-red {
   4629     color: var(--red) !important;
   4630   }
   4631   .build-page .term-fg-l-blue {
   4632     color: var(--blue) !important;
   4633   }
   4634   .build-page .term-fg-l-cyan {
   4635     color: var(--cyan) !important;
   4636   }
   4637   .build-page .term-fg-l-green {
   4638     color: var(--green) !important;
   4639   }
   4640   .build-page .term-fg-l-yellow {
   4641     color: var(--yellow) !important;
   4642   }
   4643   .build-page .term-fg-l-magenta {
   4644     color: var(--magenta) !important;
   4645   }
   4646   .build-page div.build-trace-container {
   4647     padding-right: 0 !important;
   4648   }
   4649   .build-trace {
   4650     border: 1px solid var(--darker);
   4651     color: var(--light) !important;
   4652     background-color: var(--darken) !important;
   4653   }
   4654   .build-trace-container {
   4655     padding-right: 16px !important;
   4656   }
   4657   .detail-page-header {
   4658     color: var(--lighter) !important;
   4659     border-color: var(--darker) !important;
   4660   }
   4661   .author {
   4662     color: var(--light) !important;
   4663   }
   4664   .detail-page-header a {
   4665     color: var(--lighter);
   4666   }
   4667   .detail-page-header-body .issuable-warning-icon {
   4668     background-color: var(--darker) !important;
   4669   }
   4670   .detail-page-header-body .issuable-warning-icon svg {
   4671     fill: var(--orange) !important;
   4672   }
   4673   .detail-page-description,
   4674   .detail-page-description .title {
   4675     border-color: var(--darker) !important;
   4676   }
   4677   .page-content-header time,
   4678   .page-content-header [class *= '-link'] {
   4679     color: var(--light) !important;
   4680   }
   4681   .page-content-header .header-content a {
   4682     color: var(--light) !important;
   4683   }
   4684   .detail-page-description .title {
   4685     color: var(--light) !important;
   4686   }
   4687   .detail-page-description small {
   4688     color: var(--lighter) !important;
   4689   }
   4690   .edited-text,
   4691   .edited-text .author-link {
   4692     color: var(--lighter) !important;
   4693   }
   4694   .filtered-search-box {
   4695     border-radius: 4px;
   4696     border-color: var(--darker) !important;
   4697     background-color: var(--darken) !important;
   4698     min-height: 36px;
   4699   }
   4700   .filtered-search-box ul {
   4701     padding: 0 !important;
   4702   }
   4703   .filtered-search-box input {
   4704     padding-left: 12px !important;
   4705     border: none !important;
   4706     background-color: var(--t) !important;
   4707   }
   4708   .filtered-search-box input:focus {
   4709     box-shadow: none !important;
   4710   }
   4711   .filtered-search-box .clear-search {
   4712     border-radius: 4px;
   4713     background-color: var(--dark) !important;
   4714   }
   4715   .filtered-search-box.focus {
   4716     border-color: var(--blue) !important;
   4717   }
   4718   .filtered-search-box-input-container {
   4719     background-color: var(--t) !important;
   4720   }
   4721   .filtered-search-token .name,
   4722   .filtered-search-term .name,
   4723   .filtered-search-token .operator,
   4724   .filtered-search-term .operator,
   4725   .filtered-search-token .value-container,
   4726   .filtered-search-term .value-container {
   4727     color: var(--light) !important;
   4728     background-color: var(--darker) !important;
   4729   }
   4730   .filtered-search-token:first-child {
   4731     margin-left: 5px;
   4732   }
   4733   .filtered-search-token > .name,
   4734   .filtered-search-term > .name {
   4735     background-color: var(--t) !important;
   4736   }
   4737   .mr-state-widget .mr-source-target {
   4738     color: var(--light) !important;
   4739     border-color: var(--darker) !important;
   4740     background-color: var(--dark) !important;
   4741   }
   4742   .mr-widget-heading {
   4743     color: var(--light) !important;
   4744     border-color: var(--darker) !important;
   4745     background-color: var(--dark) !important;
   4746   }
   4747   .mr-state-widget .mr-widget-extension {
   4748     color: var(--light) !important;
   4749     border-color: var(--darker) !important;
   4750     background-color: var(--darken) !important;
   4751     box-shadow: 0 1px var(--darker) !important;
   4752   }
   4753   .mr-state-widget .mr-widget-extension:last-child {
   4754     border-radius: 0 0 3px 3px;
   4755   }
   4756   .mr-state-widget .mr-widget-extension .label-branch {
   4757     background-color: var(--dark) !important;
   4758   }
   4759   .mr-state-widget .mr-widget-extension + .border-top > table:not(#z) {
   4760     margin-bottom: 0px !important;
   4761     border: none !important;
   4762     border-radius: 0 0 3px 3px !important;
   4763   }
   4764   .mr-state-widget .mr-widget-extension + .border-top > table:not(#z) thead > tr > th {
   4765     background-color: var(--bb) !important;
   4766   }
   4767   .mr-state-widget .mr-section-container {
   4768     border: 1px solid var(--darker) !important;
   4769     background-color: var(--dark) !important;
   4770   }
   4771   .mr-state-widget .mr-section-container::before {
   4772     border-color: var(--darken) !important;
   4773   }
   4774   .mr-state-widget .mr-section-container > .mr-widget-section {
   4775     border-radius: 0;
   4776     color: var(--light) !important;
   4777     border-color: var(--darker) !important;
   4778   }
   4779   .mr-state-widget .mr-section-container .mr-widget-help {
   4780     color: var(--lighter) !important;
   4781   }
   4782   .mr-state-widget .mr-section-container .mr-widget-empty-state {
   4783     color: var(--light) !important;
   4784   }
   4785   .mr-widget-workflow::before {
   4786     border-width: 2px;
   4787     border-color: var(--darken) !important;
   4788   }
   4789   .mr-widget-workflow > :first-child {
   4790     border-top: none;
   4791   }
   4792   .mr-state-widget .mr-widget-border-top {
   4793     border-color: var(--darker) !important;
   4794   }
   4795   .mr-state-widget .mr-widget-info {
   4796     color: var(--light) !important;
   4797   }
   4798   .report-block {
   4799     color: var(--light) !important;
   4800   }
   4801   .report-block-list-issue-parent {
   4802     border-color: var(--darker) !important;
   4803     background-color: var(--dark) !important;
   4804   }
   4805   .report-block-list-issue-description {
   4806     color: var(--light) !important;
   4807   }
   4808   .report-block-container {
   4809     border-color: var(--darker) !important;
   4810     background-color: var(--bb) !important;
   4811   }
   4812   .failed > svg {
   4813     fill: var(--red) !important;
   4814   }
   4815   .neutral > svg {
   4816     fill: var(--lighter) !important;
   4817   }
   4818   .success > svg {
   4819     fill: var(--green) !important;
   4820   }
   4821   .mr-state-widget .border-top {
   4822     border-color: var(--darker) !important;
   4823   }
   4824   .mr-state-widget .border-top .table tr:not(:first-child) > td {
   4825     border-top: 1px solid var(--darker) !important;
   4826   }
   4827   .mr-state-widget .mr-widget-body.media .square + button {
   4828     margin-right: 10px;
   4829   }
   4830   .mr-state-widget .mr-widget-body.media .bold {
   4831     margin-left: 0;
   4832     color: var(--lighter) !important;
   4833   }
   4834   .mr-state-widget .deploy-heading,
   4835   .mr-state-widget .merge-train-position-indicator {
   4836     border-color: var(--darker) !important;
   4837     background-color: var(--darken) !important;
   4838   }
   4839   .linked-pipeline-mini-list.is-downstream > svg.arrow-icon + a[href] {
   4840     margin-top: 5px !important;
   4841   }
   4842   .linked-pipeline-mini-list.is-downstream [class *= 'ci-status'] {
   4843     background-color: var(--darken) !important;
   4844   }
   4845   .linked-pipeline-mini-list.is-downstream [class *= 'ci-status'],
   4846   .linked-pipeline-mini-list.is-downstream [class *= 'ci-status'] .s16 {
   4847     width: 24px !important;
   4848     height: 24px !important;
   4849   }
   4850   .linked-pipeline-mini-list.is-downstream [class *= 'ci-status']:hover > .s16 {
   4851     width: 22px !important;
   4852     height: 22px !important;
   4853   }
   4854   .mr-state-widget .ci-widget {
   4855     color: var(--light) !important;
   4856   }
   4857   .mr-state-widget .mr-widget-footer {
   4858     border-color: var(--darker) !important;
   4859   }
   4860   .mr-state-widget .mr-widget-footer .btn-link {
   4861     color: var(--accent) !important;
   4862   }
   4863   .mr-state-widget .pipeline-number,
   4864   .mr-state-widget .commit-sha,
   4865   .mr-state-widget .label-branch {
   4866     padding: 0.2em 0.4em;
   4867     font-weight: normal !important;
   4868     color: var(--accent);
   4869     background-color: var(--darken) !important;
   4870     border-radius: 4px;
   4871     box-shadow: inset 0 0 0 1px var(--darker);
   4872   }
   4873   .mr-state-widget .pipeline-number.label-truncate > a,
   4874   .mr-state-widget .commit-sha.label-truncate > a,
   4875   .mr-state-widget .label-branch.label-truncate > a {
   4876     line-height: 1.2 !important;
   4877   }
   4878   .mr-state-widget .bold,
   4879   .mr-state-widget .media-body,
   4880   .mr-state-widget .code-text,
   4881   .mr-state-widget .label-branch {
   4882     color: var(--light) !important;
   4883   }
   4884   .mr-state-widget .diverged-commits-count,
   4885   .mr-state-widget .coverage {
   4886     color: var(--lighter) !important;
   4887   }
   4888   .wiki-last-edit-by {
   4889     color: var(--lighter) !important;
   4890   }
   4891   .wiki-last-edit-by strong {
   4892     color: var(--light) !important;
   4893   }
   4894   .wiki-sidebar.right-sidebar a {
   4895     color: var(--lighter) !important;
   4896   }
   4897   .wiki-sidebar.right-sidebar .active a {
   4898     color: var(--accent) !important;
   4899   }
   4900   .wiki-sidebar.right-sidebar .btn {
   4901     background-color: var(--dark) !important;
   4902   }
   4903   .wiki-form .form-control {
   4904     background-color: var(--dark) !important;
   4905   }
   4906   .wiki-page-header + .table-holder > table {
   4907     margin-top: 10px;
   4908     border: 1px solid var(--darker);
   4909   }
   4910   .wiki-page-header + .table-holder > table thead > tr > th {
   4911     border-top: none;
   4912   }
   4913   .wiki-page-header + .table-holder > table tbody > tr:hover {
   4914     background-color: var(--bb) !important;
   4915   }
   4916   .cluster-application-row {
   4917     background-color: var(--darken) !important;
   4918   }
   4919   .cluster-application-row img.avatar:not(.identicon) {
   4920     background-color: 0 0 unset !important;
   4921   }
   4922   .clusters-container .clusters-table {
   4923     border-color: var(--darker) !important;
   4924     background-color: var(--darken) !important;
   4925   }
   4926   .project-visibility-setting,
   4927   .project-feature-settings,
   4928   .sub-section {
   4929     border-color: var(--darker) !important;
   4930     background-color: var(--darken) !important;
   4931   }
   4932   .project-visibility-setting .bs-callout,
   4933   .project-feature-settings .bs-callout,
   4934   .sub-section .bs-callout {
   4935     background-color: var(--darker) !important;
   4936   }
   4937   .settings {
   4938     border-color: var(--darker) !important;
   4939   }
   4940   .project-feature-row .form-control {
   4941     background-color: var(--dark) !important;
   4942   }
   4943   .settings-message {
   4944     color: var(--orange) !important;
   4945     border-color: var(--orange) !important;
   4946     background-color: var(--dark) !important;
   4947   }
   4948   .settings .account-well {
   4949     border-color: var(--darker) !important;
   4950     background-color: var(--darken) !important;
   4951   }
   4952   .settings .account-well li > code {
   4953     background-color: var(--dark) !important;
   4954   }
   4955   .settings .protected-branches-list > .table-bordered {
   4956     border: none !important;
   4957   }
   4958   .settings .protected-tags-list {
   4959     border: 1px solid var(--darker) !important;
   4960     border-radius: 4px;
   4961   }
   4962   .settings-content .sub-section {
   4963     border-radius: 4px;
   4964   }
   4965   .settings-content .sub-section .btn-default,
   4966   .settings-content .sub-section .form-control,
   4967   .settings-content .sub-section .select2-choice {
   4968     background-color: var(--dark) !important;
   4969   }
   4970   .settings-content .sub-section .btn-warning {
   4971     transition: opacity 0.2s ease;
   4972     color: var(--white) !important;
   4973     background-color: var(--orange) !important;
   4974   }
   4975   .settings-content .sub-section .btn-warning:hover {
   4976     opacity: 0.8;
   4977   }
   4978   .settings-content .sub-section .btn-warning::before {
   4979     content: unset !important;
   4980   }
   4981   .project-badges {
   4982     margin-top: -0.5rem;
   4983   }
   4984   .project-badges img {
   4985     margin-top: 0.5rem;
   4986     border-radius: 4px;
   4987   }
   4988   .file-holder {
   4989     border-color: var(--darker) !important;
   4990   }
   4991   .file-holder .file-title {
   4992     border-color: var(--darker) !important;
   4993     background-color: var(--darken) !important;
   4994   }
   4995   .file-holder .file-title-flex-parent {
   4996     color: var(--light) !important;
   4997     border-color: var(--darker) !important;
   4998     background-color: var(--darken) !important;
   4999   }
   5000   .file-holder .file-title-flex-parent .btn svg {
   5001     fill: var(--lighter) !important;
   5002   }
   5003   .file-holder .file-title-flex-parent .btn.active {
   5004     background-color: var(--darker) !important;
   5005   }
   5006   .file-holder .file-title-flex-parent .btn,
   5007   .file-holder .file-title-flex-parent .btn-default {
   5008     background-color: var(--dark) !important;
   5009   }
   5010   .file-holder .file-title-flex-parent .btn-danger-secondary {
   5011     color: var(--red) !important;
   5012     border-color: var(--red) !important;
   5013   }
   5014   .file-holder .file-title-flex-parent .btn-default-tertiary:not(#z) {
   5015     border-color: var(--t) !important;
   5016     background-color: var(--t) !important;
   5017   }
   5018   .file-holder .file-title-flex-parent .btn-primary:not(.btn-inverted),
   5019   .file-holder .file-title-flex-parent .btn-info:not(.btn-inverted) {
   5020     background-color: var(--blue) !important;
   5021   }
   5022   .file-holder .file-title-flex-parent .btn-primary svg,
   5023   .file-holder .file-title-flex-parent .btn-info svg {
   5024     fill: var(--white) !important;
   5025   }
   5026   .file-holder .file-title a:not(.btn),
   5027   .file-holder .file-title-flex-parent a:not(.btn) {
   5028     color: var(--light) !important;
   5029   }
   5030   .file-holder .file-title-name {
   5031     color: var(--light) !important;
   5032   }
   5033   .file-holder .file-content {
   5034     background-color: var(--dark) !important;
   5035     border-radius: 0 0 3px 3px;
   5036   }
   5037   .file-holder .file-content pre.code.highlight.white:not([lang]) {
   5038     background-color: var(--dark) !important;
   5039   }
   5040   .code.white .line-numbers,
   5041   .code.none .line-numbers,
   5042   .code.white .diff-line-num,
   5043   .code.none .diff-line-num {
   5044     background-color: var(--darken) !important;
   5045   }
   5046   .code.white .line-numbers a,
   5047   .code.none .line-numbers a,
   5048   .code.white .diff-line-num a,
   5049   .code.none .diff-line-num a {
   5050     font-family: var(--mono-font);
   5051     color: var(--lighter) !important;
   5052   }
   5053   .code.white code > span.line:hover,
   5054   .code.none code > span.line:hover {
   5055     background-color: var(--darken) !important;
   5056   }
   5057   .code.white .line-numbers > .diff-line-num,
   5058   .code.none .line-numbers > .diff-line-num {
   5059     background-color: var(--t) !important;
   5060   }
   5061   .code.white .line_expansion,
   5062   .code.none .line_expansion {
   5063     background-color: var(--darken) !important;
   5064   }
   5065   .code.white .line_expansion td,
   5066   .code.none .line_expansion td {
   5067     border-color: var(--darker) !important;
   5068   }
   5069   .code.white .line_expansion a,
   5070   .code.none .line_expansion a,
   5071   .code.white .line_expansion span,
   5072   .code.none .line_expansion span {
   5073     color: var(--lighter) !important;
   5074   }
   5075   .code.white .line_expansion:not(:first-of-type) > td,
   5076   .code.none .line_expansion:not(:first-of-type) > td {
   5077     border-top: 1px solid var(--darker) !important;
   5078   }
   5079   .code.white pre .hll,
   5080   .code.none pre .hll {
   5081     z-index: 1 !important;
   5082     position: relative;
   5083     background-color: var(--t) !important;
   5084   }
   5085   .code.white pre .hll::before,
   5086   .code.none pre .hll::before {
   5087     content: '';
   5088     z-index: -1 !important;
   5089     opacity: 0.2;
   5090     position: absolute;
   5091     top: 0;
   5092     right: 0;
   5093     bottom: 0;
   5094     left: 0;
   5095     background-color: var(--yellow) !important;
   5096   }
   5097   .code.white .new .idiff,
   5098   .code.none .new .idiff {
   5099     color: var(--light) !important;
   5100     background-color: var(--t) !important;
   5101     box-shadow: inset 0 0 0 1rem rgba(79,88,0,0.75);
   5102   }
   5103   .code.white .old .idiff,
   5104   .code.none .old .idiff {
   5105     color: var(--light) !important;
   5106     background-color: var(--t) !important;
   5107     box-shadow: inset 0 0 0 1rem rgba(117,0,0,0.65);
   5108   }
   5109   .code.white pre.code {
   5110     color: var(--light) !important;
   5111     border-color: var(--darker) !important;
   5112     background-color: var(--dark) !important;
   5113   }
   5114   .code.none pre.code {
   5115     color: var(--light) !important;
   5116     border-color: var(--darker) !important;
   5117     background-color: var(--darken) !important;
   5118   }
   5119   .code.none pre.code .line span {
   5120     color: var(--light) !important;
   5121   }
   5122   .code.white .line > a {
   5123     color: var(--blue) !important;
   5124   }
   5125   .code.white .err {
   5126     color: var(--white) !important;
   5127     background-color: var(--red) !important;
   5128   }
   5129   .code.white .gi {
   5130     color: var(--green) !important;
   5131     background-color: var(--bb) !important;
   5132   }
   5133   .code.white .gd {
   5134     color: var(--red) !important;
   5135     background-color: var(--bb) !important;
   5136   }
   5137   .code.white .c,
   5138   .code.white .cm,
   5139   .code.white .c1,
   5140   .code.white .gh,
   5141   .code.white .nn,
   5142   .code.white .go,
   5143   .code.white .gt {
   5144     color: var(--lighter) !important;
   5145   }
   5146   .code.white .n,
   5147   .code.white .cp,
   5148   .code.white .gp,
   5149   .code.white .s,
   5150   .code.white .s1 {
   5151     color: var(--light) !important;
   5152   }
   5153   .code.white .no,
   5154   .code.white .na,
   5155   .code.white .nb {
   5156     color: var(--cyan) !important;
   5157   }
   5158   .code.white .sx,
   5159   .code.white .se,
   5160   .code.white .sh,
   5161   .code.white .s2 {
   5162     color: var(--red) !important;
   5163   }
   5164   .code.white .sr,
   5165   .code.white .vi,
   5166   .code.white .mf,
   5167   .code.white .ne,
   5168   .code.white .nv {
   5169     color: var(--green) !important;
   5170   }
   5171   .code.white .nt,
   5172   .code.white .m,
   5173   .code.white .mi,
   5174   .code.white .mh {
   5175     color: var(--blue) !important;
   5176   }
   5177   .code.white .nf,
   5178   .code.white .ss,
   5179   .code.white .si,
   5180   .code.white .nc {
   5181     color: var(--magenta) !important;
   5182   }
   5183   .code.white .ni,
   5184   .code.white .gu,
   5185   .code.white .sb,
   5186   .code.white .kt {
   5187     color: var(--violet) !important;
   5188   }
   5189   .file-title,
   5190   .file-title-flex-parent {
   5191     border-top: 1px solid var(--darker) !important;
   5192     border-radius: 4px 4px 0 0;
   5193   }
   5194   .diff-file .file-title,
   5195   .diff-file .file-title-flex-parent {
   5196     top: 165px;
   5197   }
   5198   .diff-file.conflict .file-title,
   5199   .diff-file.conflict .file-title-flex-parent {
   5200     top: 49px !important;
   5201   }
   5202   .diff-file .file-title.is-commit,
   5203   .diff-file .file-title-flex-parent.is-commit,
   5204   .diff-file .file-title.is-compare,
   5205   .diff-file .file-title-flex-parent.is-compare {
   5206     top: 117px;
   5207   }
   5208   .sticky-placeholder + div .is-commit {
   5209     top: 86px !important;
   5210   }
   5211   .diff-file .file-title,
   5212   .diff-file .file-title-flex-parent {
   5213     box-shadow: none !important;
   5214   }
   5215   .diff-file .file-title .btn:not(.active),
   5216   .diff-file .file-title-flex-parent .btn:not(.active) {
   5217     background-color: var(--dark) !important;
   5218   }
   5219   .diff-file .file-title::before,
   5220   .diff-file .file-title-flex-parent::before {
   5221     background-color: var(--bb) !important;
   5222   }
   5223   .diff-file .diff-content {
   5224     color: var(--light) !important;
   5225     background-color: var(--dark) !important;
   5226   }
   5227   .nothing-here-block {
   5228     color: var(--lighter) !important;
   5229   }
   5230   .nothing-here-block .click-to-expand {
   5231     color: var(--accent) !important;
   5232     border-color: var(--t) !important;
   5233     background-color: var(--t) !important;
   5234   }
   5235   .diff-file .diff-content .image {
   5236     background-color: var(--dark) !important;
   5237   }
   5238   .diff-file .diff-content .image .frame {
   5239     background-color: var(--t) !important;
   5240   }
   5241   .diff-file .diff-content .image .frame.added {
   5242     border-color: var(--green) !important;
   5243   }
   5244   .diff-file .diff-content .image .frame.deleted {
   5245     border-color: var(--red) !important;
   5246   }
   5247   .diff-file .diff-content .image .frame img {
   5248     background-image: linear-gradient(45deg, var(--darker) 25%, var(--t) 25%, var(--t) 75%, var(--darker) 75%, var(--darker) 100%), linear-gradient(45deg, var(--darker) 25%, var(--t) 25%, var(--t) 75%, var(--darker) 75%, var(--darker) 100%);
   5249     border-color: var(--darker) !important;
   5250   }
   5251   .diff-file .diff-content .image .frame img:-moz-broken::before {
   5252     content: 'broken image';
   5253   }
   5254   .diff-file .diff-content .image-info {
   5255     color: var(--lighter) !important;
   5256   }
   5257   .diff-file .diff-content .image ~ .note-container {
   5258     border-color: var(--t) !important;
   5259     background-color: var(--t) !important;
   5260   }
   5261   .diff-file .diff-content .view-modes {
   5262     background-color: var(--t) !important;
   5263   }
   5264   .diff-file .diff-content .view-modes li {
   5265     color: var(--lighter) !important;
   5266     border-color: var(--darker) !important;
   5267   }
   5268   .diff-file .diff-content .view-modes .active {
   5269     color: var(--light) !important;
   5270   }
   5271   .diff-file .diff-content .notes_holder td {
   5272     border-top-color: var(--darker) !important;
   5273   }
   5274   .diff-file .diff-content .notes_holder td,
   5275   .diff-file .diff-content .diff-discussions {
   5276     border-bottom-color: var(--darker) !important;
   5277   }
   5278   .diff-files-changed {
   5279     border-color: var(--darker) !important;
   5280     background-color: var(--bb) !important;
   5281     top: 49px;
   5282   }
   5283   .diff-files-changed > div > .dropdown {
   5284     margin-left: 0;
   5285     padding-left: 0;
   5286     background-color: var(--t) !important;
   5287   }
   5288   .cred:not(#z) {
   5289     color: var(--red) !important;
   5290     fill: var(--red) !important;
   5291   }
   5292   .cgreen:not(#z) {
   5293     color: var(--green) !important;
   5294     fill: var(--green) !important;
   5295   }
   5296   .diff-changed-file-path {
   5297     color: var(--lighter) !important;
   5298   }
   5299   .diff-files-changed [class *= 'summary-toggle'] {
   5300     color: var(--blue) !important;
   5301     background-color: var(--t) !important;
   5302   }
   5303   .diff-files-changed [class *= 'summary-toggle']::before {
   5304     content: unset;
   5305   }
   5306   .diff-file.is-active {
   5307     box-shadow: var(--bshadow) !important;
   5308   }
   5309   .diff-tree-list {
   5310     top: 165px !important;
   5311   }
   5312   .diff-tree-list .drag-handle:hover {
   5313     background-color: var(--darken) !important;
   5314   }
   5315   .diff-tree-list .drag-handle.is-dragging {
   5316     background-color: var(--darker) !important;
   5317   }
   5318   .diff-tree-list .file-row:hover,
   5319   .diff-tree-list .file-row:focus {
   5320     background-color: var(--darken) !important;
   5321   }
   5322   .diff-tree-list .file-row-header.bg-white {
   5323     background-color: var(--bb) !important;
   5324   }
   5325   .diff-tree-list .file-row.is-active {
   5326     background-color: var(--darker) !important;
   5327   }
   5328   .diff-file.conflict {
   5329     border-top: none !important;
   5330   }
   5331   .diff-file.conflict .head,
   5332   .diff-file.conflict .origin {
   5333     position: relative;
   5334   }
   5335   .diff-file.conflict .head::before,
   5336   .diff-file.conflict .origin::before {
   5337     content: '';
   5338     opacity: 0.35;
   5339     position: absolute;
   5340     pointer-events: none;
   5341     top: 0;
   5342     right: 0;
   5343     bottom: 0;
   5344     left: 0;
   5345   }
   5346   .diff-file.conflict .line_content:not(.header).head::before,
   5347   .diff-file.conflict .line_content:not(.header).origin::before {
   5348     opacity: 0.25;
   5349   }
   5350   .diff-file.conflict .line_content:not(.header).selected::before {
   5351     opacity: 0.25 !important;
   5352   }
   5353   .diff-file.conflict .unselected:not(#z)::before {
   5354     background-color: var(--darker) !important;
   5355   }
   5356   .diff-file.conflict .unselected .btn {
   5357     opacity: 0.5;
   5358   }
   5359   .diff-file.conflict .selected::before {
   5360     opacity: 0.5 !important;
   5361   }
   5362   .diff-file.conflict .head::before,
   5363   .diff-file.conflict .head > .btn {
   5364     border-color: var(--green) !important;
   5365     background-color: var(--green) !important;
   5366   }
   5367   .diff-file.conflict .origin::before,
   5368   .diff-file.conflict .origin > .btn {
   5369     border-color: var(--blue) !important;
   5370     background-color: var(--blue) !important;
   5371   }
   5372   .diff-file.conflict .editor-wrap.saved .editor {
   5373     border-color: var(--green) !important;
   5374   }
   5375   .code.white,
   5376   .code.none {
   5377     color: var(--light);
   5378     background-color: var(--dark);
   5379   }
   5380   .code.white .line_holder:not(#z) > td,
   5381   .code.none .line_holder:not(#z) > td {
   5382     color: var(--light) !important;
   5383   }
   5384   button.add-diff-note {
   5385     padding: 0 0 1px 1px;
   5386     color: var(--light) !important;
   5387     border-color: var(--darker) !important;
   5388     background-color: var(--dark) !important;
   5389   }
   5390   button.add-diff-note:hover {
   5391     background-color: var(--darken) !important;
   5392   }
   5393   .code.white .line_holder .unfold:not(#z),
   5394   .code.none .line_holder .unfold:not(#z) {
   5395     color: var(--lighter) !important;
   5396   }
   5397   .code.white .line_holder .unfold:not(#z)::before,
   5398   .code.none .line_holder .unfold:not(#z)::before {
   5399     content: unset;
   5400   }
   5401   .code.white .line_holder.match:not(#z),
   5402   .code.none .line_holder.match:not(#z),
   5403   .code.white .line_holder.new-nonewline:not(#z),
   5404   .code.none .line_holder.new-nonewline:not(#z) {
   5405     background-color: var(--darken) !important;
   5406   }
   5407   .code.white .line_holder.match:not(#z) .line_content,
   5408   .code.none .line_holder.match:not(#z) .line_content,
   5409   .code.white .line_holder.new-nonewline:not(#z) .line_content,
   5410   .code.none .line_holder.new-nonewline:not(#z) .line_content {
   5411     color: var(--lighter) !important;
   5412   }
   5413   .code.white .line_holder .diff-line-num,
   5414   .code.none .line_holder .diff-line-num {
   5415     z-index: 1;
   5416     padding-right: 11px;
   5417     border-right: none !important;
   5418     box-shadow: inset -1px 0 var(--darker);
   5419   }
   5420   .code.white .line_holder .diff-line-num.new::after,
   5421   .code.none .line_holder .diff-line-num.new::after,
   5422   .code.white .line_holder .diff-line-num.old::after,
   5423   .code.none .line_holder .diff-line-num.old::after {
   5424     content: '';
   5425     z-index: -1;
   5426     opacity: 0.25;
   5427     top: 0;
   5428     right: 0;
   5429     bottom: 0;
   5430     left: 0;
   5431     position: absolute;
   5432     pointer-events: none;
   5433   }
   5434   .code.white .line_holder .diff-line-num.is-over::before,
   5435   .code.none .line_holder .diff-line-num.is-over::before {
   5436     content: '';
   5437     z-index: -1;
   5438     opacity: 0.45;
   5439     top: 0;
   5440     right: 0;
   5441     bottom: 0;
   5442     left: 0;
   5443     position: absolute;
   5444     pointer-events: none;
   5445   }
   5446   .code.white .line_holder .diff-line-num.old::after,
   5447   .code.none .line_holder .diff-line-num.old::after {
   5448     background-color: var(--red) !important;
   5449   }
   5450   .code.white .line_holder .diff-line-num.new::after,
   5451   .code.none .line_holder .diff-line-num.new::after {
   5452     background-color: var(--green) !important;
   5453   }
   5454   .code.white .line_holder .diff-line-num.is-over::before,
   5455   .code.none .line_holder .diff-line-num.is-over::before {
   5456     background-color: var(--darker) !important;
   5457   }
   5458   :not(#z) .code.white .line_holder .diff-line-num:not(.new):not(.old),
   5459   :not(#z) .code.none .line_holder .diff-line-num:not(.new):not(.old) {
   5460     background-color: var(--darken) !important;
   5461   }
   5462   .code.white .line_holder > [class *= 'line']:not([class *= 'num']),
   5463   .code.none .line_holder > [class *= 'line']:not([class *= 'num']) {
   5464     position: relative;
   5465     z-index: 1;
   5466     background-color: var(--t) !important;
   5467   }
   5468   .code.white .line_holder > [class *= 'line']:not([class *= 'num']).new,
   5469   .code.none .line_holder > [class *= 'line']:not([class *= 'num']).new,
   5470   .code.white .line_holder > [class *= 'line']:not([class *= 'num']).old,
   5471   .code.none .line_holder > [class *= 'line']:not([class *= 'num']).old {
   5472     background-color: var(--t) !important;
   5473   }
   5474   .code.white .line_holder > [class *= 'line']:not([class *= 'num']).new::after,
   5475   .code.none .line_holder > [class *= 'line']:not([class *= 'num']).new::after,
   5476   .code.white .line_holder > [class *= 'line']:not([class *= 'num']).old::after,
   5477   .code.none .line_holder > [class *= 'line']:not([class *= 'num']).old::after {
   5478     content: '';
   5479     z-index: -1;
   5480     opacity: 0.18;
   5481     position: absolute;
   5482     pointer-events: none;
   5483     top: 0;
   5484     right: 0;
   5485     bottom: 0;
   5486     left: 0;
   5487   }
   5488   .code.white .line_holder > [class *= 'line']:not([class *= 'num']).old::before,
   5489   .code.none .line_holder > [class *= 'line']:not([class *= 'num']).old::before {
   5490     color: var(--red) !important;
   5491   }
   5492   .code.white .line_holder > [class *= 'line']:not([class *= 'num']).old::after,
   5493   .code.none .line_holder > [class *= 'line']:not([class *= 'num']).old::after {
   5494     background-color: var(--red) !important;
   5495   }
   5496   .code.white .line_holder > [class *= 'line']:not([class *= 'num']).new::before,
   5497   .code.none .line_holder > [class *= 'line']:not([class *= 'num']).new::before {
   5498     color: var(--green) !important;
   5499   }
   5500   .code.white .line_holder > [class *= 'line']:not([class *= 'num']).new::after,
   5501   .code.none .line_holder > [class *= 'line']:not([class *= 'num']).new::after {
   5502     background-color: var(--green) !important;
   5503   }
   5504   .diff-comment-avatar,
   5505   .diff-comments-more-count {
   5506     border-color: var(--dark) !important;
   5507   }
   5508   .diff-comments-more-count,
   5509   .diff-notes-collapse {
   5510     border-radius: var(--avatar);
   5511     color: var(--light) !important;
   5512     border-color: var(--darker) !important;
   5513     background-color: var(--darken) !important;
   5514   }
   5515   .js-temp-notes-holder td {
   5516     border-color: var(--darker) !important;
   5517   }
   5518   .code.white .line_holder.diff-expanded > .line_content,
   5519   .code.none .line_holder.diff-expanded > .line_content {
   5520     background-color: var(--darken) !important;
   5521   }
   5522   .code.white .line_holder.diff-expanded > .diff-line-num,
   5523   .code.none .line_holder.diff-expanded > .diff-line-num {
   5524     box-shadow: none !important;
   5525   }
   5526   .code.white .line_holder.diff-expanded > td,
   5527   .code.none .line_holder.diff-expanded > td,
   5528   .code.white .line_holder.diff-expanded + :not(.diff-expanded) > td,
   5529   .code.none .line_holder.diff-expanded + :not(.diff-expanded) > td {
   5530     border-color: var(--darker) !important;
   5531   }
   5532   .code.white .line_holder[class *= 'holder']:not(.new):not(.old):hover > td[class *= 'line']:not(.match)::before,
   5533   .code.none .line_holder[class *= 'holder']:not(.new):not(.old):hover > td[class *= 'line']:not(.match)::before {
   5534     content: '';
   5535     z-index: -1;
   5536     opacity: 0.5;
   5537     top: 0;
   5538     right: 0;
   5539     bottom: 0;
   5540     left: 0;
   5541     position: absolute;
   5542     pointer-events: none;
   5543     background-color: var(--darker) !important;
   5544   }
   5545   .code.white .line_holder.old:hover > .diff-line-num::after,
   5546   .code.none .line_holder.old:hover > .diff-line-num::after,
   5547   .code.white .line_holder.new:hover > .diff-line-num::after,
   5548   .code.none .line_holder.new:hover > .diff-line-num::after {
   5549     opacity: 0.3 !important;
   5550   }
   5551   .code.white .line_holder.old:hover > td[class *= 'line']:not([class *= 'num'])::after,
   5552   .code.none .line_holder.old:hover > td[class *= 'line']:not([class *= 'num'])::after,
   5553   .code.white .line_holder.new:hover > td[class *= 'line']:not([class *= 'num'])::after,
   5554   .code.none .line_holder.new:hover > td[class *= 'line']:not([class *= 'num'])::after {
   5555     opacity: 0.3 !important;
   5556   }
   5557   .code.white.white,
   5558   .code.none.white {
   5559     color: var(--light);
   5560     background-color: var(--t);
   5561   }
   5562   .code.white tbody > tr.line_expansion.match:last-child > td,
   5563   .code.none tbody > tr.line_expansion.match:last-child > td {
   5564     border-bottom: none !important;
   5565   }
   5566   .group-list-tree::before {
   5567     border-color: var(--darker) !important;
   5568   }
   5569   .group-list-tree .folder-caret,
   5570   .group-list-tree .item-type-icon {
   5571     color: var(--lighter) !important;
   5572   }
   5573   .group-list-tree .group-row {
   5574     border-color: var(--darker) !important;
   5575   }
   5576   .group-list-tree .group-row a {
   5577     color: var(--light) !important;
   5578   }
   5579   .group-list-tree .group-row::before {
   5580     border-color: var(--darker) !important;
   5581   }
   5582   .group-list-tree .group-row-contents:hover {
   5583     background-color: var(--darken) !important;
   5584   }
   5585   .group-list-tree .group-row:last-child::before {
   5586     background-color: var(--bb) !important;
   5587   }
   5588   .group-list-tree .group-row .metadata {
   5589     margin-right: 10px;
   5590   }
   5591   .group-list-tree .group-row .description p,
   5592   .group-list-tree .group-row .stat-value {
   5593     color: var(--lighter) !important;
   5594   }
   5595   .group-list-tree .group-row .identicon.s40 {
   5596     line-height: 30px;
   5597   }
   5598   .group-list-tree .folder-caret {
   5599     margin-left: 10px;
   5600   }
   5601   .cover-block {
   5602     background-color: var(--darken) !important;
   5603   }
   5604   .cover-title,
   5605   .cover-status,
   5606   .cover-desc {
   5607     color: var(--light) !important;
   5608   }
   5609   .cover-controls .btn {
   5610     background-color: var(--dark) !important;
   5611   }
   5612   .calendar-hint {
   5613     color: var(--lighter) !important;
   5614   }
   5615   .calendar svg.contrib-calendar > g text {
   5616     fill: var(--light) !important;
   5617   }
   5618   .calendar svg.contrib-calendar > g rect {
   5619     fill: var(--accent) !important;
   5620   }
   5621   .calendar svg.contrib-calendar > g rect[fill = '#ededed'] {
   5622     opacity: 0.06;
   5623   }
   5624   .calendar svg.contrib-calendar > g rect[fill ^= 'rgb(17'] {
   5625     opacity: 0.2;
   5626   }
   5627   .calendar svg.contrib-calendar > g rect[fill ^= 'rgb(12'] {
   5628     opacity: 0.45;
   5629   }
   5630   .calendar svg.contrib-calendar > g rect[fill ^= 'rgb(82'] {
   5631     opacity: 0.7;
   5632   }
   5633   .calendar svg.contrib-calendar > g rect[fill ^= 'rgb(37'] {
   5634     opacity: 1;
   5635   }
   5636   .user-profile .projects-block,
   5637   .user-profile .activities-block {
   5638     padding: 0 12px;
   5639     background-color: var(--darken) !important;
   5640     border-radius: 4px;
   5641   }
   5642   .user-profile .activities-block [data-href] {
   5643     min-height: 40px;
   5644   }
   5645   .user-profile .activities-block [data-href] .hide:first-child:last-child {
   5646     display: flex !important;
   5647     justify-content: center;
   5648   }
   5649   .user-profile .activities-block [data-href] .hide:first-child:last-child > div {
   5650     display: none;
   5651   }
   5652   .user-profile .activities-block [data-href] .hide:first-child:last-child::before {
   5653     content: 'No recent activities';
   5654     font-size: 15px;
   5655     color: var(--light) !important;
   5656   }
   5657   .roadmap-container .roadmap-shell {
   5658     border-color: var(--darker) !important;
   5659     border-top: 1px solid var(--darker);
   5660   }
   5661   .roadmap-container .timeline-header-blank,
   5662   .roadmap-container .timeline-header-item {
   5663     border-color: var(--darker) !important;
   5664     background-color: var(--bb) !important;
   5665   }
   5666   .roadmap-container .timeline-header-blank::before {
   5667     border-color: var(--darker) !important;
   5668     box-shadow: none !important;
   5669     background: linear-gradient(to bottom, var(--shadow) 0%, var(--t) 100%) !important;
   5670   }
   5671   .roadmap-container .timeline-header-item .item-label {
   5672     color: var(--light) !important;
   5673     border-color: var(--darker) !important;
   5674   }
   5675   .roadmap-container .timeline-header-item .item-sublabel .sublabel-value {
   5676     color: var(--lighter) !important;
   5677   }
   5678   .roadmap-container .timeline-header-item .item-sublabel .label-bold {
   5679     color: var(--light) !important;
   5680   }
   5681   .roadmap-container .milestones-list-title {
   5682     background-color: var(--bb) !important;
   5683   }
   5684   .roadmap-container .milestones-list-title::after {
   5685     width: 4px;
   5686     right: -4px;
   5687     background: linear-gradient(to right, var(--shadow) 0%, var(--t) 100%);
   5688   }
   5689   .roadmap-container .milestone-start-and-end {
   5690     border-color: var(--darker) !important;
   5691   }
   5692   .roadmap-container .milestone-timeline-cell {
   5693     background-color: var(--dark) !important;
   5694   }
   5695   .roadmap-container .milestone-item-details {
   5696     color: var(--lighter) !important;
   5697   }
   5698   .roadmap-container .milestone-item-details .timeline-bar,
   5699   .roadmap-container .milestone-item-details .timeline-bar::before {
   5700     background-color: var(--lighter) !important;
   5701   }
   5702   .roadmap-container .milestone-item-details .timeline-bar::after {
   5703     border-color: var(--lighter) !important;
   5704     background-color: var(--light) !important;
   5705   }
   5706   .roadmap-container .milestone-url {
   5707     color: var(--lighter) !important;
   5708   }
   5709   .roadmap-container .milestone-item-details:hover .timeline-bar,
   5710   .roadmap-container .milestone-item-details:hover .timeline-bar::before {
   5711     background-color: var(--light) !important;
   5712   }
   5713   .roadmap-container .milestone-item-details:hover .milestone-url {
   5714     color: var(--light) !important;
   5715   }
   5716   .roadmap-container .epic-bar {
   5717     background-color: var(--blue) !important;
   5718   }
   5719   .roadmap-container .epic-bar-child-epic {
   5720     border-color: var(--blue) !important;
   5721     background-color: var(--bb) !important;
   5722   }
   5723   .roadmap-container .epic-bar-child-epic p,
   5724   .roadmap-container .epic-bar-child-epic svg {
   5725     color: var(--blue) !important;
   5726   }
   5727   .roadmap-container .epic-bar-child-epic .progress-bar {
   5728     background-color: var(--blue) !important;
   5729   }
   5730   .roadmap-container .epic-details-cell {
   5731     border-color: var(--darker) !important;
   5732     background-color: var(--bb) !important;
   5733   }
   5734   .roadmap-container .epic-timeline-cell {
   5735     color: var(--light) !important;
   5736     border-color: var(--darker) !important;
   5737     background-color: var(--dark) !important;
   5738   }
   5739   .roadmap-container .epics-list-item:hover > .epic-timeline-cell {
   5740     background-color: var(--bb) !important;
   5741   }
   5742   .roadmap-container .epic-group-timeframe {
   5743     color: var(--lighter) !important;
   5744   }
   5745   .roadmap-container .epic-title,
   5746   .roadmap-container .epic-title > a {
   5747     color: var(--light) !important;
   5748   }
   5749   .roadmap-container .timeline-header-blank::after,
   5750   .roadmap-container .milestones-list-title::after,
   5751   .roadmap-container .epic-details-cell::after {
   5752     width: 4px;
   5753     right: -4px;
   5754     background: linear-gradient(to right, var(--shadow) 0%, var(--t) 100%);
   5755   }
   5756   .roadmap-container .current-day-indicator,
   5757   .roadmap-container .current-day-indicator-header {
   5758     background-color: var(--accent) !important;
   5759   }
   5760   .notes::before {
   5761     border-color: var(--darken) !important;
   5762   }
   5763   .notes .system-note .timeline-icon {
   5764     border-color: var(--darker) !important;
   5765     background-color: var(--darken) !important;
   5766   }
   5767   .notes .system-note .timeline-icon svg {
   5768     fill: var(--lighter) !important;
   5769   }
   5770   .notes .system-note a:not(.gl-link):not(.gfm) {
   5771     color: var(--accent) !important;
   5772   }
   5773   .notes.timeline > .timeline-entry {
   5774     border-color: var(--darker) !important;
   5775   }
   5776   .notes.timeline > .timeline-entry:not(.system-note):not(.note-form) {
   5777     background-color: var(--dark) !important;
   5778   }
   5779   .notes.timeline > .timeline-entry.target:not(#z) {
   5780     border-color: var(--blue) !important;
   5781     background-color: var(--bb) !important;
   5782   }
   5783   .notes.timeline > .timeline-entry .note-text.md {
   5784     color: var(--light) !important;
   5785   }
   5786   .notes.timeline > .timeline-entry .note-text::after {
   5787     background: linear-gradient(var(--t) -100px, var(--bb) 100%) !important;
   5788   }
   5789   .notes.timeline > .timeline-entry .note-text + .flex-list div[class *= 'toggle'] {
   5790     color: var(--accent) !important;
   5791   }
   5792   .notes.timeline > .timeline-entry .note-text + .description-version > pre.wrapper {
   5793     border-radius: 4px;
   5794   }
   5795   .notes.timeline > .timeline-entry .note-actions-item > [class *= 'button']:hover::before {
   5796     content: unset !important;
   5797   }
   5798   .notes.timeline > .timeline-entry .note-actions-item > [class *= 'button']:hover svg {
   5799     fill: var(--light) !important;
   5800   }
   5801   .notes.timeline > .timeline-entry .note-actions-item.js-reply-button > .gl-button {
   5802     border: none !important;
   5803     background-color: var(--t) !important;
   5804   }
   5805   .notes.timeline > .timeline-entry .edited-text,
   5806   .notes.timeline > .timeline-entry .edited-text .author-link {
   5807     color: var(--lighter) !important;
   5808   }
   5809   .notes.timeline > .timeline-entry .notes-content {
   5810     border-color: var(--darker) !important;
   5811   }
   5812   [class *= 'author-name'] {
   5813     color: var(--light) !important;
   5814   }
   5815   [class *= 'headline-light'],
   5816   [class *= 'headline-light'] [class *= 'separator'] {
   5817     color: var(--lighter) !important;
   5818   }
   5819   [class *= 'headline-light'] a:hover,
   5820   [class *= 'headline-light'] a:hover time {
   5821     color: var(--accent) !important;
   5822   }
   5823   .notes .replies-toggle {
   5824     color: var(--lighter) !important;
   5825     border-color: var(--darker) !important;
   5826     background-color: var(--darken) !important;
   5827   }
   5828   .notes .replies-toggle:not(.expanded) {
   5829     border-bottom: 0;
   5830   }
   5831   .notes .replies-toggle.collapsed {
   5832     border-radius: 0 0 3px 3px;
   5833   }
   5834   .notes .replies-toggle.expanded {
   5835     background-color: var(--darken) !important;
   5836   }
   5837   .notes .replies-toggle span,
   5838   .notes .replies-toggle a {
   5839     color: var(--light) !important;
   5840   }
   5841   [class *= 'award-control-'],
   5842   [class *= 'award-control-'] svg {
   5843     fill: var(--lighter) !important;
   5844   }
   5845   [class *= 'award-control-']:hover svg {
   5846     fill: var(--light) !important;
   5847   }
   5848   [class *= 'award-control-'].is-active svg {
   5849     fill: var(--accent) !important;
   5850   }
   5851   .notes .user-access-role {
   5852     color: var(--light) !important;
   5853     background-color: var(--darken) !important;
   5854   }
   5855   .emoji-menu {
   5856     border-color: var(--darker) !important;
   5857     background-color: var(--darken) !important;
   5858     box-shadow: var(--bshadow);
   5859   }
   5860   .emoji-menu input {
   5861     background-color: var(--dark) !important;
   5862   }
   5863   .idiff.addition {
   5864     color: var(--green) !important;
   5865     background-color: var(--t) !important;
   5866   }
   5867   .idiff.deletion {
   5868     color: var(--red) !important;
   5869     background-color: var(--t) !important;
   5870   }
   5871   .line-resolve-all {
   5872     border-color: var(--darker) !important;
   5873     background-color: var(--darken) !important;
   5874   }
   5875   .line-resolve-btn {
   5876     color: var(--lighter) !important;
   5877   }
   5878   .line-resolve-btn.is-disabled svg {
   5879     fill: var(--lighter) !important;
   5880   }
   5881   .line-resolve-btn.is-active {
   5882     color: var(--green) !important;
   5883   }
   5884   .line-resolve-btn.is-active svg {
   5885     fill: var(--green) !important;
   5886   }
   5887   .notes_holder {
   5888     font-family: var(--ui-font) !important;
   5889   }
   5890   .notes_holder > td,
   5891   .notes_holder .notes {
   5892     background-color: var(--t) !important;
   5893   }
   5894   .notes_holder [class *= 'reply-holder'] {
   5895     margin-bottom: -1px;
   5896   }
   5897   .notes_holder .timeline-entry.note {
   5898     color: var(--light) !important;
   5899     background-color: var(--dark) !important;
   5900   }
   5901   .notes_holder .timeline-entry.note .replies-toggle,
   5902   .notes_holder .timeline-entry.note [class *= 'reply-holder'] {
   5903     border-bottom: 1px solid var(--darker);
   5904   }
   5905   .notes.timeline > .discussion-filter-note {
   5906     color: var(--light) !important;
   5907   }
   5908   .notes.timeline > .discussion-filter-note .timeline-icon {
   5909     border-color: var(--darker) !important;
   5910     background-color: var(--darken) !important;
   5911   }
   5912   .epic-tabs-content .card-header .issue-count-badge {
   5913     background-color: var(--t) !important;
   5914   }
   5915   .status-at-risk {
   5916     color: var(--red) !important;
   5917     background-color: rgba(255,0,102,0.125) !important;
   5918   }
   5919   .status-on-track {
   5920     color: var(--green) !important;
   5921     background-color: rgba(0,255,102,0.125) !important;
   5922   }
   5923   .status-needs-attention {
   5924     color: var(--orange) !important;
   5925     background-color: rgba(255,102,0,0.125) !important;
   5926   }
   5927   .status-at-risk > .gl-label-text,
   5928   .status-on-track > .gl-label-text,
   5929   .status-needs-attention > .gl-label-text {
   5930     color: inherit !important;
   5931   }
   5932   .bullet-separator {
   5933     color: var(--lighter) !important;
   5934   }
   5935   .gl-label[class *= 'status-'] > .gl-label-text {
   5936     box-shadow: none !important;
   5937   }
   5938   .sortable-drag {
   5939     background-color: var(--t) !important;
   5940     box-shadow: none !important;
   5941   }
   5942   .js-comment-form .float-left.btn-group {
   5943     float: unset !important;
   5944   }
   5945   .discussion-header {
   5946     border-color: var(--darker) !important;
   5947   }
   5948   .discussion-actions button {
   5949     color: var(--lighter) !important;
   5950   }
   5951   .discussion-headline-light a {
   5952     color: var(--accent) !important;
   5953   }
   5954   .discussion .timeline-entry {
   5955     color: var(--light) !important;
   5956     background-color: var(--dark) !important;
   5957   }
   5958   .discussion .timeline-entry.target {
   5959     background-color: var(--bb) !important;
   5960   }
   5961   .discussion-body .notes_holder li.note,
   5962   .discussion-body .notes li.note:not(:first-child) {
   5963     border-radius: 0;
   5964   }
   5965   .discussion-body .file-title {
   5966     top: 98px !important;
   5967   }
   5968   .discussion-reply-holder {
   5969     border-color: var(--darker) !important;
   5970     background-color: var(--bb) !important;
   5971   }
   5972   .discussion-reply-holder > .discussion-notes {
   5973     background-color: var(--t) !important;
   5974     box-shadow: none !important;
   5975   }
   5976   .discussion-reply-holder .btn:not(.btn-success) {
   5977     color: var(--light) !important;
   5978     border-color: var(--darker) !important;
   5979     background-color: var(--dark) !important;
   5980   }
   5981   .disabled-comment {
   5982     padding: 8px 0;
   5983     color: var(--lighter) !important;
   5984     border-color: var(--darker) !important;
   5985     background-color: var(--dark) !important;
   5986   }
   5987   .disabled-comment a:not(.learn-more) {
   5988     color: var(--accent) !important;
   5989   }
   5990   .disabled-comment .issuable-note-warning {
   5991     color: var(--orange) !important;
   5992     border-color: var(--t) !important;
   5993     background-color: var(--t) !important;
   5994   }
   5995   .disabled-comment .issuable-note-warning svg {
   5996     fill: var(--orange) !important;
   5997   }
   5998   .discussion-form {
   5999     border-color: var(--darker) !important;
   6000     background-color: var(--bb) !important;
   6001   }
   6002   .draft-note-component {
   6003     background-color: var(--t) !important;
   6004   }
   6005   .draft-note-component .drafts-count-component {
   6006     color: var(--white) !important;
   6007     background-color: var(--green) !important;
   6008   }
   6009   .review-bar-component {
   6010     border-color: var(--darker) !important;
   6011     background-color: var(--dark) !important;
   6012   }
   6013   .note-form {
   6014     background-color: var(--t) !important;
   6015   }
   6016   .issuable-note-warning {
   6017     color: var(--orange) !important;
   6018     border-color: var(--darker) !important;
   6019     background-color: var(--dark) !important;
   6020   }
   6021   .issuable-note-warning a {
   6022     color: var(--orange) !important;
   6023   }
   6024   .md-area {
   6025     color: var(--light) !important;
   6026     border-color: var(--darker) !important;
   6027     background-color: var(--dark) !important;
   6028   }
   6029   .toolbar-btn svg {
   6030     fill: var(--lighter) !important;
   6031   }
   6032   .toolbar-btn svg:hover {
   6033     fill: var(--light) !important;
   6034   }
   6035   .md-area.is-focused {
   6036     border-color: var(--blue) !important;
   6037     box-shadow: 0 0 0.4rem -0.2rem var(--blue) !important;
   6038   }
   6039   .md-area .markdown-selector {
   6040     color: var(--accent) !important;
   6041   }
   6042   .md-area .markdown-area {
   6043     color: var(--light) !important;
   6044     background-color: var(--t) !important;
   6045   }
   6046   .md-area .comment-toolbar {
   6047     color: var(--lighter) !important;
   6048     border-color: var(--darker) !important;
   6049   }
   6050   .md-area textarea {
   6051     font-family: var(--mono-font);
   6052   }
   6053   .note-form .timeline-icon {
   6054     background-color: var(--t) !important;
   6055   }
   6056   .referenced-commands {
   6057     color: var(--light) !important;
   6058     background-color: var(--darker) !important;
   6059   }
   6060   .zen-control svg {
   6061     fill: var(--lighter) !important;
   6062   }
   6063   .zen-backdrop.fullscreen {
   6064     background-color: var(--dark) !important;
   6065   }
   6066   .note-form-actions {
   6067     color: var(--lighter) !important;
   6068   }
   6069   .board-inner {
   6070     border-color: var(--darker) !important;
   6071     background-color: var(--dark) !important;
   6072   }
   6073   .board-title {
   6074     border-color: var(--darker) !important;
   6075   }
   6076   .board-title-caret:hover {
   6077     background-color: var(--darken) !important;
   6078   }
   6079   .board-list-count {
   6080     color: var(--lighter) !important;
   6081   }
   6082   .board .issue-count-badge {
   6083     background-color: var(--t) !important;
   6084   }
   6085   .board .form-control {
   6086     background-color: var(--dark) !important;
   6087   }
   6088   .board-card {
   6089     border-top: 1px solid var(--darker) !important;
   6090     border-color: var(--darker) !important;
   6091     background-color: var(--darken) !important;
   6092     box-shadow: none;
   6093   }
   6094   .board-card-header a,
   6095   .board-card-title a {
   6096     color: var(--light) !important;
   6097   }
   6098   .board-card-number {
   6099     color: var(--lighter) !important;
   6100   }
   6101   .board-card-weight {
   6102     color: var(--light) !important;
   6103   }
   6104   .board-card:last-child {
   6105     margin-bottom: 0.25rem;
   6106   }
   6107   .board-delete:not(:hover) {
   6108     opacity: 0.6;
   6109   }
   6110   .issue-boards-content.is-focused {
   6111     background-color: var(--bb) !important;
   6112   }
   6113   .board-blank-state,
   6114   .board-promotion-state {
   6115     background-color: var(--t) !important;
   6116   }
   6117   .top-space #hide-btn {
   6118     margin-top: 15px;
   6119   }
   6120   .board-inner > header h3 {
   6121     min-height: 51px !important;
   6122   }
   6123   .boards-list,
   6124   .board-swimlanes {
   6125     --offset: 0px;
   6126     height: calc(100vh - 114px - var(--offset));
   6127   }
   6128   @media (min-width: 768px) {
   6129     .boards-list,
   6130     .board-swimlanes {
   6131       height: calc(100vh - 167px - var(--offset));
   6132     }
   6133   }
   6134   @media (max-width: 767.98px) and (min-width: 576px) {
   6135     .boards-list,
   6136     .board-swimlanes {
   6137       height: calc(100vh - 99px - var(--offset));
   6138     }
   6139   }
   6140   .boards-app .add-issues-container {
   6141     border: 1px solid;
   6142     color: var(--light) !important;
   6143     border-color: var(--darker) !important;
   6144     background-color: var(--dark) !important;
   6145   }
   6146   .boards-app .add-issues-container > div > header {
   6147     background-color: var(--darken) !important;
   6148   }
   6149   .boards-app .add-issues-container .board-card.is-active {
   6150     background-color: rgba(34,136,255,0.082) !important;
   6151   }
   6152   .boards-app .add-issues-container .board-card.is-active svg.gl-icon {
   6153     color: var(--white) !important;
   6154     border-color: var(--blue) !important;
   6155     background-color: var(--blue) !important;
   6156     fill: var(--white) !important;
   6157   }
   6158   .boards-app .add-issues-container .btn.close {
   6159     top: -5px;
   6160   }
   6161   .boards-app .add-issues-container .filtered-search {
   6162     background-color: var(--t) !important;
   6163   }
   6164   .boards-app .add-issues-container .clear-search {
   6165     background-color: var(--t) !important;
   6166   }
   6167   .milestones .milestone:not(:last-child) {
   6168     margin-bottom: 8px;
   6169   }
   6170   .milestone .label-badge-gray {
   6171     color: var(--light) !important;
   6172   }
   6173   .milestone-content .card-header {
   6174     border-color: var(--t) !important;
   6175   }
   6176   .milestone-content .card-header.bg-primary {
   6177     color: var(--accent) !important;
   6178   }
   6179   .milestone-content li.issuable-row {
   6180     background-color: var(--dark) !important;
   6181   }
   6182   .milestone-content li.issuable-row:first-child {
   6183     border-top: 1px solid var(--darker) !important;
   6184   }
   6185   .milestone-content li.issuable-row:last-child {
   6186     border-radius: 0 0 4px 4px;
   6187   }
   6188   .milestone-content li.issuable-row .issuable-number {
   6189     color: var(--lighter) !important;
   6190   }
   6191   .manage-labels-list li {
   6192     background-color: var(--t) !important;
   6193   }
   6194   .burndown-chart {
   6195     background-color: var(--dark) !important;
   6196     border-radius: 4px;
   6197     box-shadow: inset 0 0 0 1px var(--darker);
   6198   }
   6199   .burndown-chart text {
   6200     fill: var(--light) !important;
   6201   }
   6202   .burndown-chart .axis-label text {
   6203     fill: var(--light) !important;
   6204   }
   6205   .burndown-chart .axis-label line,
   6206   .burndown-chart .axis line,
   6207   .burndown-chart .axis path {
   6208     stroke: var(--lighter) !important;
   6209   }
   6210   .burndown-chart .line.ideal {
   6211     stroke: var(--lighter) !important;
   6212   }
   6213   .burndown-chart .line.actual {
   6214     stroke: var(--green) !important;
   6215   }
   6216   .burndown-chart .legend rect {
   6217     stroke: var(--lighter) !important;
   6218   }
   6219   .burndown-chart .legend text {
   6220     fill: var(--light) !important;
   6221   }
   6222   .gl-legend,
   6223   .gl-legend-inline {
   6224     color: var(--light) !important;
   6225   }
   6226   .burndown-chart [style *= '221, 221, 221'] {
   6227     fill: var(--darker) !important;
   6228   }
   6229   .burndown-chart [stroke = '#ddd'],
   6230   .burndown-chart [stroke = '#dfdfdf'],
   6231   .burndown-chart [stroke = '#919191'] {
   6232     stroke: var(--darker) !important;
   6233   }
   6234   .burndown-chart [stroke = '#1f78d1'] {
   6235     stroke: var(--blue) !important;
   6236   }
   6237   .burndown-chart [fill = '#1f78d1'],
   6238   .burndown-chart [fill *= '34,132,229'],
   6239   .burndown-chart [style *= '31, 120, 209'] {
   6240     fill: var(--blue) !important;
   6241   }
   6242   .content-block.burndown-hint {
   6243     border-color: var(--darker) !important;
   6244     background-color: var(--darken) !important;
   6245     border-radius: 4px;
   6246   }
   6247   .content-block.burndown-hint svg path[fill = '#fff'] {
   6248     fill: var(--t) !important;
   6249   }
   6250   .js-burndown-data-selector .btn-primary {
   6251     color: var(--white) !important;
   6252     border-color: var(--blue) !important;
   6253     background-color: var(--blue) !important;
   6254   }
   6255   [class *= '-tabs-holder'] {
   6256     border-color: var(--darker) !important;
   6257     background-color: var(--bb) !important;
   6258     top: 50px;
   6259   }
   6260   .mr-version-controls {
   6261     color: var(--light) !important;
   6262     border-color: var(--darker) !important;
   6263     background-color: var(--bb) !important;
   6264     top: 98px;
   6265   }
   6266   .design-detail {
   6267     background-color: var(--t) !important;
   6268   }
   6269   .design-detail::before {
   6270     content: '';
   6271     z-index: -1;
   6272     opacity: 0.9;
   6273     position: absolute;
   6274     top: 0;
   6275     right: 0;
   6276     bottom: 0;
   6277     left: 0;
   6278     background-color: var(--darken) !important;
   6279   }
   6280   .design-detail header {
   6281     border-bottom: 1px solid var(--darker);
   6282   }
   6283   .design-detail .frame .badge-pill {
   6284     color: var(--white) !important;
   6285     border-color: var(--darker) !important;
   6286     background-color: var(--accent) !important;
   6287   }
   6288   .design-detail .image-notes {
   6289     border-left: 1px solid var(--darker);
   6290     background-color: var(--dark) !important;
   6291   }
   6292   .design-detail .image-notes .design-discussion {
   6293     background-color: var(--darken) !important;
   6294   }
   6295   .design-detail .image-notes .design-discussion::before,
   6296   .design-detail .image-notes .design-discussion .reply-wrapper {
   6297     border-color: var(--darker) !important;
   6298   }
   6299   .design-detail .image-notes .design-discussion .btn-text-field {
   6300     background-color: var(--dark) !important;
   6301   }
   6302   .design-detail .image-notes .badge-pill,
   6303   .design-detail .image-notes .key {
   6304     color: var(--white) !important;
   6305     border-color: var(--darker) !important;
   6306     background-color: var(--accent) !important;
   6307     box-shadow: none;
   6308   }
   6309   .file-holder {
   6310     background-color: var(--dark) !important;
   6311   }
   6312   .file-holder.file-holder-bottom-radius {
   6313     border-radius: 0 0 4px 4px;
   6314   }
   6315   .file-holder.file-holder-bottom-radius .file-title {
   6316     border-radius: 0;
   6317   }
   6318   .file-fork-suggestion {
   6319     border-color: var(--darker) !important;
   6320     background-color: var(--darken) !important;
   6321   }
   6322   .file-editor .nav-links {
   6323     border-color: var(--darker) !important;
   6324     background-color: var(--darken) !important;
   6325     border-radius: 4px 4px 0 0;
   6326   }
   6327   .file-editor .file-title {
   6328     border-radius: 4px 4px 0 0;
   6329   }
   6330   .file-editor .file-title-flex-parent > .form-control {
   6331     background-color: var(--dark) !important;
   6332   }
   6333   .file-editor .file-title [data-toggle = 'dropdown'] {
   6334     background-color: var(--dark) !important;
   6335   }
   6336   .file .toolbar-btn:hover svg {
   6337     fill: var(--light) !important;
   6338   }
   6339   .file .btn,
   6340   .file .encoding-selector,
   6341   .file #preview {
   6342     font-family: var(--ui-font);
   6343   }
   6344   .file .editor-ref {
   6345     border-color: var(--darker) !important;
   6346     background-color: var(--t) !important;
   6347   }
   6348   .template-selectors-menu {
   6349     border-color: var(--darker) !important;
   6350   }
   6351   .template-selector-dropdowns-wrap > div[class] {
   6352     font-family: var(--ui-font);
   6353   }
   6354   .file input,
   6355   .file .btn,
   6356   .file .select2-choice {
   6357     background-color: var(--dark) !important;
   6358   }
   6359   .file .btn[class *= 'active'] {
   6360     background-color: var(--darker) !important;
   6361   }
   6362   .ace-tm {
   6363     border-radius: 0 0 3px 3px !important;
   6364     color: var(--light) !important;
   6365     background-color: var(--dark) !important;
   6366   }
   6367   .ace_gutter {
   6368     border-radius: 0 0 0 3px;
   6369     color: var(--lighter) !important;
   6370     background-color: var(--darken) !important;
   6371     box-shadow: 1px 0 var(--darker);
   6372   }
   6373   .ace_gutter-cell {
   6374     background-color: var(--t) !important;
   6375   }
   6376   .ace_gutter + .ace_scroller {
   6377     border-radius: 0 0 3px 0;
   6378   }
   6379   .ace_gutter-active-line,
   6380   .ace_active-line {
   6381     background-color: var(--darken) !important;
   6382   }
   6383   .ace_selected-word,
   6384   .ace_selection {
   6385     background-color: var(--blue) !important;
   6386     opacity: 0.3;
   6387   }
   6388   .ace_cursor {
   6389     color: var(--accent) !important;
   6390   }
   6391   .ace_indent-guide {
   6392     background: none;
   6393     box-shadow: inset -1px 0 var(--darker);
   6394   }
   6395   .ace_print-margin {
   6396     background-color: var(--darker) !important;
   6397   }
   6398   .ace_search {
   6399     border-color: var(--darker) !important;
   6400     background-color: var(--darken) !important;
   6401     box-shadow: var(--bshadow);
   6402   }
   6403   .ace_search_form,
   6404   .ace_search_field {
   6405     color: var(--light) !important;
   6406     border-color: var(--darker) !important;
   6407     background-color: var(--dark) !important;
   6408   }
   6409   .ace_search [action] {
   6410     color: var(--light) !important;
   6411     border-color: var(--darker) !important;
   6412     background-color: var(--darken) !important;
   6413   }
   6414   .ace_search_options {
   6415     margin: 4px 0 0 -2px;
   6416     text-align: left;
   6417   }
   6418   .ace_search_options .ace_button {
   6419     padding: 4px;
   6420     border-radius: 3px;
   6421     color: var(--lighter) !important;
   6422     border-color: var(--darker) !important;
   6423     background-color: var(--dark) !important;
   6424   }
   6425   .ace_search_options .ace_button:hover,
   6426   .ace_search_options .ace_button.checked {
   6427     color: var(--light) !important;
   6428     background-color: var(--darker) !important;
   6429   }
   6430   .ace_scroller.ace_scroll-left {
   6431     box-shadow: inset 17px 0 16px -16px var(--shadow);
   6432   }
   6433   .ace_url {
   6434     color: var(--accent) !important;
   6435   }
   6436   .ace_list {
   6437     color: var(--magenta) !important;
   6438   }
   6439   .ace_name.ace_function {
   6440     color: var(--violet) !important;
   6441   }
   6442   .ace_line,
   6443   .ace_constant,
   6444   .ace_numeric {
   6445     color: var(--light) !important;
   6446   }
   6447   .file_type.ace_support,
   6448   .file_function.ace_support {
   6449     color: var(--lighter) !important;
   6450   }
   6451   .ace_variable,
   6452   .ace_string,
   6453   .ace_comment {
   6454     color: var(--green) !important;
   6455   }
   6456   .ace_heading,
   6457   .ace_storage,
   6458   .ace_keyword,
   6459   .ace_meta.ace_tag {
   6460     color: var(--blue) !important;
   6461   }
   6462   .labels-container,
   6463   .milestones {
   6464     background-color: var(--darken) !important;
   6465   }
   6466   .manage-labels-list > li:not(.empty-message):not(.no-border),
   6467   .milestones > ul > li:not(.empty-message):not(.no-border) {
   6468     border-color: var(--darker) !important;
   6469     background-color: var(--dark) !important;
   6470   }
   6471   [data-page *= 'network:show'] .row-content-block {
   6472     background-color: var(--t) !important;
   6473   }
   6474   [data-page *= 'network:show'] .row-content-block + div {
   6475     padding: 0;
   6476   }
   6477   [data-page *= 'network:show'] .project-network {
   6478     margin-top: 16px;
   6479     border-color: var(--darker) !important;
   6480     border-radius: 4px;
   6481   }
   6482   [data-page *= 'network:show'] .project-network .controls {
   6483     border-radius: 3px 3px 0 0;
   6484     color: var(--light) !important;
   6485     border-color: var(--darker) !important;
   6486     background-color: var(--darken) !important;
   6487   }
   6488   [data-page *= 'network:show'] .project-network .controls input {
   6489     background-color: var(--dark) !important;
   6490   }
   6491   [data-page *= 'network:show'] .project-network .network-graph {
   6492     background-color: var(--dark) !important;
   6493   }
   6494   [data-page *= 'network:show'] text {
   6495     fill: var(--light) !important;
   6496   }
   6497   [data-page *= 'network:show'] rect[fill = '#222222'] {
   6498     fill: var(--darken) !important;
   6499     stroke: var(--t) !important;
   6500   }
   6501   [data-page *= 'network:show'] rect[fill = '#444444'] {
   6502     fill: var(--bb) !important;
   6503     stroke: var(--t) !important;
   6504   }
   6505   [data-page *= 'network:show'] rect[transform = 'matrix(1,0,0,1,20,20)'] {
   6506     fill: var(--darken) !important;
   6507     stroke: var(--darker) !important;
   6508   }
   6509   [data-page *= 'network:show'] rect[style = 'fill-opacity: 0.5;'],
   6510   [data-page *= 'network:show'] path[style = 'fill-opacity: 0.5;'] {
   6511     fill: var(--accent) !important;
   6512   }
   6513   [data-page *= 'network:show'] rect[style = 'fill-opacity: 0.5;'] + text[style],
   6514   [data-page *= 'network:show'] path[style = 'fill-opacity: 0.5;'] + text[style] {
   6515     fill: var(--white) !important;
   6516   }
   6517   [data-page *= 'network:show'] rect[stroke = '#cc7a7a'],
   6518   [data-page *= 'network:show'] path[stroke = '#cc7a7a'] {
   6519     stroke: var(--light) !important;
   6520   }
   6521   [data-page *= 'network:show'] rect[stroke = '#cccccc'],
   6522   [data-page *= 'network:show'] path[stroke = '#cccccc'] {
   6523     stroke: var(--lighter) !important;
   6524   }
   6525   [data-page *= 'network:show'] rect[stroke = '#cc0000'],
   6526   [data-page *= 'network:show'] path[stroke = '#cc0000'] {
   6527     stroke: var(--red) !important;
   6528   }
   6529   [data-page *= 'network:show'] rect[stroke = '#00cc8f'],
   6530   [data-page *= 'network:show'] path[stroke = '#00cc8f'] {
   6531     stroke: var(--cyan) !important;
   6532   }
   6533   [data-page *= 'network:show'] rect[stroke = '#5283cc'],
   6534   [data-page *= 'network:show'] path[stroke = '#5283cc'] {
   6535     stroke: var(--blue) !important;
   6536   }
   6537   [data-page *= 'network:show'] rect[stroke = '#49cc29'],
   6538   [data-page *= 'network:show'] path[stroke = '#49cc29'] {
   6539     stroke: var(--green) !important;
   6540   }
   6541   [data-page *= 'network:show'] rect[stroke = '#7a29cc'],
   6542   [data-page *= 'network:show'] path[stroke = '#7a29cc'] {
   6543     stroke: var(--orange) !important;
   6544   }
   6545   [data-page *= 'network:show'] rect[stroke = '#ccc052'],
   6546   [data-page *= 'network:show'] path[stroke = '#ccc052'] {
   6547     stroke: var(--yellow) !important;
   6548   }
   6549   [data-page *= 'network:show'] rect[stroke = '#cc007a'],
   6550   [data-page *= 'network:show'] path[stroke = '#cc007a'] {
   6551     stroke: var(--violet) !important;
   6552   }
   6553   [data-page *= 'network:show'] rect[stroke = '#b8a3cc'],
   6554   [data-page *= 'network:show'] path[stroke = '#b8a3cc'] {
   6555     stroke: var(--magenta) !important;
   6556   }
   6557   [data-page *= 'network:show'] circle[fill = '#cc7a7a'] {
   6558     fill: var(--light) !important;
   6559   }
   6560   [data-page *= 'network:show'] circle[fill = '#cccccc'] {
   6561     fill: var(--lighter) !important;
   6562   }
   6563   [data-page *= 'network:show'] circle[fill = '#cc0000'] {
   6564     fill: var(--red) !important;
   6565   }
   6566   [data-page *= 'network:show'] circle[fill = '#00cc8f'] {
   6567     fill: var(--cyan) !important;
   6568   }
   6569   [data-page *= 'network:show'] circle[fill = '#5283cc'] {
   6570     fill: var(--blue) !important;
   6571   }
   6572   [data-page *= 'network:show'] circle[fill = '#49cc29'] {
   6573     fill: var(--green) !important;
   6574   }
   6575   [data-page *= 'network:show'] circle[fill = '#7a29cc'] {
   6576     fill: var(--orange) !important;
   6577   }
   6578   [data-page *= 'network:show'] circle[fill = '#ccc052'] {
   6579     fill: var(--yellow) !important;
   6580   }
   6581   [data-page *= 'network:show'] circle[fill = '#cc007a'] {
   6582     fill: var(--violet) !important;
   6583   }
   6584   [data-page *= 'network:show'] circle[fill = '#b8a3cc'] {
   6585     fill: var(--magenta) !important;
   6586   }
   6587   [data-page *= 'network:show'] [style *= 'Monaco'] {
   6588     font-family: var(--mono-font) !important;
   6589   }
   6590   [data-page *= 'network:show'] [class *= '-chart'] text tspan,
   6591   [_echarts_instance_ *= 'ec'] text tspan,
   6592   [data-page *= 'network:show'] [class *= '-chart'] [fill = '#2e2e2e'],
   6593   [_echarts_instance_ *= 'ec'] [fill = '#2e2e2e'] {
   6594     fill: var(--light);
   6595   }
   6596   [data-page *= 'network:show'] [class *= '-chart'] [fill = '#919191'],
   6597   [_echarts_instance_ *= 'ec'] [fill = '#919191'] {
   6598     fill: var(--lighter);
   6599   }
   6600   [data-page *= 'network:show'] [class *= '-chart'] [fill = '#dbdbdb'],
   6601   [_echarts_instance_ *= 'ec'] [fill = '#dbdbdb'] {
   6602     fill: var(--darker);
   6603   }
   6604   [data-page *= 'network:show'] [class *= '-chart'] [fill = '#dbdbdb'],
   6605   [_echarts_instance_ *= 'ec'] [fill = '#dbdbdb'] {
   6606     fill: var(--darker);
   6607   }
   6608   [data-page *= 'network:show'] [class *= '-chart'] [stroke = '#bfbfbf'],
   6609   [_echarts_instance_ *= 'ec'] [stroke = '#bfbfbf'] {
   6610     stroke: var(--darker);
   6611   }
   6612   [data-page *= 'network:show'] [class *= '-chart'] .gl-series-label,
   6613   [_echarts_instance_ *= 'ec'] .gl-series-label {
   6614     color: var(--light) !important;
   6615   }
   6616   [data-page *= 'network:show'] [class *= '-chart'] .gl-legend-series,
   6617   [_echarts_instance_ *= 'ec'] .gl-legend-series {
   6618     color: var(--lighter) !important;
   6619   }
   6620   .issues-analytics-legend {
   6621     color: var(--lighter) !important;
   6622   }
   6623   #cycle-analytics h4 {
   6624     color: var(--light) !important;
   6625   }
   6626   #cycle-analytics .empty-stage,
   6627   #cycle-analytics .no-access-stage {
   6628     color: var(--lighter) !important;
   6629   }
   6630   #cycle-analytics .card-header {
   6631     border-bottom: 1px solid var(--darker) !important;
   6632   }
   6633   #cycle-analytics .stage-nav {
   6634     margin-top: 4px;
   6635   }
   6636   #cycle-analytics .stage-nav-item {
   6637     color: var(--light) !important;
   6638     border-color: var(--darker) !important;
   6639     background-color: var(--bb) !important;
   6640   }
   6641   #cycle-analytics .stage-nav-item.active {
   6642     border-color: var(--accent) !important;
   6643     background-color: var(--darken) !important;
   6644     box-shadow: inset 4px 0 var(--accent) !important;
   6645   }
   6646   #cycle-analytics .stage-nav-item:hover:not(.active) {
   6647     background-color: var(--darken) !important;
   6648     box-shadow: none !important;
   6649   }
   6650   #cycle-analytics .stage-nav-item .stage-empty,
   6651   #cycle-analytics .stage-nav-item .not-available {
   6652     color: var(--lighter) !important;
   6653   }
   6654   #cycle-analytics .stage-event-item {
   6655     color: var(--lighter) !important;
   6656     border-color: var(--darker) !important;
   6657   }
   6658   #cycle-analytics .stage-event-item .total-time,
   6659   #cycle-analytics .stage-event-item .total-time span {
   6660     color: var(--lighter) !important;
   6661   }
   6662   #cycle-analytics .stage-event-item .issue-date,
   6663   #cycle-analytics .stage-event-item .build-date {
   6664     color: var(--lighter) !important;
   6665   }
   6666   #cycle-analytics .stage-event-item .issue-author-link,
   6667   #cycle-analytics .stage-event-item .issue-title,
   6668   #cycle-analytics .stage-event-item .issue-link {
   6669     color: var(--light) !important;
   6670   }
   6671   .dashboard-card-header-failed,
   6672   .dashboard-card-footer-failed {
   6673     background-color: var(--red-darken) !important;
   6674   }
   6675   .dashboard-card-body-failed {
   6676     background-color: var(--red-darker) !important;
   6677   }
   6678   .dashboard-card-body .gl-link {
   6679     color: var(--light) !important;
   6680   }
   6681   .dashboard-card-body .text-secondary {
   6682     overflow: hidden;
   6683     white-space: nowrap;
   6684     text-overflow: ellipsis;
   6685   }
   6686   .dashboard-card-body .ci-table {
   6687     margin-top: 0 !important;
   6688     border-radius: 0px !important;
   6689     border-color: var(--t) !important;
   6690     background-color: var(--t) !important;
   6691   }
   6692   [data-page ^= 'snippets:'] .snippet-header h2 {
   6693     color: var(--light) !important;
   6694   }
   6695   [data-page ^= 'snippets:'] .file-holder pre.code.highlight {
   6696     background-color: var(--dark) !important;
   6697   }
   6698   [data-page ^= 'snippets:'] .row-content-block.content-component-block {
   6699     background-color: var(--t) !important;
   6700   }
   6701   .search-results-row {
   6702     border-color: var(--darker) !important;
   6703   }
   6704   .search-results-row .author {
   6705     color: var(--accent) !important;
   6706   }
   6707   .search-results-row pre.code {
   6708     border-radius: 4px;
   6709   }
   6710   .search-results .blob-result {
   6711     margin: 16px 0;
   6712   }
   6713   .search-results .code.highlight.white {
   6714     background-color: var(--darken) !important;
   6715   }
   6716   .search-results .search-result-row {
   6717     border-color: var(--darker) !important;
   6718   }
   6719   .ide {
   6720     --ide-link-color: var(--accent);
   6721     --ide-text-color: var(--light);
   6722     --ide-input-color: var(--light);
   6723     --ide-border-color: var(--dark);
   6724     --ide-input-background: var(--darken);
   6725     --ide-text-color-secondary: var(--lighter);
   6726     --ide-highlight-background: var(--darken);
   6727     --ide-animation-gradient-1: var(--darker);
   6728     --ide-animation-gradient-2: var(--darken);
   6729     --ide-dropdown-hover-background: var(--darker);
   6730     --ide-dropdown-btn-hover-border: var(--darker);
   6731     --ide-dropdown-btn-hover-background: var(--darken);
   6732   }
   6733   .ide-view {
   6734     color: var(--light) !important;
   6735   }
   6736   .ide .sidebar-context-title {
   6737     color: var(--light) !important;
   6738   }
   6739   .ide .avatar-container {
   6740     background-color: var(--t) !important;
   6741   }
   6742   .ide-activity-bar svg.s16 {
   6743     fill: var(--lighter) !important;
   6744   }
   6745   .ide-activity-bar button.active {
   6746     color: var(--light) !important;
   6747     border-color: var(--darker) !important;
   6748     background-color: var(--dark) !important;
   6749     box-shadow: inset 3px 0 var(--accent) !important;
   6750   }
   6751   .ide-activity-bar button.active.is-right {
   6752     box-shadow: inset -3px 0 var(--accent) !important;
   6753   }
   6754   .ide-activity-bar button.active::after {
   6755     background-color: var(--t) !important;
   6756   }
   6757   .ide-activity-bar button.active svg.s16 {
   6758     fill: var(--light) !important;
   6759   }
   6760   .ide .ide-right-sidebar .ide-activity-bar {
   6761     color: var(--light) !important;
   6762     border-color: var(--darker) !important;
   6763   }
   6764   .ide .ide-right-sidebar .ide-pipeline-header {
   6765     margin: 0;
   6766     padding: 16px !important;
   6767   }
   6768   .ide .ide-right-sidebar .multi-file-commit-panel-inner {
   6769     border-color: var(--darker) !important;
   6770     background-color: var(--dark) !important;
   6771   }
   6772   .ide .ide-right-sidebar .multi-file-commit-panel .card-body {
   6773     background-color: var(--bb) !important;
   6774   }
   6775   .ide-sidebar-link:hover {
   6776     color: var(--light) !important;
   6777     background-color: var(--darker) !important;
   6778   }
   6779   .ide .multi-file-commit-panel {
   6780     background-color: var(--darken) !important;
   6781   }
   6782   .ide .multi-file-commit-panel .ic-git-merge {
   6783     color: var(--lighter) !important;
   6784   }
   6785   .ide .multi-file-commit-panel-header,
   6786   .ide .multi-file-commit-form > form {
   6787     border-color: var(--darker) !important;
   6788   }
   6789   .ide .multi-file-commit-panel-header .ide-staged-action-btn {
   6790     background-color: var(--t) !important;
   6791   }
   6792   .ide .multi-file-commit-list-path:hover,
   6793   .ide .multi-file-commit-list-path:focus {
   6794     background-color: var(--darken) !important;
   6795   }
   6796   .ide .multi-file-commit-list-path.is-active {
   6797     background-color: var(--darker) !important;
   6798   }
   6799   .ide .multi-file-edit-pane {
   6800     border-color: var(--darker) !important;
   6801   }
   6802   .ide .multi-file-commit-panel-inner-content {
   6803     border-color: var(--darker) !important;
   6804     background-color: var(--dark) !important;
   6805   }
   6806   .ide .multi-file-commit-form {
   6807     color: var(--light) !important;
   6808     border-color: var(--darker) !important;
   6809     background-color: var(--dark) !important;
   6810   }
   6811   .ide .multi-file-commit-form > .commit-form-compact {
   6812     border-color: var(--darker) !important;
   6813   }
   6814   .ide .multi-file-edit-pane {
   6815     border-color: var(--darker) !important;
   6816   }
   6817   .ide .multi-file-edit-pane-content > .ide-mode-tabs {
   6818     border-color: var(--darker) !important;
   6819   }
   6820   .ide .multi-file-tabs {
   6821     background-color: var(--darken) !important;
   6822     box-shadow: none;
   6823   }
   6824   .ide .multi-file-tabs li {
   6825     color: var(--lighter) !important;
   6826     border-color: var(--darken) !important;
   6827     background-color: var(--darken) !important;
   6828   }
   6829   .ide .multi-file-tabs li:hover {
   6830     background-color: rgba(136,136,136,0.082) !important;
   6831   }
   6832   .ide .multi-file-tabs li.active {
   6833     color: var(--light) !important;
   6834     border-color: var(--dark) !important;
   6835     background-color: var(--dark) !important;
   6836   }
   6837   .ide .multi-file-tab-close {
   6838     color: var(--lighter) !important;
   6839   }
   6840   .ide .multi-file-tab-close:not([disabled]):hover {
   6841     background-color: var(--darker) !important;
   6842   }
   6843   .ide-file-templates {
   6844     border-color: var(--darker) !important;
   6845     background-color: var(--darken) !important;
   6846   }
   6847   .ide-file-templates [class *= 'menu-toggle'] {
   6848     background-color: var(--dark) !important;
   6849   }
   6850   .ide-file-list .ide-tree-header {
   6851     border-color: var(--darker) !important;
   6852   }
   6853   .ide-file-list .ide-tree-body .file-row:hover,
   6854   .ide-file-list .ide-tree-body .file-row.is-active {
   6855     background-color: var(--darken) !important;
   6856   }
   6857   .ide-file-list .ide-tree-body .ide-entry-dropdown-toggle {
   6858     color: var(--light) !important;
   6859     background-color: var(--darker) !important;
   6860   }
   6861   .ide-review-sub-header {
   6862     color: var(--lighter) !important;
   6863   }
   6864   .ide-review-header a {
   6865     color: var(--accent) !important;
   6866   }
   6867   .ide-commit-editor-header {
   6868     background-color: var(--darken) !important;
   6869     box-shadow: inset 0 -1px var(--darker);
   6870   }
   6871   .ide-commit-list-container.is-first {
   6872     border-color: var(--darker) !important;
   6873   }
   6874   .ide-commit-message-field {
   6875     background-color: var(--t) !important;
   6876   }
   6877   .ide-commit-message-field .md-area {
   6878     background-color: var(--darken) !important;
   6879   }
   6880   .ide-commit-message-textarea-container .note-textarea {
   6881     font-family: var(--mono-font) !important;
   6882     color: var(--light) !important;
   6883   }
   6884   .ide-nav-form li a:not(.active) {
   6885     background-color: var(--t) !important;
   6886   }
   6887   .ide-nav-form ul > li {
   6888     width: 100%;
   6889   }
   6890   .ide-tree-header {
   6891     border-color: var(--darker) !important;
   6892   }
   6893   .ide-tree-header svg {
   6894     color: var(--lighter) !important;
   6895   }
   6896   .ide-tree-header svg:hover {
   6897     color: var(--accent) !important;
   6898   }
   6899   .ide .drag-handle:hover {
   6900     background-color: var(--darker) !important;
   6901   }
   6902   .ide .drag-handle.is-dragging {
   6903     background-color: var(--accent) !important;
   6904   }
   6905   .ide-status-bar {
   6906     color: var(--light) !important;
   6907     border-color: var(--darker) !important;
   6908     background-color: var(--darken) !important;
   6909   }
   6910   .ide-status-bar .ide-status-avatar[src *= 'png;base64'] {
   6911     filter: invert(0.8);
   6912   }
   6913   .ide .diffOverview {
   6914     border-color: var(--darker) !important;
   6915     background-color: var(--bb) !important;
   6916   }
   6917   .ide .diffOverviewRuler {
   6918     filter: invert(0.8) hue-rotate(180deg);
   6919   }
   6920   .monaco-editor {
   6921     color: var(--light) !important;
   6922     background-color: var(--dark) !important;
   6923   }
   6924   .monaco-editor .margin {
   6925     border-color: var(--darker) !important;
   6926     background-color: var(--t) !important;
   6927   }
   6928   .monaco-editor .margin * {
   6929     font-family: var(--mono-font) !important;
   6930   }
   6931   .monaco-editor .line-numbers {
   6932     opacity: 0.6;
   6933     color: var(--lighter) !important;
   6934   }
   6935   .monaco-editor .current-line {
   6936     background-color: var(--darken) !important;
   6937   }
   6938   .monaco-editor .current-line ~ .line-numbers {
   6939     opacity: 1;
   6940     color: var(--light) !important;
   6941   }
   6942   .monaco-editor-background,
   6943   .monaco-editor .inputarea.ime-input {
   6944     background-color: var(--t) !important;
   6945   }
   6946   .monaco-editor .cigr,
   6947   .monaco-editor .cigra {
   6948     box-shadow: inset 1px 0 var(--darker) !important;
   6949   }
   6950   .monaco-editor .view-overlays .current-line {
   6951     border-color: var(--t) !important;
   6952     background-color: var(--darken) !important;
   6953   }
   6954   .monaco-editor .cursor {
   6955     color: var(--dark) !important;
   6956     border-color: var(--dark) !important;
   6957     background-color: var(--light) !important;
   6958   }
   6959   .monaco-editor .scroll-decoration {
   6960     box-shadow: inset 0 6px 6px -6px var(--dark);
   6961   }
   6962   .monaco-editor .mtk1 {
   6963     color: var(--light) !important;
   6964   }
   6965   .monaco-editor .mtk3,
   6966   .monaco-editor .mtk10 {
   6967     color: var(--lighter) !important;
   6968   }
   6969   .monaco-editor .mtk5,
   6970   .monaco-editor .mtk6,
   6971   .monaco-editor .mtk23 {
   6972     color: var(--blue) !important;
   6973   }
   6974   .monaco-editor .mtk7 {
   6975     color: var(--cyan) !important;
   6976   }
   6977   .monaco-editor .mtk8 {
   6978     color: var(--green) !important;
   6979   }
   6980   .monaco-editor .mtk11 {
   6981     color: var(--orange) !important;
   6982   }
   6983   .monaco-editor .mtk4,
   6984   .monaco-editor .mtk15,
   6985   .monaco-editor .mtk20 {
   6986     color: var(--red) !important;
   6987   }
   6988   .monaco-editor .mtk14,
   6989   .monaco-editor .mtk20 {
   6990     color: var(--magenta) !important;
   6991   }
   6992   .monaco-editor .mtk12,
   6993   .monaco-editor .mtk22,
   6994   .monaco-editor .mtk23 {
   6995     color: var(--cyan) !important;
   6996   }
   6997   .monaco-editor .lines-content .cursor {
   6998     color: var(--light) !important;
   6999     border-color: var(--accent) !important;
   7000     background-color: var(--accent) !important;
   7001   }
   7002   .monaco-editor .lines-content .current-line {
   7003     border-color: var(--darker) !important;
   7004     background-color: var(--darken) !important;
   7005   }
   7006   .monaco-editor .selected-text {
   7007     background-color: var(--blue) !important;
   7008   }
   7009   .monaco-editor .selectionHighlight {
   7010     background-color: var(--darker) !important;
   7011   }
   7012   .monaco-editor .lines-content [class *= 'cigr'] {
   7013     box-shadow: inset 1px 0 var(--lighter);
   7014   }
   7015   .monaco-editor .monaco-quick-open-widget {
   7016     color: var(--light) !important;
   7017     border-color: var(--darker) !important;
   7018     background-color: var(--dark) !important;
   7019     box-shadow: 0 0 0 1px var(--darker), var(--bshadow) !important;
   7020   }
   7021   .monaco-editor .monaco-quick-open-widget .results-group {
   7022     color: var(--lighter) !important;
   7023   }
   7024   .monaco-editor .monaco-quick-open-widget .label-name {
   7025     color: var(--light) !important;
   7026   }
   7027   .monaco-editor .monaco-quick-open-widget .label-name .highlight {
   7028     color: var(--accent) !important;
   7029   }
   7030   .monaco-editor .monaco-quick-open-widget .monaco-tree-row:hover,
   7031   .monaco-editor .monaco-quick-open-widget .monaco-tree-row.focused {
   7032     color: var(--accent) !important;
   7033     background-color: var(--darker) !important;
   7034   }
   7035   .monaco-editor .monaco-inputbox {
   7036     color: var(--light) !important;
   7037     border-color: var(--darker) !important;
   7038     background-color: var(--dark) !important;
   7039   }
   7040   .monaco-editor .monaco-inputbox input {
   7041     color: var(--light) !important;
   7042     background-color: var(--darken) !important;
   7043   }
   7044   .monaco-editor .find-widget {
   7045     color: var(--light) !important;
   7046     border-color: var(--accent) !important;
   7047     background-color: var(--darken) !important;
   7048     box-shadow: var(--bshadow);
   7049   }
   7050   .monaco-editor .find-widget .button,
   7051   .monaco-editor .find-widget .label {
   7052     filter: invert(1) hue-rotate(180deg);
   7053   }
   7054   .monaco-editor .monaco-sash {
   7055     background-color: var(--darker) !important;
   7056   }
   7057   .monaco-editor .find-widget textarea {
   7058     color: var(--light) !important;
   7059     background-color: var(--dark) !important;
   7060   }
   7061   .monaco-editor .accessibilityHelpWidget {
   7062     color: var(--light) !important;
   7063     border-color: var(--darker) !important;
   7064     background-color: var(--darken) !important;
   7065     box-shadow: 0 0 0 1px var(--darker), var(--bshadow);
   7066   }
   7067   .monaco-menu-container .monaco-scrollable-element {
   7068     box-shadow: var(--bshadow) !important;
   7069   }
   7070   .monaco-menu-container .monaco-action-bar {
   7071     background-color: var(--dark) !important;
   7072     box-shadow: inset 0 0 0 1px var(--darker), var(--bshadow) !important;
   7073   }
   7074   .monaco-menu-container .monaco-action-bar .action-item > a {
   7075     color: var(--lighter) !important;
   7076     background-color: var(--t) !important;
   7077   }
   7078   .monaco-menu-container .monaco-action-bar .action-item.focused a {
   7079     color: var(--light) !important;
   7080     background-color: var(--darken) !important;
   7081   }
   7082   .monaco-menu-container .monaco-action-bar .action-item.disabled a {
   7083     border-color: var(--darker) !important;
   7084   }
   7085   .monaco-editor .scroll-decoration {
   7086     box-shadow: inset var(--bshadow) !important;
   7087   }
   7088   .monaco-editor .tokens-inspect-widget {
   7089     color: var(--light) !important;
   7090     border-color: var(--darker) !important;
   7091     background-color: var(--dark) !important;
   7092   }
   7093   .monaco-editor .findOptionsWidget {
   7094     border-color: var(--darker) !important;
   7095     background-color: var(--darker) !important;
   7096     box-shadow: var(--bshadow);
   7097   }
   7098   .monaco-editor .monaco-editor-hover {
   7099     border-color: var(--darker) !important;
   7100     background-color: var(--dark) !important;
   7101   }
   7102   .monaco-editor .cslr.selected-text {
   7103     background-color: var(--darker);
   7104   }
   7105   .monaco-editor .selectionHighlight {
   7106     background-color: var(--darker) !important;
   7107   }
   7108   .monaco-editor .tree {
   7109     color: var(--lighter) !important;
   7110     border-color: var(--darker) !important;
   7111     background-color: var(--darken) !important;
   7112     box-shadow: var(--bshadow);
   7113   }
   7114   .monaco-editor .tree .focused {
   7115     color: var(--light) !important;
   7116     background-color: var(--darker) !important;
   7117   }
   7118   .monaco-editor .dirty-diff-added {
   7119     background-color: var(--green) !important;
   7120   }
   7121   .monaco-editor .dirty-diff-modified {
   7122     background-color: var(--blue) !important;
   7123   }
   7124   .monaco-editor .inline-deleted-margin-view-zone,
   7125   .monaco-editor .char-delete {
   7126     background-color: rgba(255,0,0,0.314) !important;
   7127   }
   7128   .monaco-editor .inline-added-margin-view-zone,
   7129   .monaco-editor .char-insert {
   7130     background-color: rgba(0,255,0,0.314) !important;
   7131   }
   7132   .monaco-editor .line-delete {
   7133     color: var(--white) !important;
   7134     border-color: var(--shadow) !important;
   7135     background-color: rgba(117,0,0,0.65) !important;
   7136   }
   7137   .monaco-editor .line-insert {
   7138     color: var(--white) !important;
   7139     border-color: var(--shadow) !important;
   7140     background-color: rgba(79,88,0,0.75) !important;
   7141   }
   7142   .monaco-editor .current-line-margin {
   7143     border-color: var(--darker) !important;
   7144     background-color: var(--darker) !important;
   7145   }
   7146   .hover-overlay hr {
   7147     background-color: var(--darker) !important;
   7148   }
   7149   .hover-overlay__contents {
   7150     border-color: var(--darker) !important;
   7151   }
   7152   .hover-overlay--gitlab .hljs-comment,
   7153   .hover-overlay--gitlab .hljs-quote {
   7154     color: var(--lighter) !important;
   7155   }
   7156   .hover-overlay--gitlab .hljs-section,
   7157   .hover-overlay--gitlab .hljs-selector-id,
   7158   .hover-overlay--gitlab .hljs-title {
   7159     color: var(--light) !important;
   7160   }
   7161   .hover-overlay .loading-spinner {
   7162     border-color: var(--darker) !important;
   7163     border-top-color: var(--accent) !important;
   7164   }
   7165   line[id *= 'dag-'][stroke = '#f2f2f2'] {
   7166     stroke: #808080 !important;
   7167   }
   7168   .devops-card-high .board-card-score-big {
   7169     background-color: var(--success) !important;
   7170   }
   7171   .devops-card-low .board-card-score-big {
   7172     background-color: var(--red) !important;
   7173   }
   7174   .devops-step {
   7175     background-color: var(--darken) !important;
   7176   }
   7177   .board-card-score-value {
   7178     color: var(--lighter) !important;
   7179   }
   7180   [data-page='users:show'] .user-profile .cover-block {
   7181     padding-top: 80px;
   7182   }
   7183   [data-page='users:show'] .user-profile .cover-block .cover-controls {
   7184     top: 80px;
   7185   }
   7186   [data-page='users:show'] .user-profile .cover-block::before {
   7187     padding: 16px;
   7188     z-index: 999;
   7189     content: 'v1.0 is finally here! ๐ŸŽ‰ ๐Ÿฅณ I published an update about my userstyles a while ago, you can read it here: https://vednoc.me/blog/the-end-of-an-era';
   7190     position: absolute;
   7191     top: 0;
   7192     right: 0;
   7193     left: 0;
   7194     min-height: 52px;
   7195     max-height: 208px;
   7196     text-align: center;
   7197     color: var(--light) !important;
   7198     background-color: var(--darker) !important;
   7199   }
   7200 }
   7201 @-moz-document domain('next.gitlab.com') {
   7202   .wrapper {
   7203     padding: 1rem;
   7204     min-height: calc(100vh - 2rem);
   7205   }
   7206   .wrapper h1,
   7207   .wrapper p {
   7208     color: var(--light) !important;
   7209   }
   7210   .wrapper a {
   7211     color: var(--accent) !important;
   7212   }
   7213   .wrapper * {
   7214     font-family: var(--ui-font);
   7215   }
   7216   .wrapper .bg {
   7217     filter: grayscale(1) invert(0.5) opacity(0.2);
   7218   }
   7219   .wrapper [class *= 'box'] {
   7220     background-color: var(--dark) !important;
   7221     border-radius: 4px;
   7222     box-shadow: inset 0 0 0 1px var(--darker), var(--bshadow);
   7223   }
   7224   .wrapper [class *= 'box'] .text-switch {
   7225     color: var(--lighter) !important;
   7226   }
   7227   .wrapper [class *= 'box'] [class *= 'toggle'] + label {
   7228     background-color: var(--darker) !important;
   7229   }
   7230   .wrapper [class *= 'box'] [class *= 'toggle'] + label::after {
   7231     background-color: var(--darker) !important;
   7232   }
   7233   .wrapper [class *= 'box'] [class *= 'toggle'] + label::before {
   7234     background-color: var(--dark) !important;
   7235   }
   7236   .wrapper [class *= 'box'] [class *= 'toggle']:checked + label::before {
   7237     background-color: var(--blue) !important;
   7238   }
   7239 }