styles

commit c5671770110a80931603540f344150e5e6692fc3
Author: pyratebeard <root@pyratebeard.net>
Date:   Sat, 14 Aug 2021 16:47:53 +0100

mutiny colourscheme gitlab based on Dark-GitLab

Diffstat:
A
gitlab.css
 | 
7239
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

1 file changed, 7239 insertions(+), 0 deletions(-)
diff --git a/gitlab.css b/gitlab.css
@@ -0,0 +1,7239 @@
+/* ==UserStyle==
+@name           Dark-GitLab
+@namespace      USO Archive
+@author         Vednoc
+@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>.`
+@version        20201121.23.13
+@license        NO-REDISTRIBUTION
+@preprocessor   uso
+@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"
+
+==/UserStyle== */
+/* ==UserStyle==
+@name         Dark-GitLab USo-Lite
+@namespace    gitlab.com/vednoc/dark-gitlab
+@description  Dark and light theme for GitLab and self-hosted GitLab instances.
+@author       vednoc <vednoc@pm.me> (https://gitlab.com/vednoc)
+@homepageURL  https://gitlab.com/vednoc/dark-gitlab
+@supportURL   https://gitlab.com/vednoc/dark-gitlab/issues
+@updateURL    https://gitlab.com/vednoc/dark-gitlab/raw/master/gitlab.user.css
+@version      1.6.3
+@license      MIT
+==/UserStyle== */
+
+/*
+ * NOTE: Modifying the code will put auto-update feature of Stylus on pause in
+ * order to preserve your local changes. That means you need to manually update
+ * Dark-GitLab and re-do your modifications in order to stay up-to-date.
+ *
+ * A way to add domains without modifying the code doesn't exist yet.
+ * Relevant issue: https://github.com/openstyles/stylus/issues/307
+ *
+ * Make sure you have the latest version before submitting bug reports.
+ */
+
+@-moz-document domain('custom.domain'),
+domain('invent.kde.org'),
+domain('git.pleroma.social'),
+domain('gitgud.io'),
+domain('salsa.debian.org'),
+domain('framagit.org'),
+domain('repo.getmonero.org'),
+domain('0xacab.org'),
+domain('dev.gajim.org'),
+domain('devel.trisquel.info'),
+domain('git.cit.bcit.ca'),
+domain('git.coop'),
+domain('git.dev.ctu.univ-fcomte.fr'),
+domain('git.drk.sc'),
+domain('git.empiresmod.com'),
+domain('git.fosscommunity.in'),
+domain('git.immc.ucl.ac.be'),
+domain('git.jami.net'),
+domain('git.linux-kernel.at'),
+domain('git.nzoss.org.nz'),
+domain('git.silence.dev'),
+domain('lab.libreho.st'),
+domain('opencode.net'),
+domain('skylab.vc.h-brs.de'),
+domain('vbscan.fisica.unimib.it'),
+domain('git.cardiff.ac.uk'),
+domain('git.igwn.org'),
+domain('git.ligo.org'),
+domain('forge.tedomum.net'),
+domain('git.callpipe.com'),
+domain('git.happy-dev.fr'),
+domain('source.ind.ie'),
+domain('mau.dev'),
+domain('source.puri.sm'),
+domain('git.oeru.org'),
+regexp('^https?://(www\.)?git\.(gnu|synz)\.io(/.*)?$'),
+regexp('^https?://(www\.)?code\.((videolan|briarproject)\.org|foxkit\.us)(/.*)?$'),
+regexp('^https?://(www\.)?source\.(small-tech|joinmastodon)\.org(/.*)?$'),
+regexp('^https?://(www\.)?git\.(drupalcode|feneas|ouru|pwmt|regardscitoyens)\.org(/.*)?$'),
+regexp('^https?://(www\.)?(joonpc\.skku\.edu/gitlab|mpegx\.int-evry\.fr/software)(/.*)?$'),
+regexp('^https?://((next|www)\.)?(gitlab\.(?!(io|biterg)).*)(/.*)?$') {
+  :root {
+    --note: 'Dark-GitLab Lite v1.6.3';
+    --bshadow: 0 2px 4px var(--shadow);
+    --t: transparent !important;
+    --avatar: 25%;
+    --ui-font: 'font_name', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', Ubuntu, Cantarell, 'Helvetica Neue', var(--emoji-font), sans-serif;
+    --mono-font: 'font_name', 'Menlo', 'DejaVu Sans Mono', 'Liberation Mono', 'Consolas', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace;
+    --emoji-font: 'font_name', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    --white: #bbb;
+    --bb: #171717;
+    --dark: #1e1b1c;
+    --darken: #131313;
+    --darker: #131313;
+    --light: #baba9e;
+    --lighter: #bbb;
+    --accent: #807b64;
+    --shadow: rgba(0,0,0,0.208);
+    --yellow: #807b64;
+    --orange: #deb14f;
+    --red: #883c43;
+    --magenta: #753747;
+    --violet: #956c74;
+    --blue: #6e6461;
+    --cyan: #71bb94;
+    --green: #883e3b;
+    --red-darken: #4e3030;
+    --red-darker: #3b2c2c;
+    overflow-x: hidden;
+  }
+  @supports (-moz-user-select: none) {
+    :root {
+      --svg-status-bg: var(--dark) !important;
+    }
+  }
+  body {
+    font-family: var(--ui-font) !important;
+  }
+  body,
+  body.navless {
+    color: var(--light) !important;
+    background-color: var(--dark) !important;
+  }
+  body::before {
+    content: '';
+    z-index: -1;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background-color: var(--bb) !important;
+  }
+  body a,
+  body a:hover {
+    color: var(--accent);
+  }
+  body hr {
+    border-color: var(--darker);
+  }
+  body h1,
+  body .h1,
+  body h2,
+  body .h2,
+  body h3,
+  body .h3,
+  body h4,
+  body .h4,
+  body h5,
+  body .h5,
+  body h6,
+  body .h6 {
+    color: var(--light);
+  }
+  body time {
+    color: var(--lighter);
+  }
+  body :not(pre) > code {
+    color: var(--light);
+    background-color: var(--darken);
+    box-shadow: inset 0 0 0 1px var(--darker);
+  }
+  body pre {
+    color: var(--light);
+    border-color: var(--darker);
+    background-color: var(--darken);
+  }
+  body pre[class *= 'description'] {
+    border-left-width: 4px;
+    font-size: 0.875rem;
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+  }
+  body > pre:not([class]) {
+    background-color: var(--t) !important;
+  }
+  body kbd {
+    border-radius: 4px;
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+    box-shadow: inset 0 0 0 1px var(--darker);
+  }
+  body .gl-link,
+  body .gl-link:hover {
+    color: var(--accent);
+  }
+  body .author-link,
+  .branch-commit .commit-sha {
+    color: var(--accent);
+  }
+  body pre,
+  body code,
+  body kbd,
+  body samp,
+  body .monospace,
+  body .ref-name,
+  body .commit-sha,
+  body .pipeline-number,
+  body .label-branch,
+  body table.code,
+  body [class *= 'git-commit'] {
+    font-family: var(--mono-font) !important;
+  }
+  body .container {
+    border-color: var(--darker) !important;
+  }
+  body .danger-title,
+  body .gl-field-error,
+  body .invalid-feedback {
+    color: var(--red) !important;
+  }
+  body [class *= 'price-per-'] {
+    color: var(--blue) !important;
+  }
+  body .warning-title {
+    color: var(--orange) !important;
+  }
+  body .valid-feedback {
+    color: var(--green) !important;
+  }
+  body .account-well {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  body [class *= 'two-factor-auth'] svg {
+    background-color: var(--white) !important;
+    box-shadow: 0 0 0 4px var(--white);
+  }
+  body .progress {
+    background-color: var(--darker) !important;
+  }
+  body .progress-bar {
+    color: var(--light) !important;
+    border-radius: 4px;
+  }
+  body .progress-bar.bg-primary {
+    background-color: var(--accent) !important;
+  }
+  body .progress.repository-languages-bar {
+    background-color: var(--t) !important;
+  }
+  body .progress.repository-languages-bar [style *= '#375eab'] {
+    background-color: #00add8 !important;
+  }
+  body .progress.repository-languages-bar [style *= '#776791'] {
+    background-color: #000100 !important;
+  }
+  body .text-info:not(#z) {
+    color: var(--blue) !important;
+  }
+  body .text-info:not(#z) > svg {
+    fill: var(--blue) !important;
+  }
+  body .text-danger:not(#z) {
+    color: var(--red) !important;
+  }
+  body .text-danger:not(#z) > svg {
+    fill: var(--red) !important;
+  }
+  body .text-success:not(#z) {
+    color: var(--green) !important;
+  }
+  body .text-success:not(#z) > svg {
+    fill: var(--green) !important;
+  }
+  body .text-warning:not(#z) {
+    color: var(--orange) !important;
+  }
+  body .text-warning:not(#z) > svg {
+    fill: var(--orange) !important;
+  }
+  body .text-plain,
+  .light {
+    color: var(--light) !important;
+  }
+  body .text-secondary,
+  body .text-muted,
+  body .text-gl-muted,
+  body .text-tertiary {
+    color: var(--lighter) !important;
+  }
+  .cgray,
+  .description-block,
+  .help-block {
+    color: var(--lighter) !important;
+  }
+  [class *= 'gl-text-gray-'] {
+    color: var(--lighter) !important;
+  }
+  body .bg-light {
+    background-color: var(--darker) !important;
+  }
+  body .bg-danger {
+    background-color: var(--red) !important;
+  }
+  body .bg-secondary {
+    background-color: var(--darken) !important;
+  }
+  body .bg-success {
+    background-color: var(--green) !important;
+  }
+  body .bg-white,
+  body .bg-gray-light {
+    background-color: var(--dark) !important;
+  }
+  body .border-bottom,
+  body .bordered-box {
+    border-color: var(--darker) !important;
+  }
+  body .bordered-list > li,
+  body .unstyled-list > li {
+    border-color: var(--darker) !important;
+  }
+  html {
+    scrollbar-color: rgba(136,136,136,0.188) rgba(136,136,136,0.082);
+  }
+  ::-webkit-scrollbar {
+    width: 12px;
+  }
+  ::-webkit-scrollbar-track {
+    background: rgba(136,136,136,0.082);
+  }
+  ::-webkit-scrollbar-thumb {
+    background: rgba(136,136,136,0.188);
+  }
+  body ::placeholder {
+    color: var(--lighter) !important;
+  }
+  body ::-webkit-input-placeholder {
+    color: var(--lighter) !important;
+  }
+  body .page-wrap {
+    background-color: var(--t) !important;
+  }
+  body .page-wrap .brand-holder p {
+    color: var(--lighter) !important;
+  }
+  body .page-wrap hr.footer-fixed {
+    padding-top: 24px;
+    margin-bottom: 0;
+    background-color: var(--darken) !important;
+  }
+  body .page-wrap hr.footer-fixed + .footer-container {
+    background-color: var(--t) !important;
+  }
+  body .page-wrap .login-box,
+  body .page-wrap .signup-box,
+  body .page-wrap .omniauth-container {
+    border-radius: 4px;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: inset 0 0 0 1px var(--darker) !important;
+  }
+  body .page-wrap .login-box .omniauth-btn,
+  body .page-wrap .signup-box .omniauth-btn,
+  body .page-wrap .omniauth-container .omniauth-btn {
+    background-color: var(--dark) !important;
+  }
+  body .page-wrap .login-box .omniauth-divider::before,
+  body .page-wrap .signup-box .omniauth-divider::before,
+  body .page-wrap .omniauth-container .omniauth-divider::before,
+  body .page-wrap .login-box .omniauth-divider::after,
+  body .page-wrap .signup-box .omniauth-divider::after,
+  body .page-wrap .omniauth-container .omniauth-divider::after {
+    border-color: var(--darker) !important;
+  }
+  body .page-wrap .login-box input.form-control,
+  body .page-wrap .signup-box input.form-control,
+  body .page-wrap .omniauth-container input.form-control {
+    background-color: var(--dark) !important;
+  }
+  body .page-wrap .login-box .btn-success,
+  body .page-wrap .signup-box .btn-success,
+  body .page-wrap .omniauth-container .btn-success,
+  body .page-wrap .login-box .btn-register,
+  body .page-wrap .signup-box .btn-register,
+  body .page-wrap .omniauth-container .btn-register {
+    color: var(--white) !important;
+    border-color: var(--green) !important;
+    background-color: var(--green) !important;
+  }
+  body .page-wrap .new-session-tabs {
+    border: 1px solid var(--darker) !important;
+    border-bottom: none !important;
+    box-shadow: none !important;
+    background-color: var(--dark) !important;
+  }
+  body .page-wrap .new-session-tabs li:not(.active),
+  body .page-wrap .new-session-tabs li:not(.active):hover a:not(.active) {
+    border-color: var(--darker) !important;
+    background-color: var(--t) !important;
+  }
+  body .page-wrap .new-session-tabs li a.active {
+    border-radius: 0;
+    border-color: var(--t) !important;
+    background-color: var(--darken) !important;
+    box-shadow: 0 1px var(--darken);
+  }
+  body .page-wrap .new-session-tabs + .tab-content > div {
+    border-radius: 0 0 4px 4px !important;
+  }
+  .fa {
+    color: var(--lighter) !important;
+  }
+  .fa.fa-triangle,
+  .fa.merge-icon {
+    color: var(--orange) !important;
+  }
+  .fa.fa-bars:not(#z) {
+    color: var(--light) !important;
+  }
+  .fa.checkmark {
+    color: var(--green) !important;
+  }
+  .fa.fa-certificate {
+    color: var(--accent) !important;
+  }
+  .fa[class *= 'paused'] {
+    color: var(--red) !important;
+  }
+  .fa[class *= 'online'] {
+    color: var(--green) !important;
+  }
+  svg.s16,
+  svg.s24,
+  svg.icon {
+    fill: var(--lighter) !important;
+  }
+  svg[class][data-testid *= 'status_'] {
+    fill: currentColor !important;
+  }
+  .deleted-icon > svg {
+    fill: var(--orange) !important;
+  }
+  .closed-icon svg {
+    fill: var(--red) !important;
+  }
+  .created-icon svg {
+    fill: var(--cyan) !important;
+  }
+  .opened-icon svg {
+    fill: var(--green) !important;
+  }
+  .accepted-icon svg {
+    fill: var(--cyan) !important;
+  }
+  .deleted-icon svg {
+    fill: var(--yellow) !important;
+  }
+  .imported-icon svg {
+    fill: var(--violet) !important;
+  }
+  .commented-on-icon svg {
+    fill: var(--blue) !important;
+  }
+  svg[id *= 'addition-solid'] {
+    fill: var(--green) !important;
+  }
+  .commit-icon svg {
+    fill: var(--lighter) !important;
+  }
+  svg.ic-eye-slash {
+    fill: var(--orange) !important;
+  }
+  svg.text-success {
+    fill: var(--green) !important;
+  }
+  svg.text-danger {
+    fill: var(--red) !important;
+  }
+  svg.ic-file-addition,
+  svg.ic-file-addition-solid {
+    fill: var(--green) !important;
+  }
+  svg.ic-file-modified,
+  svg.ic-file-modified-solid {
+    fill: var(--blue) !important;
+  }
+  svg.ic-file-deletion,
+  svg.ic-file-deletion-solid {
+    fill: var(--red) !important;
+  }
+  [id *= 'status_'] [fill = '#FFF'] {
+    fill: var(--darken) !important;
+  }
+  svg.issue-token-state-icon-open {
+    fill: var(--green) !important;
+  }
+  svg.issue-token-state-icon-closed {
+    fill: var(--blue) !important;
+  }
+  svg.merge-request-status.open {
+    color: var(--green) !important;
+    fill: var(--green) !important;
+  }
+  svg.merge-request-status.closed {
+    color: var(--red) !important;
+    fill: var(--red) !important;
+  }
+  .ci-status {
+    color: var(--light) !important;
+    border-color: var(--darker);
+    background-color: var(--dark) !important;
+  }
+  .ci-status.ci-success {
+    color: var(--green) !important;
+    border-color: var(--green) !important;
+  }
+  .ci-status.ci-info,
+  .ci-status.ci-running {
+    color: var(--blue) !important;
+    border-color: var(--blue) !important;
+  }
+  .ci-status.ci-failed {
+    color: var(--red) !important;
+    border-color: var(--red) !important;
+  }
+  .ci-status.ci-pending,
+  .ci-status.ci-waiting-for-resource,
+  .ci-status.ci-failed-with-warnings,
+  .ci-status.ci-success-with-warnings {
+    color: var(--orange) !important;
+    border-color: var(--orange) !important;
+  }
+  .ci-status.ci-created,
+  .ci-status.ci-skipped {
+    color: var(--light) !important;
+    border-color: var(--lighter) !important;
+  }
+  .ci-status.ci-canceled,
+  .ci-status.ci-disabled,
+  .ci-status.ci-scheduled,
+  .ci-status.ci-manual {
+    color: var(--lighter) !important;
+    border-color: var(--lighter) !important;
+  }
+  .ci-status-icon-success[class *= 'dropdown'] {
+    border-color: var(--green) !important;
+    background-color: var(--darken) !important;
+  }
+  .ci-status-icon-success:not(#z) svg,
+  .ci-status-icon-success[data-toggle] svg {
+    fill: var(--green) !important;
+  }
+  .ci-status-icon-success svg {
+    border-color: var(--green) !important;
+  }
+  .ci-status-icon-running[class *= 'dropdown'],
+  .ci-status-icon-preparing[class *= 'dropdown'] {
+    border-color: var(--blue) !important;
+    background-color: var(--darken) !important;
+  }
+  .ci-status-icon-running:not(#z) svg,
+  .ci-status-icon-preparing:not(#z) svg,
+  .ci-status-icon-running[data-toggle] svg,
+  .ci-status-icon-preparing[data-toggle] svg {
+    fill: var(--blue) !important;
+  }
+  .ci-status-icon-running svg,
+  .ci-status-icon-preparing svg {
+    border-color: var(--blue) !important;
+  }
+  .ci-status-icon-failed[class *= 'dropdown'] {
+    border-color: var(--red) !important;
+    background-color: var(--darken) !important;
+  }
+  .ci-status-icon-failed:not(#z) svg,
+  .ci-status-icon-failed[data-toggle] svg {
+    fill: var(--red) !important;
+  }
+  .ci-status-icon-failed svg {
+    border-color: var(--red) !important;
+  }
+  .ci-status-icon-pending[class *= 'dropdown'],
+  .ci-status-icon-waiting-for-resource[class *= 'dropdown'],
+  .ci-status-icon-failed-with-warnings[class *= 'dropdown'],
+  .ci-status-icon-success-with-warnings[class *= 'dropdown'] {
+    border-color: var(--orange) !important;
+    background-color: var(--darken) !important;
+  }
+  .ci-status-icon-pending:not(#z) svg,
+  .ci-status-icon-waiting-for-resource:not(#z) svg,
+  .ci-status-icon-failed-with-warnings:not(#z) svg,
+  .ci-status-icon-success-with-warnings:not(#z) svg,
+  .ci-status-icon-pending[data-toggle] svg,
+  .ci-status-icon-waiting-for-resource[data-toggle] svg,
+  .ci-status-icon-failed-with-warnings[data-toggle] svg,
+  .ci-status-icon-success-with-warnings[data-toggle] svg {
+    fill: var(--orange) !important;
+  }
+  .ci-status-icon-pending svg,
+  .ci-status-icon-waiting-for-resource svg,
+  .ci-status-icon-failed-with-warnings svg,
+  .ci-status-icon-success-with-warnings svg {
+    border-color: var(--orange) !important;
+  }
+  .ci-status-icon-created[class *= 'dropdown'],
+  .ci-status-icon-skipped[class *= 'dropdown'] {
+    border-color: var(--lighter) !important;
+    background-color: var(--darken) !important;
+  }
+  .ci-status-icon-created:not(#z) svg,
+  .ci-status-icon-skipped:not(#z) svg,
+  .ci-status-icon-created[data-toggle] svg,
+  .ci-status-icon-skipped[data-toggle] svg {
+    fill: var(--light) !important;
+  }
+  .ci-status-icon-created svg,
+  .ci-status-icon-skipped svg {
+    border-color: var(--light) !important;
+  }
+  .ci-status-icon-manual[class *= 'dropdown'],
+  .ci-status-icon-canceled[class *= 'dropdown'],
+  .ci-status-icon-disabled[class *= 'dropdown'],
+  .ci-status-icon-scheduled[class *= 'dropdown'],
+  .ci-status-icon-not-found[class *= 'dropdown'] {
+    border-color: var(--lighter) !important;
+    background-color: var(--darken) !important;
+  }
+  .ci-status-icon-manual:not(#z) svg,
+  .ci-status-icon-canceled:not(#z) svg,
+  .ci-status-icon-disabled:not(#z) svg,
+  .ci-status-icon-scheduled:not(#z) svg,
+  .ci-status-icon-not-found:not(#z) svg,
+  .ci-status-icon-manual[data-toggle] svg,
+  .ci-status-icon-canceled[data-toggle] svg,
+  .ci-status-icon-disabled[data-toggle] svg,
+  .ci-status-icon-scheduled[data-toggle] svg,
+  .ci-status-icon-not-found[data-toggle] svg {
+    fill: var(--lighter) !important;
+  }
+  .ci-status-icon-manual svg,
+  .ci-status-icon-canceled svg,
+  .ci-status-icon-disabled svg,
+  .ci-status-icon-scheduled svg,
+  .ci-status-icon-not-found svg {
+    border-color: var(--lighter) !important;
+  }
+  @supports not (-moz-user-select: none) {
+    body .created-icon,
+    body .opened-icon,
+    body .ic-upload,
+    body .gl-icon[data-testid *= 'status_'],
+    body [class *= 'ci-status'] svg {
+      filter: invert(0.85) hue-rotate(180deg) saturate(100%);
+    }
+    body :not(#z) .ci-status-icon-created svg,
+    body :not(#z) .ci-status-icon-skipped svg {
+      fill: #333 !important;
+    }
+  }
+  body .bs-callout {
+    border-radius: 3px;
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  body .bs-callout a {
+    color: var(--accent) !important;
+  }
+  body .bs-callout strong {
+    color: inherit !important;
+  }
+  body .bs-callout-warning {
+    border-color: var(--orange) !important;
+    background-color: var(--darken) !important;
+  }
+  body .bs-callout-success {
+    border-color: var(--green) !important;
+    background-color: var(--darken) !important;
+  }
+  body .bs-callout-danger {
+    border-color: var(--red) !important;
+    background-color: var(--darken) !important;
+  }
+  body .bs-callout-info {
+    border-color: var(--blue) !important;
+    background-color: var(--darken) !important;
+  }
+  body .bs-callout .btn-default,
+  body .bs-callout code:not([class]) {
+    background-color: var(--dark) !important;
+  }
+  body .bs-callout.help-callout,
+  body .bs-callout.shared-runners-description {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  body .bs-callout.help-callout code,
+  body .bs-callout.shared-runners-description code,
+  body .bs-callout.help-callout .btn-default,
+  body .bs-callout.shared-runners-description .btn-default {
+    background-color: var(--dark) !important;
+  }
+  .user-callout.promotion-callout {
+    background-color: var(--darken) !important;
+  }
+  .user-callout.promotion-callout .bordered-box {
+    background-color: var(--darken) !important;
+  }
+  .user-callout.promotion-callout.center {
+    padding-bottom: 10px;
+    border: 1px solid var(--darker);
+    border-radius: 4px;
+  }
+  .user-callout.promotion-callout.js-gold-trial-callout > div {
+    margin: 0 -16px;
+  }
+  body .bs-callout.gcp-signup-offer {
+    color: var(--light) !important;
+    border-color: var(--blue) !important;
+  }
+  body .border-section {
+    border-color: var(--darker) !important;
+  }
+  body .scrolling-tabs-container .fade-right {
+    background: linear-gradient(to left, var(--darken) 45%, var(--t));
+  }
+  body .scrolling-tabs-container .fade-left {
+    background: linear-gradient(to right, var(--darken) 45%, var(--t));
+  }
+  body .toggle-mobile-nav + .breadcrumbs-links {
+    border-color: var(--darker) !important;
+  }
+  .fork-thumbnail {
+    background-color: var(--dark) !important;
+  }
+  .fork-thumbnail:hover:not(.disabled),
+  .fork-thumbnail.forked {
+    background-color: var(--darken) !important;
+  }
+  body .issue-sticky-header {
+    top: 50px !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  body .preview.ui-dark,
+  body .preview.gl-dark {
+    border-color: var(--darker) !important;
+  }
+  input:hover {
+    box-shadow: none !important;
+  }
+  input[type='radio'],
+  input[type='checkbox'],
+  input[type='radio']:focus,
+  input[type='checkbox']:focus,
+  input[type='radio']:hover:active,
+  input[type='checkbox']:hover:active,
+  input[type='radio']:disabled,
+  input[type='checkbox']:disabled,
+  input[type='radio']:hover:active:disabled,
+  input[type='checkbox']:hover:active:disabled {
+    -webkit-appearance: none !important;
+    -moz-appearance: none !important;
+    appearance: none !important;
+    cursor: pointer !important;
+    height: 1rem !important;
+    width: 1rem !important;
+    border: 1px solid var(--darker) !important;
+    background-size: cover !important;
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  input[type='radio']:checked {
+    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;
+    border-radius: 100% !important;
+  }
+  input[type='radio']:checked:checked {
+    border-color: var(--accent) !important;
+    background-color: var(--accent) !important;
+  }
+  input[type='checkbox']:checked {
+    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;
+    border-color: var(--accent) !important;
+    background-color: var(--accent) !important;
+  }
+  input[type='checkbox']:indeterminate {
+    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;
+    border-color: var(--red) !important;
+    background-color: var(--red) !important;
+  }
+  [aria-sort='ascending'] {
+    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;
+  }
+  [aria-sort='descending'] {
+    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;
+  }
+  .with-performance-bar .production {
+    background-color: var(--dark) !important;
+    box-shadow: inset 0 -1px var(--darker) !important;
+  }
+  .with-performance-bar .backtrace-row {
+    border-radius: 4px;
+  }
+  .with-performance-bar select {
+    border: 1px solid var(--darker) !important;
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .with-performance-bar .layout-page,
+  .with-performance-bar .content-wrapper {
+    margin-top: 85px !important;
+  }
+  .navbar {
+    min-height: 50px;
+  }
+  .navbar-gitlab,
+  .navbar.navbar-empty {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .navbar .title > a {
+    margin: 4px 2px 4px -8px !important;
+  }
+  .navbar .title > a[href = '/']:hover,
+  .navbar .title > a[href = '/']:focus {
+    background-color: var(--darker) !important;
+  }
+  .navbar .title .logo-text svg {
+    fill: var(--light) !important;
+  }
+  .navbar .canary-badge > .badge {
+    color: var(--white) !important;
+    border-color: var(--green) !important;
+    background-color: var(--green) !important;
+  }
+  .navbar-sub-nav,
+  .navbar-nav {
+    color: var(--lighter) !important;
+  }
+  .navbar-sub-nav > li > button,
+  .navbar-nav > li > button,
+  .navbar-sub-nav > li > a,
+  .navbar-nav > li > a {
+    transition: 0.2s ease;
+  }
+  .navbar-sub-nav > li > button[data-toggle],
+  .navbar-nav > li > button[data-toggle],
+  .navbar-sub-nav > li > a[data-toggle],
+  .navbar-nav > li > a[data-toggle] {
+    color: var(--lighter) !important;
+  }
+  .navbar-sub-nav > li > button:hover:not([aria-expanded = 'true']),
+  .navbar-nav > li > button:hover:not([aria-expanded = 'true']),
+  .navbar-sub-nav > li > a:hover:not([aria-expanded = 'true']),
+  .navbar-nav > li > a:hover:not([aria-expanded = 'true']) {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .navbar-sub-nav > li.active > button,
+  .navbar-nav > li.active > button,
+  .navbar-sub-nav > li.active:hover > button,
+  .navbar-nav > li.active:hover > button,
+  .navbar-sub-nav > li.show > button,
+  .navbar-nav > li.show > button,
+  .navbar-sub-nav > li.active > a,
+  .navbar-nav > li.active > a,
+  .navbar-sub-nav > li.active:hover > a,
+  .navbar-nav > li.active:hover > a,
+  .navbar-sub-nav > li.show > a,
+  .navbar-nav > li.show > a {
+    color: var(--light) !important;
+    background-color: var(--dark) !important;
+  }
+  .navbar-sub-nav > li .caret-down,
+  .navbar-nav > li .caret-down {
+    fill: var(--lighter) !important;
+  }
+  .navbar-sub-nav [data-toggle = 'dropdown']::before,
+  .navbar-nav [data-toggle = 'dropdown']::before,
+  .navbar-sub-nav button.menu-item::before,
+  .navbar-nav button.menu-item::before {
+    content: unset !important;
+  }
+  .navbar .header-help li:first-child > a {
+    margin-top: 0.25rem;
+  }
+  .navbar .header-help li:first-child::before {
+    content: '🌚 ' var(--note);
+    display: block;
+    padding: 4px 12px 6px;
+    border-bottom: 1px solid var(--darker);
+    color: var(--light);
+  }
+  .navbar .header-user-avatar {
+    border: none !important;
+    color: var(--lighter) !important;
+    background-color: var(--t) !important;
+    border-radius: var(--avatar);
+  }
+  .navbar .btn-sign-in,
+  .navbar .btn-sign-in:hover {
+    color: var(--lighter) !important;
+    background-color: var(--dark) !important;
+  }
+  .nav-sidebar {
+    top: 50px;
+  }
+  .layout-page,
+  .content-wrapper {
+    margin-top: 50px;
+  }
+  .navbar .show > .dropdown-menu {
+    margin-top: 8px !important;
+  }
+  .navbar .search-input-container .dropdown-menu {
+    margin-top: 14px !important;
+  }
+  .gl-accessibility:focus {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .navbar-toggler {
+    border-left-color: var(--darker) !important;
+  }
+  .navbar-toggler svg {
+    fill: var(--lighter) !important;
+  }
+  .navbar .search-form > form {
+    box-shadow: none !important;
+  }
+  .navbar .search-form:hover > form,
+  .navbar .search-form.search-active > form {
+    border-color: var(--blue) !important;
+  }
+  .navbar-gitlab {
+    box-shadow: none !important;
+  }
+  .navbar svg.s16[data-testid='angle-down-icon'] {
+    width: 11px;
+  }
+  table:not(.code):not(#z) {
+    border-spacing: 0;
+    border-collapse: unset;
+    border-radius: 4px;
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  table:not(.code):not(#z):not(.b-table-stacked) {
+    display: table;
+  }
+  @media (max-width: 0) {
+    table:not(.code):not(#z).b-table-stacked-xs {
+      display: block;
+    }
+  }
+  @media (max-width: 576px) {
+    table:not(.code):not(#z).b-table-stacked-sm {
+      display: block;
+    }
+  }
+  @media (max-width: 768px) {
+    table:not(.code):not(#z).b-table-stacked-md {
+      display: block;
+    }
+  }
+  @media (max-width: 992px) {
+    table:not(.code):not(#z).b-table-stacked-lg {
+      display: block;
+    }
+  }
+  @media (max-width: 1200px) {
+    table:not(.code):not(#z).b-table-stacked-xl {
+      display: block;
+    }
+  }
+  @media (max-width: 991.98px) {
+    table:not(.code):not(#z)[class*='table-stacked'] {
+      border-color: var(--t) !important;
+      background-color: var(--t) !important;
+    }
+    table:not(.code):not(#z)[class*='table-stacked'] tr > td {
+      border-top: none !important;
+      border-bottom: 1px solid var(--darker) !important;
+    }
+    table:not(.code):not(#z)[class*='table-stacked'] td {
+      background-color: var(--dark) !important;
+      border-left: 1px solid var(--darker) !important;
+    }
+    table:not(.code):not(#z)[class*='table-stacked'] td:first-child {
+      border-radius: 4px 4px 0 0 !important;
+      border-top: 1px solid var(--darker) !important;
+    }
+    table:not(.code):not(#z)[class*='table-stacked'] td:last-child {
+      border-radius: 0 0 4px 4px !important;
+    }
+    table:not(.code):not(#z)[class*='table-stacked'] td:hover {
+      background-color: var(--bb) !important;
+    }
+  }
+  table:not(.code):not(#z) thead tr:first-child th:first-child {
+    border-top-left-radius: 4px;
+  }
+  table:not(.code):not(#z) thead tr:first-child th:last-child {
+    border-top-right-radius: 4px;
+  }
+  table:not(.code):not(#z) thead tr th {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    border-bottom-width: 0px;
+  }
+  table:not(.code):not(#z) thead tr th:not(:first-child):not(last-child) {
+    border-left: none;
+  }
+  table:not(.code):not(#z) tbody {
+    background-color: var(--t) !important;
+  }
+  table:not(.code):not(#z) tbody tr:not(:first-child):not(last-child) td {
+    border-top: none;
+  }
+  table:not(.code):not(#z) tbody tr td {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--t) !important;
+  }
+  table:not(.code):not(#z) tbody tr td:not(:first-child):not(last-child) {
+    border-left: none;
+  }
+  table:not(.code):not(#z) tbody tr td a {
+    color: var(--accent);
+  }
+  table:not(.code):not(#z) tbody tr:last-child td:last-child {
+    border-radius: 0 0 4px 0;
+  }
+  table:not(.code):not(#z) tbody tr:last-child td:first-child {
+    border-radius: 0 0 0 4px;
+  }
+  table:not(.code):not(#z) tbody tr:last-child td:first-child:last-child {
+    border-radius: 0 0 4px 4px;
+  }
+  table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr > th {
+    border-bottom-width: 1px !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:not(:first-child) > th {
+    border-top-width: 0px !important;
+  }
+  table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child > th:not(:first-child):not(last-child) {
+    border-left: none;
+  }
+  table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child > th:first-child {
+    border-radius: 4px 0 0 0;
+  }
+  table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child > th:last-child {
+    border-radius: 0 4px 0 0;
+  }
+  table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child > th:first-child:last-child {
+    border-radius: 4px 4px 0 0;
+  }
+  table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:last-child > th:first-child {
+    border-radius: 0 0 0 4px;
+  }
+  table:not(.code):not(#z):not(.shortcut-mappings) tbody > tr:first-child:last-child > th:first-child {
+    border-radius: 4px 0 0 4px;
+  }
+  table:not(.code):not(#z) tbody:first-child > tr:first-child > td:first-child {
+    border-radius: 4px 0 0 0;
+  }
+  table:not(.code):not(#z) tbody:first-child > tr:first-child > td:last-child {
+    border-radius: 0 4px 0 0;
+  }
+  table:not(.code):not(#z) tbody:first-child > tr:first-child:last-child > td:first-child {
+    border-radius: 4px 0 0 4px;
+  }
+  table:not(.code):not(#z) tbody:first-child > tr:first-child:last-child > td:last-child {
+    border-radius: 0 4px 4px 0;
+  }
+  table:not(.code):not(#z) > tr td {
+    border-color: var(--darker) !important;
+  }
+  table:not(.code):not(#z) > tr:first-child > td {
+    border-top: none;
+  }
+  table:not(.code):not(#z).grid-all > caption {
+    color: var(--lighter) !important;
+  }
+  table:not(.code):not(#z).grid-all > thead > tr > th:first-child {
+    border-left: 1px solid var(--darker) !important;
+  }
+  table:not(.code):not(#z).grid-all > thead > tr > th:last-child {
+    border-right: 1px solid var(--darker) !important;
+  }
+  table:not(.code):not(#z).grid-all > tbody > tr > th:first-child {
+    border-top: none !important;
+    border-bottom: 1px solid var(--darker) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  table:not(.code):not(#z).grid-all > tbody > tr > td:last-child {
+    border-right: 1px solid var(--darker) !important;
+  }
+  table:not(.code):not(#z).grid-all > tbody > tr:first-child > th {
+    border-top: 1px solid var(--darker) !important;
+  }
+  table:not(.code):not(#z).grid-all > tbody > tr:last-child > th {
+    border-radius: 0 0 0 4px;
+  }
+  table:not(.code):not(#z).table-striped,
+  table:not(.code):not(#z).active-tokens,
+  table:not(.code):not(#z).pipeline-project-metrics {
+    border: 1px solid var(--darker);
+  }
+  table:not(.code):not(#z).table-striped thead > tr > th,
+  table:not(.code):not(#z).active-tokens thead > tr > th,
+  table:not(.code):not(#z).pipeline-project-metrics thead > tr > th {
+    border-top: none;
+  }
+  table:not(.code):not(#z).table-striped tbody tr:nth-of-type(2n + 1),
+  table:not(.code):not(#z).active-tokens tbody tr:nth-of-type(2n + 1),
+  table:not(.code):not(#z).pipeline-project-metrics tbody tr:nth-of-type(2n + 1) {
+    background-color: var(--bb) !important;
+  }
+  table:not(.code):not(#z).table-striped tbody tr > td,
+  table:not(.code):not(#z).active-tokens tbody tr > td,
+  table:not(.code):not(#z).pipeline-project-metrics tbody tr > td {
+    border-top: 1px solid var(--darker) !important;
+  }
+  table:not(.code):not(#z).table-striped tbody tr:not(:first-child) > td.issues-analytics-td,
+  table:not(.code):not(#z).active-tokens tbody tr:not(:first-child) > td.issues-analytics-td,
+  table:not(.code):not(#z).pipeline-project-metrics tbody tr:not(:first-child) > td.issues-analytics-td,
+  table:not(.code):not(#z).table-striped tbody tr:not(:first-child) > td.issues-analytics-td ~ td,
+  table:not(.code):not(#z).active-tokens tbody tr:not(:first-child) > td.issues-analytics-td ~ td,
+  table:not(.code):not(#z).pipeline-project-metrics tbody tr:not(:first-child) > td.issues-analytics-td ~ td {
+    border-top: none !important;
+  }
+  table:not(.code):not(#z).gl-table {
+    border: 1px solid var(--darker);
+  }
+  table:not(.code):not(#z).gl-table tbody > tr:first-child > td {
+    border-top: 1px solid var(--darker);
+  }
+  table:not(.code):not(#z).gl-table tbody > tr:last-child > td {
+    border-bottom: none;
+  }
+  @media (min-width: 991.98px) {
+    table:not(.code):not(#z).gl-table tbody > tr:hover > td {
+      background-color: var(--bb) !important;
+    }
+  }
+  table:not(.code):not(#z).tree-table {
+    border: 1px solid var(--darker);
+  }
+  table:not(.code):not(#z).tree-table thead tr,
+  table:not(.code):not(#z).tree-table thead tr th {
+    border-top: none !important;
+  }
+  table:not(.code):not(#z).tree-table thead tr > th:first-child {
+    border-top-left-radius: 3px !important;
+  }
+  table:not(.code):not(#z).tree-table thead tr > th:last-child {
+    border-top-right-radius: 3px !important;
+  }
+  table:not(.code):not(#z).tree-table tbody td {
+    border-color: var(--darker) !important;
+  }
+  table:not(.code):not(#z).tree-table tbody tr > td {
+    border-top: 1px solid var(--darker) !important;
+    border-bottom: none !important;
+  }
+  table:not(.code):not(#z).tree-table tbody tr.selected td {
+    background-color: var(--darken) !important;
+  }
+  table:not(.code):not(#z).tree-table tbody tr:hover:not(.selected) td {
+    background-color: var(--bb) !important;
+  }
+  table:not(.code):not(#z).tree-table tbody tr:last-child td:not(#z),
+  table:not(.code):not(#z).tree-table tbody tr:last-child:first-child td:not(#z) {
+    border-bottom: none !important;
+  }
+  table:not(.code):not(#z).tree-table tbody:first-child > tr:first-child td {
+    border-top: none !important;
+  }
+  .tree-item-file-name,
+  .tree-item-file-name a,
+  .tree-item-file-name i {
+    color: var(--light) !important;
+  }
+  .tree-commit,
+  .tree-commit-link {
+    color: var(--lighter) !important;
+  }
+  table:not(.code):not(#z).table.m-0 {
+    margin-bottom: 8px !important;
+    border: 1px solid var(--darker);
+  }
+  table:not(.code):not(#z).table.m-0 tbody > tr:last-child:not(#z) > td {
+    border-bottom: none !important;
+  }
+  table:not(.code):not(#z).push-pull-table {
+    border: 1px solid var(--darker);
+  }
+  table:not(.code):not(#z).push-pull-table thead tr th {
+    border-top: none !important;
+  }
+  .vulnerability-list thead th {
+    box-shadow: 0 1px var(--darker) !important;
+  }
+  .gl-responsive-table-row {
+    color: var(--lighter) !important;
+  }
+  .gl-responsive-table-row:not(:last-child) {
+    border-color: var(--darker) !important;
+  }
+  .gl-responsive-table-row-clickable:hover {
+    background-color: var(--darken) !important;
+  }
+  .gl-responsive-table-row.bg-gray-light {
+    background-color: var(--bb) !important;
+  }
+  .gl-responsive-table-row.bg-gray-light:last-child {
+    border-bottom: 1px solid var(--darker) !important;
+  }
+  .ci-table {
+    margin-top: 10px;
+    border: 1px solid var(--darker);
+    color: var(--red) !important;
+    background-color: var(--dark) !important;
+    border-radius: 4px;
+  }
+  .ci-table [class *= 'header'] {
+    padding: 12px 16px;
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    border-radius: 3px 3px 0 0;
+  }
+  .ci-table [class $= 'table-row'] {
+    padding: 8px 16px;
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .ci-table [class $= 'table-row']:nth-last-child(2) {
+    border-bottom: none !important;
+    border-radius: 0 0 3px 3px;
+  }
+  .ci-table [class $= 'table-row']:hover {
+    background-color: var(--bb) !important;
+  }
+  .ci-table .pipeline-actions {
+    padding-right: 16px;
+  }
+  .js-run-mr-pipeline {
+    margin-right: 16px;
+  }
+  .ci-table .sprite {
+    fill: var(--lighter) !important;
+  }
+  .ci-table > tbody > .build > td {
+    border-top: 1px solid var(--darker) !important;
+  }
+  .ci-table > tbody > .build:hover {
+    background-color: var(--bb) !important;
+  }
+  .ci-table .commit-sha,
+  .ci-table .gfm-commit {
+    color: var(--accent) !important;
+  }
+  .ci-table .ref-name,
+  .ci-table .pipeline-id,
+  .ci-table .table-mobile-header,
+  .ci-table .build-link,
+  .ci-table .build-name a {
+    color: var(--light) !important;
+  }
+  .ci-table .duration {
+    color: var(--lighter) !important;
+  }
+  .ci-table .duration svg path {
+    fill: var(--lighter) !important;
+  }
+  .ci-table.pipeline tbody > tr > th {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+  }
+  .ci-table.pipeline tbody > tr > td {
+    border-top: 1px solid var(--darker) !important;
+  }
+  .ci-table path[fill = '#FFF'] {
+    fill: var(--darken) !important;
+  }
+  .ci-table .build.retried {
+    background-color: var(--bb) !important;
+  }
+  [class *= 'col-'] > table.table {
+    border: 1px solid var(--darker);
+  }
+  [class *= 'col-'] > table.table thead tr th {
+    border-top: none;
+  }
+  [class *= 'col-'] > table.table tbody tr td {
+    border-top: 1px solid var(--darker) !important;
+  }
+  [class *= 'col-'] > table.table tbody tr:hover {
+    background-color: var(--bb) !important;
+  }
+  .ci-variable-table table colgroup col:nth-child(7) {
+    width: 50px !important;
+  }
+  .ci-variable-table table tr th:first-child,
+  .ci-variable-table table tr td:first-child {
+    padding-left: 16px;
+  }
+  table:not(.code):not(#z).import-table {
+    border: 1px solid var(--darker) !important;
+  }
+  table:not(.code):not(#z).import-table thead th {
+    border: none !important;
+    background-color: var(--darken) !important;
+  }
+  table:not(.code):not(#z).import-table tbody tr:hover td {
+    background-color: var(--bb) !important;
+  }
+  table:not(.code):not(#z).import-table tbody td {
+    border-top: 1px solid var(--darker) !important;
+  }
+  .import-slash-divider {
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+  }
+  .save-project-loader {
+    color: var(--lighter) !important;
+  }
+  table:not(.code):not(#z) td.d-sm-block {
+    display: table-cell !important;
+  }
+  [class *= 'dropdown-menu'] {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  [class *= 'dropdown-menu'].show {
+    box-shadow: var(--bshadow);
+  }
+  [class *= 'dropdown-menu'] .dropdown-info-note {
+    color: var(--lighter) !important;
+  }
+  [class *= 'dropdown-menu'] strong,
+  [class *= 'dropdown-menu'] .bold,
+  [class *= 'dropdown-menu'] .text {
+    color: var(--light) !important;
+  }
+  [class *= 'dropdown-menu'] span[class *= '-text'] {
+    z-index: 1;
+    color: var(--light) !important;
+  }
+  [class *= 'dropdown-menu'] [class *= 'input-field'] {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  [class *= 'dropdown-menu'] [class *= 'input-field']:focus {
+    border-color: var(--blue) !important;
+  }
+  [class *= 'dropdown-menu'] .dropdown-title,
+  [class *= 'dropdown-menu'] [class *= '-header'] {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+  }
+  [class *= 'dropdown-menu'] [class *= 'divider'],
+  [class *= 'dropdown-menu'] .separator {
+    border-color: var(--darker) !important;
+    background-color: var(--darker) !important;
+  }
+  [class *= 'dropdown-menu'] .border-top {
+    border-color: var(--darker) !important;
+  }
+  [class *= 'dropdown-menu'] li a,
+  [class *= 'dropdown-menu'] li button {
+    color: var(--lighter) !important;
+  }
+  [class *= 'dropdown-menu'] li a:hover,
+  [class *= 'dropdown-menu'] li button:hover,
+  [class *= 'dropdown-menu'] li a:active,
+  [class *= 'dropdown-menu'] li button:active,
+  [class *= 'dropdown-menu'] li a:focus,
+  [class *= 'dropdown-menu'] li button:focus {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  [class *= 'dropdown-menu'] li a.is-focused,
+  [class *= 'dropdown-menu'] li button.is-focused {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  [class *= 'dropdown-menu'] li a.is-active,
+  [class *= 'dropdown-menu'] li button.is-active {
+    color: var(--accent) !important;
+  }
+  [class *= 'dropdown-menu'] li .btn-success:hover {
+    color: var(--white) !important;
+    background-color: var(--green) !important;
+  }
+  [class *= 'dropdown-menu'] li.current-user {
+    color: var(--lighter) !important;
+  }
+  [class *= 'dropdown-menu'] li.current-user .bold,
+  [class *= 'dropdown-menu'] li.current-user .user-status {
+    color: var(--light) !important;
+  }
+  [class *= 'dropdown-menu'] button {
+    color: var(--lighter) !important;
+  }
+  [class *= 'dropdown-menu'] button[class *= '-note-']:not(#z):hover {
+    background-color: var(--darker) !important;
+  }
+  [class *= 'dropdown-menu'] button[class *= 'note-delete']::before {
+    content: none;
+  }
+  [class *= 'dropdown-menu'] button:not(#z):not([class *= 'disable']):hover {
+    color: var(--light);
+    background-color: var(--darker);
+  }
+  [class *= 'dropdown-menu'] .dropdown-tabs-list {
+    box-shadow: none !important;
+  }
+  [class *= 'dropdown-menu'] .dropdown-tab-item {
+    padding: 0 !important;
+    border-color: var(--darker) !important;
+  }
+  [class *= 'dropdown-menu'] .dropdown-tab-item a {
+    border-width: 1px !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  [class *= 'dropdown-menu'] .dropdown-tab-item a:hover {
+    color: var(--light) !important;
+    background-color: var(--t) !important;
+  }
+  [class *= 'dropdown-menu'] .dropdown-tab-item a.active {
+    color: var(--light) !important;
+    border-color: var(--t) !important;
+    background-color: var(--darken) !important;
+  }
+  [class *= 'dropdown-menu'] .dropdown-footer {
+    border-color: var(--darker) !important;
+  }
+  [class *= 'dropdown-menu'] .dropdown-loading {
+    background-color: var(--darken) !important;
+    opacity: 0.9;
+  }
+  .frequent-items-dropdown-sidebar {
+    border-color: var(--darker) !important;
+  }
+  .frequent-items-dropdown-sidebar a {
+    color: var(--light) !important;
+  }
+  .frequent-items-dropdown-sidebar a:hover {
+    background-color: var(--darker) !important;
+  }
+  .frequent-items-dropdown-content ul li:hover a {
+    background-color: var(--darker) !important;
+  }
+  .frequent-items-dropdown-content [class *= '-item-title'] {
+    color: var(--light) !important;
+  }
+  .frequent-items-dropdown-content [class *= '-namespace'] {
+    color: var(--lighter) !important;
+  }
+  .frequent-items-dropdown-container .section-header,
+  .frequent-items-dropdown-container .section-empty {
+    color: var(--lighter) !important;
+  }
+  [class *= 'dropdown-menu'][class *= '-tabs'] p {
+    color: var(--lighter) !important;
+  }
+  [class *= 'dropdown-menu'][class *= '-tabs'] .btn-link:not(#z) {
+    background-color: var(--t) !important;
+  }
+  [class *= 'dropdown-menu'][class *= '-tabs'] .btn-link:not(#z):hover {
+    background-color: var(--darker) !important;
+  }
+  .select2-highlighted .select2-result-label {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .select2-result-label {
+    color: var(--light) !important;
+  }
+  .select2-choice,
+  .select2-choices {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .select2-arrow::after {
+    color: var(--lighter) !important;
+  }
+  .select2-match {
+    color: var(--accent) !important;
+  }
+  .select2-drop {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: var(--bshadow);
+  }
+  .select2-input:not(#z) {
+    font-family: var(--ui-font) !important;
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--t) !important;
+  }
+  .select2-container-disabled > a {
+    background-color: var(--darker) !important;
+  }
+  .select2-container-disabled .select2-arrow {
+    background-color: var(--t) !important;
+  }
+  [class *= 'dropdown-menu'][class *= 'big-pipe']::before,
+  [class *= 'dropdown-menu'][class *= 'big-pipe']::after {
+    border-color: var(--t) !important;
+  }
+  [class *= 'dropdown-menu'][class *= 'mini-pipe']::before,
+  [class *= 'dropdown-menu'][class *= 'mini-pipe']::after {
+    border-color: var(--t) !important;
+  }
+  [class *= 'dropdown-menu'] [class *= 'counter-badge'] {
+    font-weight: normal;
+    color: var(--lighter) !important;
+  }
+  .gl-new-dropdown .btn {
+    box-shadow: none !important;
+  }
+  .gl-new-dropdown .btn.dropdown-toggle[id *= '15'] {
+    padding: 8px 8px 8px 10px !important;
+  }
+  .gl-new-dropdown .btn + ul [class *= 'text-pri'] {
+    color: var(--light) !important;
+  }
+  .gl-new-dropdown .btn + ul [class *= 'text-sec'] {
+    color: var(--lighter) !important;
+  }
+  .gl-new-dropdown .btn.dropdown-toggle-split::after {
+    filter: invert(0.7) !important;
+  }
+  .droplab-dropdown .form-control {
+    background-color: var(--dark) !important;
+  }
+  .droplab-dropdown .menu-item:not(.disable-hover) {
+    color: var(--lighter) !important;
+  }
+  .droplab-dropdown .menu-item:not(.disable-hover):hover {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .droplab-dropdown [class *= 'selected'] .menu-item,
+  .droplab-dropdown [class *= 'selected'] .menu-item .fa {
+    color: var(--light) !important;
+  }
+  .droplab-item-active:not(#z) button {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .dropdown-menu-inner-title,
+  .dropdown-menu-inner-content {
+    background-color: var(--t) !important;
+  }
+  .dropdown-menu-inner-content {
+    color: var(--lighter) !important;
+  }
+  .dropdown-menu-user-link:not(:hover) strong,
+  .dropdown-menu-user-link:not(:hover) span {
+    color: var(--lighter) !important;
+  }
+  .dropdown-menu-user-name,
+  .dropdown-menu-user-full-name,
+  .dropdown-menu-user-username {
+    background-color: var(--t) !important;
+  }
+  [class *= 'dropdown-menu']:not(#z) .dropdown-menu-close,
+  [class *= 'dropdown-menu']:not(#z) .dropdown-menu-close:hover {
+    background-color: var(--t) !important;
+  }
+  [class *= 'dropdown-menu']:not(#z) .dropdown-menu-close-icon {
+    background-color: var(--t) !important;
+  }
+  [data-page ^= 'search:'] .dropdown-menu[class *= 'select'],
+  [data-page ^= 'projects:'] .dropdown-menu[class *= 'select'],
+  [data-page ^= 'dashboard:'] .dropdown-menu[class *= 'select'] {
+    max-height: 420px !important;
+  }
+  .btn {
+    z-index: 1;
+    position: relative;
+  }
+  .btn,
+  [data-toggle = 'dropdown'],
+  .btn-default {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .btn svg,
+  [data-toggle = 'dropdown'] svg,
+  .btn-default svg {
+    fill: var(--lighter) !important;
+  }
+  .btn.active > .fa {
+    color: var(--light) !important;
+  }
+  .btn:hover::before,
+  [data-toggle = 'dropdown']:hover::before,
+  .btn-default:hover::before {
+    content: '';
+    background-color: rgba(136,136,136,0.188);
+  }
+  .btn[id *= 'promotion'],
+  [data-toggle = 'dropdown'][id *= 'promotion'],
+  .btn-default[id *= 'promotion'] {
+    background-color: var(--t) !important;
+  }
+  .btn[id *= 'promotion']::before,
+  [data-toggle = 'dropdown'][id *= 'promotion']::before,
+  .btn-default[id *= 'promotion']::before {
+    content: unset !important;
+  }
+  .active > [data-toggle = 'dropdown']:not([class *= 'ci-status']) svg,
+  .show > [data-toggle = 'dropdown']:not([class *= 'ci-status']) svg {
+    fill: var(--light) !important;
+  }
+  .btn.btn-xs,
+  .btn-xs.stat-text {
+    padding: 8px 10px;
+    background-color: var(--dark) !important;
+  }
+  .btn.btn-xs:not(#z).btn-primary,
+  .btn-xs.stat-text:not(#z).btn-primary {
+    color: var(--white) !important;
+    border-color: var(--accent) !important;
+    background-color: var(--accent) !important;
+  }
+  .git-clone-holder .form-control {
+    font-family: var(--mono-font) !important;
+    background-color: var(--dark) !important;
+  }
+  .btn[data-toggle = 'dropdown'].btn-link {
+    border-color: var(--t) !important;
+    background-color: var(--t) !important;
+  }
+  .btn::before,
+  [data-toggle = 'dropdown']::before {
+    z-index: 0;
+    opacity: 0.2;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    transition: opacity 0.2s ease;
+    border-radius: inherit;
+  }
+  .btn:hover::before {
+    opacity: 0.35;
+  }
+  .btn.btn-remove,
+  .btn.btn-danger {
+    color: var(--white) !important;
+    border-color: var(--red) !important;
+    background-color: var(--red) !important;
+  }
+  .btn.btn-remove:not(.btn-inverted),
+  .btn.btn-danger:not(.btn-inverted) {
+    transition: opacity 0.2s ease;
+  }
+  .btn.btn-remove:not(.btn-inverted) .fa,
+  .btn.btn-danger:not(.btn-inverted) .fa {
+    color: var(--white) !important;
+  }
+  .btn.btn-remove:not(.btn-inverted) svg,
+  .btn.btn-danger:not(.btn-inverted) svg {
+    fill: var(--white) !important;
+  }
+  .btn.btn-remove:not(.btn-inverted):hover,
+  .btn.btn-danger:not(.btn-inverted):hover {
+    opacity: 0.8;
+  }
+  .btn.btn-remove.btn-inverted,
+  .btn.btn-danger.btn-inverted {
+    color: var(--red) !important;
+    border-color: var(--red) !important;
+    background-color: var(--dark) !important;
+  }
+  .btn.btn-remove.btn-inverted::before,
+  .btn.btn-danger.btn-inverted::before {
+    content: '';
+    background-color: var(--red) !important;
+  }
+  .btn.btn-remove.btn-inverted .fa,
+  .btn.btn-danger.btn-inverted .fa {
+    color: var(--red) !important;
+  }
+  .btn.btn-remove.btn-inverted svg,
+  .btn.btn-danger.btn-inverted svg {
+    fill: var(--red) !important;
+  }
+  .btn.btn-close,
+  .btn.btn-close-color,
+  .btn.btn-warning {
+    color: var(--orange) !important;
+    border-color: var(--orange) !important;
+    background-color: var(--dark) !important;
+  }
+  .btn.btn-close::before,
+  .btn.btn-close-color::before,
+  .btn.btn-warning::before {
+    content: '';
+    background-color: var(--orange) !important;
+  }
+  .btn.btn-close .fa,
+  .btn.btn-close-color .fa,
+  .btn.btn-warning .fa {
+    color: var(--orange) !important;
+  }
+  .btn.btn-close svg,
+  .btn.btn-close-color svg,
+  .btn.btn-warning svg {
+    fill: var(--orange) !important;
+  }
+  .btn.btn-success {
+    color: var(--white) !important;
+    border-color: var(--green) !important;
+    background-color: var(--green) !important;
+  }
+  .btn.btn-success:not(.btn-inverted) {
+    transition: opacity 0.2s ease;
+  }
+  .btn.btn-success:not(.btn-inverted) .fa {
+    color: var(--white) !important;
+  }
+  .btn.btn-success:not(.btn-inverted) svg {
+    fill: var(--white) !important;
+  }
+  .btn.btn-success:not(.btn-inverted):hover {
+    opacity: 0.8;
+  }
+  .btn.btn-success.btn-inverted {
+    color: var(--green) !important;
+    border-color: var(--green) !important;
+    background-color: var(--dark) !important;
+  }
+  .btn.btn-success.btn-inverted::before {
+    content: '';
+    background-color: var(--green) !important;
+  }
+  .btn.btn-success.btn-inverted .fa {
+    color: var(--green) !important;
+  }
+  .btn.btn-success.btn-inverted svg {
+    fill: var(--green) !important;
+  }
+  .btn.btn-success.js-new-release-btn:not(#z) {
+    color: var(--white) !important;
+  }
+  .btn.btn-primary,
+  .btn.btn-info {
+    color: var(--white) !important;
+    border-color: var(--blue) !important;
+    background-color: var(--blue) !important;
+  }
+  .btn.btn-primary:not(.btn-inverted),
+  .btn.btn-info:not(.btn-inverted) {
+    transition: opacity 0.2s ease;
+  }
+  .btn.btn-primary:not(.btn-inverted) .fa,
+  .btn.btn-info:not(.btn-inverted) .fa {
+    color: var(--white) !important;
+  }
+  .btn.btn-primary:not(.btn-inverted) svg,
+  .btn.btn-info:not(.btn-inverted) svg {
+    fill: var(--white) !important;
+  }
+  .btn.btn-primary:not(.btn-inverted):hover,
+  .btn.btn-info:not(.btn-inverted):hover {
+    opacity: 0.8;
+  }
+  .btn.btn-primary.btn-inverted,
+  .btn.btn-info.btn-inverted {
+    color: var(--blue) !important;
+    border-color: var(--blue) !important;
+    background-color: var(--dark) !important;
+  }
+  .btn.btn-primary.btn-inverted::before,
+  .btn.btn-info.btn-inverted::before {
+    content: '';
+    background-color: var(--blue) !important;
+  }
+  .btn.btn-primary.btn-inverted .fa,
+  .btn.btn-info.btn-inverted .fa {
+    color: var(--blue) !important;
+  }
+  .btn.btn-primary.btn-inverted svg,
+  .btn.btn-info.btn-inverted svg {
+    fill: var(--blue) !important;
+  }
+  .btn.btn-primary.new-gl-button,
+  .btn.btn-info.new-gl-button {
+    box-shadow: none !important;
+  }
+  .btn.btn-inverted-secondary {
+    color: var(--accent) !important;
+    border-color: var(--accent) !important;
+  }
+  .btn.btn-inverted-secondary::before {
+    content: '';
+    background-color: var(--accent) !important;
+  }
+  .btn.btn-secondary:focus,
+  .btn.btn-secondary.focus {
+    box-shadow: 0 0 0 0.2rem rgba(136,136,136,0.063) !important;
+  }
+  .btn.gl-link[href] {
+    color: var(--light) !important;
+  }
+  .btn-link {
+    color: var(--accent) !important;
+    border-color: var(--t) !important;
+    background-color: var(--t) !important;
+  }
+  .btn.active {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darker) !important;
+  }
+  .btn-transparent:not(#z),
+  .btn-default-tertiary {
+    color: var(--lighter);
+    border-color: var(--t) !important;
+    background-color: var(--t) !important;
+  }
+  .btn-transparent:not(#z)::before,
+  .btn-default-tertiary::before {
+    content: unset;
+  }
+  .btn[disabled]:not(#z)::before,
+  .btn.disabled:not(#z)::before {
+    content: unset;
+  }
+  .btn[disabled]:not(#z),
+  .btn.disabled:not(#z),
+  .btn[disabled]:not(#z):hover,
+  .btn.disabled:not(#z):hover {
+    opacity: 0.5 !important;
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .btn[disabled]:not(#z) .fa,
+  .btn.disabled:not(#z) .fa {
+    color: var(--lighter) !important;
+  }
+  .btn.award-control {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .btn.award-control.active,
+  .btn.award-control.is-active {
+    color: var(--accent) !important;
+    border-color: var(--accent) !important;
+    background-color: var(--darken) !important;
+  }
+  .btn.award-control.active::before,
+  .btn.award-control.is-active::before {
+    content: '';
+    background-color: var(--accent) !important;
+  }
+  .btn.gpg-status-box.invalid {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .btn.gpg-status-box.valid {
+    color: var(--green) !important;
+    border-color: var(--green) !important;
+    background-color: var(--darken) !important;
+  }
+  .status-box {
+    color: var(--white) !important;
+  }
+  .status-box-issue-closed,
+  .status-box-mr-merged {
+    background-color: var(--blue) !important;
+  }
+  .status-box-closed,
+  .status-box-mr-closed {
+    background-color: var(--red) !important;
+  }
+  .status-box-expired {
+    background-color: var(--orange) !important;
+  }
+  .status-box-upcoming {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .status-box-open {
+    background-color: var(--green) !important;
+  }
+  .status-box > svg.s16 {
+    fill: var(--white) !important;
+  }
+  .input-group-append,
+  .input-group-prepend {
+    background-color: var(--t) !important;
+  }
+  .input-group-append > [class *= '-text'],
+  .input-group-prepend > [class *= '-text'] {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+  }
+  .input-group-append > [class *= '-text']:not(.label-color-preview),
+  .input-group-prepend > [class *= '-text']:not(.label-color-preview) {
+    background-color: var(--bb) !important;
+  }
+  .project-repo-buttons .btn {
+    padding: 6px 10px;
+  }
+  .project-repo-buttons .count {
+    color: var(--light) !important;
+  }
+  .project-repo-buttons .count-badge-count {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .project-repo-buttons .count-badge,
+  .project-repo-buttons .btn-xs {
+    height: 32px !important;
+    font-size: 14px !important;
+  }
+  .project-repo-buttons .count-badge:last-child {
+    margin-right: 0 !important;
+  }
+  .text-expander {
+    padding: 2px 4px;
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .text-expander.open {
+    color: var(--accent) !important;
+    background-color: var(--darker) !important;
+  }
+  .btn-missing,
+  .stat-text {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .provider-btn {
+    line-height: unset;
+    border-radius: 0 4px 4px 0;
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .provider-btn-group {
+    border-radius: 4px;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .provider-btn-image {
+    border-radius: 4px 0 0 4px;
+    border-color: var(--darker) !important;
+    background-color: var(--darker) !important;
+  }
+  .btn-link::before,
+  .btn-blank::before,
+  .btn-clipboard::before {
+    content: unset !important;
+  }
+  .btn.bg-transparent {
+    background-color: var(--t) !important;
+  }
+  .btn.gl-button {
+    border: 1px solid;
+    box-shadow: none !important;
+  }
+  .btn.gl-button.btn-dashed {
+    outline-color: var(--bb) !important;
+  }
+  .btn.gl-button.btn-dashed:active,
+  .btn.gl-button.btn-dashed:focus {
+    border-color: var(--blue) !important;
+  }
+  .label.label-monospace {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+  }
+  .label.scoped-label .fa-question-circle {
+    background-color: var(--t) !important;
+  }
+  .label.scoped-label .fa-question-circle[style *= '#FFFFFF'] {
+    color: var(--white) !important;
+  }
+  .label.scoped-label .fa-question-circle[style *= '#333333'] {
+    color: #000 !important;
+  }
+  .label-link,
+  .label-link .badge {
+    text-decoration: none !important;
+  }
+  .label-badge {
+    color: var(--light) !important;
+  }
+  .label-badge-blue {
+    color: var(--white) !important;
+    background-color: var(--blue) !important;
+  }
+  .label-badge-gray {
+    color: var(--lighter) !important;
+    background-color: var(--darken) !important;
+  }
+  .label-links a {
+    color: var(--accent) !important;
+  }
+  .label-action svg {
+    fill: var(--lighter) !important;
+  }
+  .label-subscribe-button {
+    font-weight: 400;
+  }
+  .label-lfs {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .badge.issues-count {
+    color: var(--white) !important;
+    background-color: var(--green) !important;
+  }
+  .badge.merge-requests-count {
+    color: var(--white) !important;
+    background-color: var(--orange) !important;
+  }
+  .badge.todos-count {
+    color: var(--white) !important;
+    background-color: var(--blue) !important;
+  }
+  .badge.badge-pill.badge-secondary {
+    color: var(--lighter) !important;
+    background-color: var(--darker) !important;
+  }
+  .badge.badge-pill.badge-secondary:hover {
+    color: var(--light) !important;
+  }
+  .badge-pill {
+    color: var(--lighter) !important;
+    background-color: var(--darker) !important;
+  }
+  .badge.badge-gray {
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .issue-count-badge,
+  .mr-count-badge,
+  .issue-count-badge + button,
+  .mr-count-badge + button {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .badge.color-label {
+    box-shadow: inset 0 0 0 1rem rgba(51,51,51,0.439);
+  }
+  .badge.color-label:hover {
+    box-shadow: none !important;
+  }
+  .badge.color-label[style *= 'color: #333333'] {
+    color: #000 !important;
+    box-shadow: inset 0 0 0 1rem rgba(51,51,51,0.145);
+  }
+  .badge-primary,
+  .badge-info,
+  .badge-active {
+    color: var(--white) !important;
+    background-color: var(--blue) !important;
+  }
+  .badge-light,
+  .badge-secondary,
+  .badge-inactive {
+    color: var(--lighter) !important;
+    background-color: var(--darken) !important;
+  }
+  .badge-warning {
+    color: var(--white) !important;
+    background-color: var(--orange) !important;
+  }
+  .badge-success {
+    color: var(--white) !important;
+    background-color: var(--green) !important;
+  }
+  .badge-danger {
+    color: var(--white) !important;
+    background-color: var(--red) !important;
+  }
+  .badge-dark {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .form-control,
+  .search form {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    border: 1px solid var(--darker) !important;
+  }
+  .form-control:focus,
+  .search form:focus,
+  .form-control.focus,
+  .search form.focus {
+    border-color: var(--blue) !important;
+    box-shadow: 0 0 0.4rem -0.2rem var(--blue) !important;
+  }
+  .form-control[disabled = 'disabled']:not(#z),
+  .search form[disabled = 'disabled']:not(#z) {
+    opacity: 0.5;
+  }
+  .navbar .form-control,
+  .navbar .search form {
+    background-color: var(--dark) !important;
+  }
+  .top-area .form-control,
+  .top-area .search form {
+    height: 35px;
+  }
+  .form-control #search,
+  .search form #search {
+    color: var(--light) !important;
+    background-color: var(--t) !important;
+    box-shadow: none !important;
+  }
+  .form-control #search ~ [class *= 'dropdown-menu'] .is-active,
+  .search form #search ~ [class *= 'dropdown-menu'] .is-active {
+    color: var(--light) !important;
+  }
+  .dropdown-content-faded-mask::after {
+    background: linear-gradient(to top, var(--darken), var(--t)) !important;
+  }
+  .form-control .search-icon,
+  .search form .search-icon {
+    fill: var(--lighter) !important;
+  }
+  .form-actions {
+    border-color: var(--darker) !important;
+    background-color: var(--t) !important;
+  }
+  .form-control.select-control,
+  .search form.select-control {
+    background-color: var(--darken) !important;
+  }
+  .atwho-view {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+    box-shadow: var(--bshadow);
+  }
+  .atwho-view .atwho-view-ul li {
+    color: var(--light) !important;
+  }
+  .atwho-view .atwho-view-ul li strong {
+    color: var(--accent) !important;
+  }
+  .atwho-view .atwho-view-ul li small,
+  .atwho-view .atwho-view-ul li .params {
+    color: var(--lighter) !important;
+  }
+  .atwho-view .atwho-view-ul li:hover,
+  .atwho-view .atwho-view-ul li.cur {
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  ul.content-list li {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+  }
+  ul.content-list li a {
+    color: var(--light) !important;
+  }
+  .item-meta * {
+    color: var(--lighter) !important;
+  }
+  ul.content-list li .todo-label a,
+  ul.content-list li .todo-project a {
+    color: var(--accent) !important;
+  }
+  ul.content-list li .group-row-contents:hover {
+    background-color: var(--darken) !important;
+  }
+  ul.content-list li .group-row-contents .metadata span,
+  ul.content-list li .group-row-contents .metadata div {
+    color: var(--lighter) !important;
+  }
+  .has-no-search-results {
+    color: var(--lighter) !important;
+  }
+  ul.content-list li.group-row .description p,
+  ul.content-list li.group-row .stats {
+    color: var(--lighter) !important;
+  }
+  ul.content-list li.issue:hover,
+  ul.content-list li.merge-request:hover,
+  ul.content-list li[id *= 'epic']:hover {
+    background-color: var(--darken) !important;
+  }
+  ul.content-list:not(.event_commits) > li.commit:hover {
+    background-color: var(--bb) !important;
+  }
+  ul.content-list.all-branches .graph-side .bar,
+  ul.content-list.all-branches .graph-separator {
+    background-color: var(--darker) !important;
+  }
+  ul.content-list.all-branches .branch-item:hover {
+    background-color: var(--bb) !important;
+  }
+  ul.content-list.all-branches .commit-sha {
+    color: var(--accent) !important;
+  }
+  ul.content-list.all-branches .cgray {
+    color: var(--lighter) !important;
+  }
+  ul.content-list.issuable-list .issue.today:not(.user-can-drag) {
+    position: relative;
+  }
+  ul.content-list.issuable-list .issue.today:not(.user-can-drag):hover {
+    background-color: var(--t) !important;
+  }
+  ul.content-list.issuable-list .issue.today:not(.user-can-drag):hover::before {
+    opacity: 0.12;
+  }
+  ul.content-list.issuable-list .issue.today:not(.user-can-drag):not(:hover) {
+    background-color: var(--t) !important;
+  }
+  ul.content-list.issuable-list .issue.today:not(.user-can-drag)::before {
+    content: '';
+    z-index: -1;
+    opacity: 0.05;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--green) !important;
+  }
+  ul.content-list.issuable-list .closed,
+  ul.content-list.issuable-list .merged {
+    background-color: var(--t) !important;
+  }
+  ul.content-list.issuable-list .fa:not(.fa-question-circle),
+  ul.content-list.issuable-list .task-status {
+    color: var(--lighter) !important;
+  }
+  ul.content-list.issuable-list .issuable-milestone,
+  ul.content-list.issuable-list .issuable-info,
+  ul.content-list.issuable-list .issuable-updated-at {
+    color: var(--lighter) !important;
+  }
+  .issuable-email-modal-btn {
+    color: var(--accent) !important;
+  }
+  .icon-merge-request-unmerged {
+    filter: invert(0.7);
+  }
+  ul.content-list.issuable-list.manual-ordering {
+    color: var(--red) !important;
+    border-color: var(--green) !important;
+    background-color: var(--darken) !important;
+  }
+  ul.content-list.issuable-list.manual-ordering > .issue {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  ul.content-list.requirements-list > li:not([class*='gl-bg']):hover {
+    background-color: var(--t) !important;
+  }
+  ul.content-list.members-list li {
+    background-color: var(--bb) !important;
+  }
+  ul.content-list.members-list li:hover {
+    background-color: var(--darken) !important;
+  }
+  input.form-control + button {
+    border-color: var(--darker) !important;
+  }
+  ul.content-list .snippet-filename,
+  ul.content-list .snippet-info {
+    color: var(--lighter) !important;
+  }
+  .nav-sidebar {
+    border-right: 1px solid var(--darker);
+    background-color: var(--darken) !important;
+    box-shadow: none;
+  }
+  .nav-sidebar .context-header > * {
+    color: var(--light) !important;
+  }
+  .nav-sidebar .context-header > *:hover {
+    background-color: var(--darker) !important;
+  }
+  .nav-sidebar .context-header > * .avatar-container {
+    border-color: var(--t) !important;
+    background-color: var(--t) !important;
+  }
+  .nav-sidebar .divider {
+    border-color: var(--darker) !important;
+  }
+  .nav-sidebar .sidebar-top-level-items > li:hover {
+    background-color: rgba(136,136,136,0.063) !important;
+  }
+  .nav-sidebar .sidebar-top-level-items > li:hover > a {
+    color: var(--light) !important;
+  }
+  .nav-sidebar .sidebar-top-level-items > li.active {
+    background-color: rgba(136,136,136,0.063) !important;
+    box-shadow: inset 4px 0 var(--accent) !important;
+  }
+  .nav-sidebar .sidebar-top-level-items > li.active > a {
+    color: var(--light) !important;
+  }
+  .nav-sidebar .sidebar-top-level-items > li.active > a svg {
+    fill: var(--light) !important;
+  }
+  .nav-sidebar .sidebar-top-level-items > li.active:not(.is-over) > ul > li.active > a {
+    background-color: var(--darker) !important;
+    box-shadow: inset 4px 0 var(--accent) !important;
+  }
+  .nav-sidebar .sidebar-top-level-items > li.active .badge-pill {
+    color: var(--light) !important;
+  }
+  .nav-sidebar .sidebar-top-level-items > li a {
+    color: var(--lighter) !important;
+  }
+  .nav-sidebar .sidebar-top-level-items > li a:hover {
+    background-color: var(--t) !important;
+  }
+  .nav-sidebar .sidebar-top-level-items > li .badge-pill {
+    color: var(--lighter) !important;
+    background-color: var(--darker) !important;
+  }
+  .nav-sidebar .sidebar-top-level-items > li.is-over:not(#z) ul > li,
+  .nav-sidebar .sidebar-top-level-items > li.is-over:not(#z) ul > li > a {
+    box-shadow: unset !important;
+  }
+  .nav-sidebar .sidebar-sub-level-items > li:hover {
+    background-color: var(--darker) !important;
+    box-shadow: inset 4px 0 var(--accent) !important;
+  }
+  .nav-sidebar .sidebar-sub-level-items > li:hover a {
+    color: var(--light) !important;
+  }
+  .nav-sidebar .sidebar-sub-level-items > li.active {
+    box-shadow: inset 4px 0 var(--accent) !important;
+  }
+  .nav-sidebar .sidebar-sub-level-items > li.active a {
+    color: var(--light) !important;
+  }
+  .nav-sidebar .is-over.is-showing-fly-out > a {
+    color: var(--light) !important;
+    background-color: rgba(136,136,136,0.063) !important;
+  }
+  .nav-sidebar .is-over.is-showing-fly-out ul {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: none;
+  }
+  .nav-sidebar .is-over.is-showing-fly-out ul li a {
+    color: var(--lighter) !important;
+  }
+  .nav-sidebar .is-over.is-showing-fly-out ul li a:focus {
+    background-color: var(--darker) !important;
+  }
+  .nav-sidebar .is-over.is-showing-fly-out ul li:hover a {
+    color: var(--light) !important;
+    background-color: rgba(136,136,136,0.063) !important;
+  }
+  .nav-sidebar[class *= 'collapsed'] .sidebar-top-level-items > li.active {
+    background-color: var(--darker) !important;
+  }
+  .nav-sidebar .toggle-sidebar-button,
+  .nav-sidebar .close-nav-button {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .nav-sidebar .toggle-sidebar-button svg,
+  .nav-sidebar .close-nav-button svg {
+    color: var(--lighter) !important;
+  }
+  .nav-sidebar .toggle-sidebar-button span,
+  .nav-sidebar .close-nav-button span {
+    color: var(--light) !important;
+  }
+  .nav-sidebar .toggle-sidebar-button:hover,
+  .nav-sidebar .close-nav-button:hover {
+    background-color: var(--darker) !important;
+  }
+  .nav-sidebar:not(.js-sidebar-collapsed) + .content-wrapper .pipeline-visualization > div[style*='padding-left: 0px'] {
+    padding-left: 0px !important;
+    padding-left: 240px !important;
+  }
+  .nav-sidebar.js-sidebar-collapsed + .content-wrapper .pipeline-visualization > div[style*='padding-left: 0px'] {
+    padding-left: 0px !important;
+    padding-left: 70px !important;
+  }
+  .right-sidebar {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    top: 50px !important;
+  }
+  .right-sidebar .title {
+    color: var(--light) !important;
+  }
+  .right-sidebar .block {
+    border-color: var(--darker) !important;
+  }
+  .right-sidebar .edit-link,
+  .right-sidebar .lock-edit,
+  .right-sidebar .no-value,
+  .right-sidebar a[href = '#'] {
+    color: var(--lighter) !important;
+  }
+  .right-sidebar a:not(.btn):hover,
+  .right-sidebar .btn-link:not(.btn):hover {
+    color: var(--accent);
+  }
+  .gl-drawer {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+    box-shadow: -1px 0 var(--darker), var(--bshadow);
+    top: 50px !important;
+  }
+  .gl-drawer-header,
+  .gl-drawer-body > * {
+    border-color: var(--darker) !important;
+  }
+  .right-sidebar .issuable-sidebar {
+    overflow-y: auto !important;
+  }
+  .right-sidebar .issuable-sidebar .gutter-toggle {
+    border-color: var(--darker) !important;
+    background-color: var(--t) !important;
+  }
+  .right-sidebar .issuable-sidebar-header button,
+  .right-sidebar .issuable-sidebar .dropdown button {
+    background-color: var(--dark) !important;
+  }
+  .right-sidebar .issuable-sidebar-header .btn-info,
+  .right-sidebar .issuable-sidebar .dropdown .btn-info {
+    background-color: var(--blue) !important;
+  }
+  .right-sidebar .time_tracker .compare-label {
+    color: var(--lighter) !important;
+  }
+  .right-sidebar .time_tracker .compare-value {
+    color: var(--light) !important;
+  }
+  .right-sidebar .time_tracker .time-tracking-help-state {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .right-sidebar.build-sidebar .builds-container {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .right-sidebar.build-sidebar .builds-container .build-job.retried {
+    background-color: var(--t) !important;
+  }
+  .right-sidebar.build-sidebar .builds-container .build-job:hover {
+    background-color: var(--bb) !important;
+  }
+  .right-sidebar.build-sidebar .builds-container .build-job:hover a {
+    color: var(--light) !important;
+  }
+  .right-sidebar.build-sidebar .blocks-container a:not(.btn),
+  .right-sidebar.build-sidebar .blocks-container .btn-link:not(.btn) {
+    color: var(--accent) !important;
+  }
+  .right-sidebar.build-sidebar .btn,
+  .right-sidebar.build-sidebar [data-toggle = 'dropdown'] {
+    background-color: var(--dark) !important;
+  }
+  .right-sidebar .is-option-selected > span {
+    color: var(--lighter) !important;
+  }
+  .right-sidebar .vertical-timeline::before {
+    border-color: var(--lighter) !important;
+  }
+  .right-sidebar .vertical-timeline-icon {
+    background-color: var(--darken) !important;
+  }
+  .right-sidebar .vertical-timeline-icon.opened svg {
+    fill: var(--green) !important;
+  }
+  .right-sidebar .vertical-timeline-icon.closed svg {
+    fill: var(--blue) !important;
+  }
+  .right-sidebar .vertical-timeline-content a:hover {
+    color: var(--accent) !important;
+  }
+  .right-sidebar .labels-select-wrapper .label-item.is-focused,
+  .right-sidebar .labels-select-wrapper .label-item:hover {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .right-sidebar .labels-select-wrapper .gl-link:not(.gl-label-link),
+  .right-sidebar .labels-select-wrapper .btn-link:not(.gl-label-link) {
+    color: var(--lighter) !important;
+  }
+  .right-sidebar .labels-select-dropdown-contents {
+    border: 1px solid var(--darker) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: var(--bshadow) !important;
+  }
+  .right-sidebar .labels-select-dropdown-contents .dropdown-title,
+  .right-sidebar .labels-select-dropdown-contents .dropdown-footer {
+    border-color: var(--darker) !important;
+  }
+  .right-sidebar .btn-group li .dropdown-item:hover {
+    background-color: var(--darker) !important;
+  }
+  .right-sidebar .btn-group li .dropdown-item,
+  .right-sidebar .btn-group li .dropdown-item button.btn {
+    background-color: var(--t) !important;
+  }
+  .right-sidebar .btn-group li .dropdown-item .btn.is-active::before {
+    content: '\f00c' !important;
+    opacity: 1 !important;
+    background-color: var(--t) !important;
+  }
+  .dropdown-title-button {
+    position: absolute;
+  }
+  .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon {
+    color: var(--light) !important;
+  }
+  .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon svg {
+    fill: var(--lighter) !important;
+  }
+  .right-sidebar.right-sidebar-collapsed .gutter-toggle {
+    background-color: var(--darken) !important;
+  }
+  .right-sidebar.right-sidebar-collapsed .gutter-toggle:hover,
+  .right-sidebar.right-sidebar-collapsed .block:hover {
+    background-color: rgba(136,136,136,0.063) !important;
+  }
+  .top-area {
+    border-color: var(--darker) !important;
+  }
+  .nav-links:not(.quick-links) {
+    border-color: var(--darker) !important;
+  }
+  .nav-links li .badge.badge-pill {
+    color: var(--lighter) !important;
+    background-color: var(--darker) !important;
+  }
+  .nav-links li a,
+  .nav-links li button {
+    color: var(--lighter) !important;
+  }
+  .nav-links li a:focus,
+  .nav-links li button:focus {
+    border-color: var(--darker) !important;
+  }
+  .nav-links li:hover a,
+  .nav-links li:hover button {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+  }
+  .nav-links li.active,
+  .nav-links li.active a,
+  .nav-links li.active button {
+    color: var(--light) !important;
+    border-color: var(--accent) !important;
+  }
+  .nav-links li.active .badge.badge-pill {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .nav-links li a.active,
+  .nav-links li button.active,
+  .nav-links li a strong,
+  .nav-links li button strong {
+    color: var(--light) !important;
+    border-color: var(--accent) !important;
+  }
+  .top-area .form-control {
+    background-color: var(--darken) !important;
+  }
+  .content-block {
+    border-color: var(--darker) !important;
+    background-color: var(--t) !important;
+  }
+  .content-block p:not(.status-box) {
+    color: var(--light) !important;
+  }
+  .content-block.landing {
+    background-color: var(--darken) !important;
+  }
+  .content-block.landing h4 {
+    color: var(--light) !important;
+  }
+  .content-block .new-branch-col .btn {
+    padding: 6px 10px !important;
+    line-height: 20px !important;
+    font-size: 0.875rem;
+  }
+  .emoji-block .col-lg-6 {
+    flex: unset;
+    width: unset;
+    max-width: unset;
+  }
+  .emoji-block .col-lg-6:first-child {
+    max-width: 50%;
+  }
+  .emoji-block .col-lg-6:last-child {
+    flex: 1 1 auto !important;
+  }
+  .nav-block {
+    border-color: var(--darker) !important;
+  }
+  .row-content-block {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .row-content-block.footer-block {
+    background-color: var(--t) !important;
+  }
+  .row-content-block .btn:not(.btn-link):not(.btn-success):not(.btn-danger):not(.btn-info):not(.gl-button),
+  .row-content-block .btn-default {
+    background-color: var(--dark) !important;
+  }
+  .row-content-block .btn.dropdown-toggle {
+    border: 1px solid var(--darker);
+  }
+  .row-content-block .filtered-search-box:not(#z) {
+    background-color: var(--dark) !important;
+  }
+  .row-content-block.top-block {
+    padding: 16px 0;
+    background-color: var(--bb) !important;
+  }
+  .row-content-block.top-block .event-last-push time {
+    color: var(--light) !important;
+  }
+  .row-content-block.top-block .event-last-push-text {
+    font-size: 14px;
+  }
+  .row-content-block.top-block .btn-sm {
+    padding: 6px 10px !important;
+    line-height: 1.5 !important;
+    font-size: 14px !important;
+  }
+  .row-content-block.issues-details-filters [class *= 'menu-toggle'] {
+    background-color: var(--dark) !important;
+  }
+  .row-content-block span > code,
+  .row-content-block form > div > button {
+    background-color: var(--dark) !important;
+  }
+  .row-content-block .block {
+    border-color: var(--darker) !important;
+  }
+  .row-content-block .block .title {
+    color: var(--light) !important;
+  }
+  .row-content-block .block button.dropdown-toggle[id]:not(#z),
+  .row-content-block .block button.dropdown-menu-toggle {
+    background-color: var(--darken) !important;
+  }
+  .sub-header-block {
+    border-color: var(--darker) !important;
+    background-color: var(--t) !important;
+  }
+  .gl-tabs-nav {
+    border-color: var(--darker) !important;
+  }
+  .gl-tab-nav-item {
+    color: var(--lighter) !important;
+  }
+  .gl-tab-nav-item-active {
+    color: var(--light) !important;
+  }
+  .gl-tab-nav-item:hover {
+    box-shadow: inset 0 -0.125rem var(--darker);
+  }
+  .gl-tab-nav-item.active {
+    box-shadow: inset 0 -0.125rem var(--accent);
+  }
+  .gl-tab-content {
+    color: var(--light) !important;
+  }
+  .gl-tab-content .text-dark,
+  .gl-tab-content .text-dark:hover {
+    color: var(--light) !important;
+  }
+  .gl-tab-content .text-secondary,
+  .gl-tab-content .text-secondary:hover {
+    color: var(--lighter) !important;
+  }
+  .pipeline-quota {
+    border-color: var(--darker) !important;
+  }
+  .pipeline-quota + .ci-table > div:first-child {
+    margin-top: -1px !important;
+  }
+  .registry-placeholder .gl-text-black-normal {
+    color: var(--light) !important;
+  }
+  .registry-placeholder a.gl-text-black-normal:hover {
+    color: var(--accent) !important;
+  }
+  .gitlab-tabs {
+    border-radius: 4px 4px 0 0;
+    border-color: var(--darker) !important;
+    background-color: var(--t) !important;
+  }
+  .gitlab-tabs.nav.nav-tabs.nav-links {
+    border-radius: 4px 4px 0 0;
+    border-bottom: 1px solid;
+    box-shadow: none;
+  }
+  .gitlab-tabs.nav.nav-tabs.nav-links > .nav-item {
+    margin: 0;
+  }
+  .gitlab-tabs li[class ^= 'nav-'] {
+    border-color: var(--darker) !important;
+    background-color: var(--darker) !important;
+  }
+  .gitlab-tabs li[class ^= 'nav-']:first-child {
+    margin: 0;
+  }
+  .gitlab-tabs li[class ^= 'nav-'] a {
+    border-radius: 0;
+  }
+  .gitlab-tabs li[class ^= 'nav-']:first-child a {
+    border-radius: 3px 0 0 0;
+  }
+  .gitlab-tabs li[class ^= 'nav-']:last-child a {
+    border-radius: 0 3px 0 0;
+  }
+  .gitlab-tabs li[class ^= 'nav-']:hover a.nav-link {
+    color: var(--light) !important;
+    border-color: var(--t) !important;
+  }
+  .gitlab-tabs li[class ^= 'nav-'] a:not(.active) {
+    background-color: var(--dark) !important;
+  }
+  .gitlab-tabs li[class ^= 'nav-'] a.active.nav-link {
+    margin-bottom: -1px;
+    color: var(--light) !important;
+    border-color: var(--darken) !important;
+    background-color: var(--darken) !important;
+  }
+  .gitlab-tabs + .gitlab-tab-content {
+    border-radius: 0 0 4px 4px;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .gitlab-tabs + .gitlab-tab-content .form-control,
+  .gitlab-tabs + .gitlab-tab-content .info-well {
+    background-color: var(--dark) !important;
+  }
+  .gitlab-tabs + .gitlab-tab-content .select2-choice,
+  .gitlab-tabs + .gitlab-tab-content .select2-choices {
+    background-color: var(--dark) !important;
+  }
+  .gitlab-tabs + .gitlab-tab-content [class *= 'input-group']:not(.template-input-group) {
+    border-radius: 3px 0 0 3px;
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+  }
+  .option-title {
+    color: var(--light) !important;
+  }
+  .option-description,
+  .option-disabled-reason {
+    color: var(--lighter) !important;
+  }
+  .gitlab-tabs + .gitlab-tab-content .template-option {
+    border-color: var(--darker) !important;
+  }
+  .gitlab-tabs + .gitlab-tab-content .card-slim {
+    background-color: var(--dark) !important;
+  }
+  .nav-tabs .nav-link.active {
+    border-color: var(--accent) !important;
+    background-color: var(--t) !important;
+  }
+  .gitlab-tabs + .gitlab-tab-content .btn[class *= 'gitea'] svg path {
+    fill: var(--lighter) !important;
+  }
+  .gitlab-tabs + .gitlab-tab-content .btn[class *= 'gitea'] svg rect {
+    fill: var(--dark) !important;
+  }
+  .gitlab-tabs + .gitlab-tab-content .btn-cancel,
+  .gitlab-tabs + .gitlab-tab-content .btn-default,
+  .gitlab-tabs + .gitlab-tab-content .btn[class *= 'import'] {
+    background-color: var(--dark) !important;
+  }
+  .section-welcome .container .blank-state-link {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .section-welcome .container .blank-state-link:hover {
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .projects-list > li {
+    border-color: var(--darker) !important;
+  }
+  .projects-list > li .description {
+    color: var(--lighter) !important;
+  }
+  .user-access-role {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: rgba(136,136,136,0.082) !important;
+  }
+  .projects-list.compact .user-access-role {
+    line-height: 18px;
+  }
+  .projects-list.compact .avatar {
+    line-height: 38px !important;
+  }
+  .loading {
+    color: var(--lighter) !important;
+  }
+  .projects-list:not(.compact),
+  .snippets-list-holder > ul,
+  #groups > ul {
+    margin-top: 10px;
+    padding: 12px;
+    background-color: var(--darken) !important;
+    border-radius: 4px;
+  }
+  .projects-list:not(.compact) > li,
+  .snippets-list-holder > ul > li,
+  #groups > ul > li {
+    padding: 12px 0 !important;
+  }
+  .projects-list:not(.compact) > li:first-child,
+  .snippets-list-holder > ul > li:first-child,
+  #groups > ul > li:first-child {
+    padding-top: 0 !important;
+  }
+  .projects-list:not(.compact) > li:last-child,
+  .snippets-list-holder > ul > li:last-child,
+  #groups > ul > li:last-child {
+    padding-bottom: 0 !important;
+  }
+  .user-calendar-activities {
+    background-color: var(--darken) !important;
+    border-radius: 4px;
+  }
+  .user-calendar-activities h4 {
+    margin: 10px 12px 0;
+    padding: 10px 0;
+    border-bottom: 1px solid var(--darker);
+  }
+  .user-calendar-activities ul li,
+  .user-calendar-activities > p {
+    margin: 0 12px !important;
+    padding: 10px 0 !important;
+  }
+  .event-item {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+  }
+  .event-item .commit,
+  .event-item .commits-stat {
+    color: var(--light) !important;
+  }
+  .event-item [href],
+  .event-item [href *= '/compare/'] {
+    color: var(--accent) !important;
+  }
+  .event-item .joined-icon svg,
+  .event-item .pushed-new-icon svg,
+  .event-item .pushed-to-icon svg {
+    fill: var(--lighter) !important;
+  }
+  .event-user-info a[href] {
+    color: var(--light) !important;
+  }
+  div.content_list {
+    margin-top: 10px;
+    padding: 10px;
+    background-color: var(--darken) !important;
+    border-radius: 4px;
+  }
+  div.content_list > .event-item {
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+  .event-note pre.code {
+    border: 1px solid var(--darker) !important;
+    color: var(--light) !important;
+    background-color: var(--dark) !important;
+  }
+  .card {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .card .user-info .user {
+    color: var(--light) !important;
+  }
+  .card-header {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .card-header.bg-info {
+    color: var(--white) !important;
+    border-color: var(--blue) !important;
+    background-color: var(--blue) !important;
+  }
+  .card-header.bg-danger {
+    color: var(--white) !important;
+    border-color: var(--red) !important;
+    background-color: var(--red) !important;
+  }
+  .card-header + ul > .list-group-item {
+    border-color: var(--darker) !important;
+    background-color: var(--t) !important;
+  }
+  .card.border-info {
+    border-color: var(--blue) !important;
+  }
+  .card.border-danger {
+    border-color: var(--red) !important;
+  }
+  .list-group > .list-group-item {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .card-header input,
+  .card-header [class *= 'dropdown-menu'] {
+    background-color: var(--dark) !important;
+  }
+  .card-header .card-title {
+    color: var(--light) !important;
+  }
+  .card-body > .form-actions {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .card-body,
+  .card-body > .form-actions {
+    border-radius: 0 0 3px 3px !important;
+  }
+  .card-footer {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .card-footer.alert-primary {
+    color: var(--blue) !important;
+    background-color: var(--darken) !important;
+  }
+  .card-footer pre,
+  .card-footer code {
+    border-radius: 4px;
+    background-color: var(--dark) !important;
+  }
+  .card.border-0 {
+    border: 1px solid var(--darker) !important;
+  }
+  .card.border-0 .card-header a {
+    color: var(--light) !important;
+  }
+  .environments-dashboard .dashboard-card {
+    box-shadow: none !important;
+    border: none !important;
+    background-color: var(--t) !important;
+  }
+  .related-issues-block .card-header {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    border-radius: 3px 3px 0 0;
+  }
+  .related-issues-block .card-header.panel-empty-heading {
+    box-shadow: inset 0 -1px var(--darker);
+  }
+  .related-issues-block .card .linked-issues-card-body {
+    min-height: 16px;
+    border-radius: 0 0 3px 3px;
+    background-color: var(--bb) !important;
+  }
+  .related-issues-block .card .linked-issues-card-body > .card-body {
+    border-radius: 3px !important;
+  }
+  .related-issues-block .card ul > li,
+  .related-issues-block .card ul > li[class *= 'input'] > input {
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .issue-token-reference {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .issue-token-remove-button {
+    color: var(--red) !important;
+    background-color: var(--darker) !important;
+  }
+  .add-issuable-form-input {
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .related-issues-block .card ul > li:first-child {
+    border-radius: 3px 3px 0 0;
+  }
+  .related-issues-block .card ul > li:last-child {
+    border-bottom-left-radius: 3px;
+    border-bottom-right-radius: 3px;
+  }
+  .related-items-tree .item-title a {
+    color: var(--light) !important;
+  }
+  .related-items-tree .item-meta {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+  }
+  .related-items-list .item-body.item-closed {
+    background-color: var(--bb) !important;
+    border-radius: 3px !important;
+  }
+  #merge-requests {
+    background-color: var(--dark) !important;
+  }
+  #merge-requests .card-header {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    border-radius: 3px 3px 0 0;
+  }
+  #merge-requests ul li {
+    background-color: var(--t) !important;
+  }
+  .item-assignees:not(#z) .avatar {
+    border-color: var(--darken) !important;
+  }
+  .item-assignees:not(#z) .avatar-counter {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+    border-radius: var(--avatar);
+  }
+  [class *= '-filters'] + div[class]:not([class *= 'boards']),
+  [class *= '-filters'] + div[class]:not([class *= 'boards']) .card {
+    background-color: var(--t) !important;
+  }
+  [class *= '-filters'] + div[class]:not([class *= 'boards']) li {
+    border-top: none;
+    color: var(--light) !important;
+  }
+  [class *= '-filters'] + div[class]:not([class *= 'boards']) li:hover {
+    background-color: var(--darken) !important;
+  }
+  .done-reversible {
+    border-top: none !important;
+    opacity: 0.6;
+    background-color: var(--t) !important;
+  }
+  [class *= '-filters'].epics-filters [class *= '-toggle'] {
+    background-color: var(--dark) !important;
+  }
+  .card.linked-card::after,
+  .card.release-block::after {
+    border-color: var(--darken) !important;
+  }
+  .card.linked-card > .card-header,
+  .card.release-block > .card-header {
+    background-color: var(--darken) !important;
+  }
+  .card.linked-card > .card-body,
+  .card.release-block > .card-body {
+    background-color: var(--dark) !important;
+  }
+  .card.links-card a {
+    color: var(--accent) !important;
+  }
+  .sortable-container {
+    background-color: var(--darken) !important;
+  }
+  .sortable-container[class *= 'body'] {
+    border-radius: 0 0 4px 4px;
+  }
+  .sortable-row .sortable-link {
+    color: var(--accent) !important;
+  }
+  .epic-discussion-separator {
+    border-color: var(--darker) !important;
+  }
+  .flex-grid .grid-row,
+  .flex-grid .grid-cell {
+    border-color: var(--darker) !important;
+  }
+  .flex-grid .property-label {
+    color: var(--lighter) !important;
+  }
+  .flex-grid .property-value {
+    color: var(--light) !important;
+  }
+  .animation-container [class *= 'skeleton-line-'] {
+    background-color: var(--darker) !important;
+  }
+  .animation-container [class *= 'skeleton-line-']::after {
+    background-image: linear-gradient(90deg, var(--darker) 0%, var(--darken) 50%, var(--darker));
+  }
+  [class *= 'card-skeleton-']::after {
+    background-image: linear-gradient(90deg, var(--darker) 0%, var(--darken) 50%, var(--darker));
+  }
+  .gl-spinner.gl-spinner-dark {
+    border-color: var(--darker) !important;
+    border-top-color: var(--accent) !important;
+  }
+  svg.gl-skeleton-loader rect {
+    fill: var(--darker) !important;
+  }
+  .pika-single {
+    margin-top: 10px;
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    border-radius: 4px;
+  }
+  .pika-single .pika-label {
+    color: var(--light) !important;
+    background-color: var(--t) !important;
+  }
+  .pika-single .pika-prev,
+  .pika-single .pika-next {
+    color: var(--light) !important;
+    text-indent: 0;
+    background: none;
+  }
+  .pika-single .pika-prev::before,
+  .pika-single .pika-next::before {
+    display: inline-block;
+    width: 20px;
+  }
+  .pika-single .pika-prev::before {
+    content: '←';
+  }
+  .pika-single .pika-next::before {
+    content: '→';
+  }
+  .pika-single .pika-table {
+    border: 1px solid var(--darker);
+  }
+  .pika-single .pika-table th:not(#z) {
+    border-top: none !important;
+    color: var(--light) !important;
+    border-color: var(--t) !important;
+    background-color: var(--dark) !important;
+  }
+  .pika-single .pika-table td {
+    border-color: var(--darker) !important;
+  }
+  .pika-single .pika-table td .pika-day {
+    color: var(--light) !important;
+    background-color: var(--bb) !important;
+  }
+  .pika-single .pika-table td .pika-day:hover,
+  .pika-single .pika-table td[class ^= 'is-'] .pika-day {
+    color: var(--accent) !important;
+    background-color: var(--darken) !important;
+  }
+  .pika-single .pika-table td.is-disabled .pika-day {
+    color: var(--lighter) !important;
+    background-color: var(--t) !important;
+  }
+  .pika-single .pika-table tr:last-child > td {
+    border-bottom: none !important;
+  }
+  .pika-single.is-bound {
+    box-shadow: var(--bshadow);
+  }
+  .gl-datepicker-theme {
+    font-family: var(--ui-font) !important;
+  }
+  .gl-datepicker-theme .pika-lendar:not(#z) {
+    border-radius: 4px;
+    box-shadow: inset 0 0 0 1px var(--darker);
+  }
+  .avatar,
+  .avatar-circle,
+  .avatar-container {
+    text-shadow: 2px 2px 1px var(--shadow);
+    border-radius: var(--avatar) !important;
+    color: var(--light) !important;
+    border-color: var(--t) !important;
+  }
+  .avatar.identicon {
+    color: var(--white) !important;
+  }
+  .avatar:not(.identicon) {
+    border-color: var(--t) !important;
+    background-color: var(--t) !important;
+  }
+  .avatar.s48 {
+    line-height: 46px;
+  }
+  .avatar[class *= 'bg'] {
+    border-radius: var(--avatar);
+    box-shadow: inset 0 0 0 0.15em var(--shadow);
+  }
+  .avatar.bg0 {
+    background-color: var(--red) !important;
+  }
+  .avatar.bg1 {
+    background-color: var(--green) !important;
+  }
+  .avatar.bg2 {
+    background-color: var(--blue) !important;
+  }
+  .avatar.bg3 {
+    background-color: var(--yellow) !important;
+  }
+  .avatar.bg4 {
+    background-color: var(--magenta) !important;
+  }
+  .avatar.bg5 {
+    background-color: var(--cyan) !important;
+  }
+  .avatar.bg6 {
+    background-color: var(--violet) !important;
+  }
+  .avatar.bg7 {
+    background-color: var(--orange) !important;
+  }
+  .avatar.bgNaN {
+    background-color: var(--darker) !important;
+    box-shadow: none;
+  }
+  .page-title {
+    color: var(--light) !important;
+  }
+  .page-title-holder {
+    border-color: var(--darker) !important;
+  }
+  .commit-box {
+    border-color: var(--darker) !important;
+  }
+  .commit-box .commit-title,
+  .commit-box time {
+    color: var(--light) !important;
+  }
+  .breadcrumb-item a {
+    color: var(--lighter) !important;
+  }
+  .breadcrumb-item a strong {
+    color: var(--light) !important;
+  }
+  .breadcrumbs-list a {
+    color: var(--lighter) !important;
+  }
+  .breadcrumbs-list-angle {
+    fill: var(--lighter) !important;
+  }
+  .breadcrumbs-container {
+    border-color: var(--darker) !important;
+  }
+  .breadcrumbs-sub-title a {
+    color: var(--light) !important;
+  }
+  .breadcrumbs-links img {
+    border-color: var(--darken) !important;
+    background-color: var(--darken) !important;
+  }
+  .breadcrumbs.group-epics-roadmap {
+    border-color: var(--darker) !important;
+  }
+  .breadcrumb.repo-breadcrumb > li + li::before {
+    color: var(--lighter) !important;
+  }
+  .pagination .page-link {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .pagination .page-link:not(.active):hover {
+    background-color: var(--darker) !important;
+    box-shadow: none;
+  }
+  .pagination .disabled .page-link {
+    opacity: 0.6;
+    color: var(--lighter) !important;
+    background-color: var(--darken) !important;
+  }
+  .pagination .active .page-link,
+  .pagination .page-link.active {
+    color: var(--accent) !important;
+    background-color: var(--darker) !important;
+  }
+  .md {
+    color: var(--light) !important;
+  }
+  .md h1,
+  .md h2 {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+  }
+  .md hr {
+    border-color: var(--darker) !important;
+  }
+  .md p {
+    color: var(--light) !important;
+  }
+  .md a {
+    color: var(--accent) !important;
+  }
+  .md a > code,
+  .md p > code {
+    padding: 2px 4px;
+    color: inherit !important;
+  }
+  .md kbd {
+    border-color: var(--darker) !important;
+    box-shadow: inset 0 -1px 0 var(--darker) !important;
+  }
+  .md kbd > kbd {
+    background-color: var(--bb) !important;
+  }
+  .md blockquote,
+  .md .blockquote {
+    border-left-width: 5px;
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+  }
+  .md blockquote p,
+  .md .blockquote p {
+    color: var(--lighter) !important;
+  }
+  .md img.lazy {
+    background-color: var(--darken) !important;
+  }
+  .md img:not(.emoji) {
+    border-color: var(--darker) !important;
+  }
+  [src *= 'style=for-the-badge'],
+  .md img:not(.emoji)[data-canonical-src *= 'style=for-the-badge'] {
+    border-radius: 4px;
+  }
+  .md pre {
+    border-radius: 4px !important;
+  }
+  .md pre.code.white {
+    border: 1px solid var(--darker);
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .md pre.code.white.highlight {
+    background-color: var(--darken) !important;
+  }
+  .md pre.code.none {
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .md pre.code.none .line span {
+    color: var(--light) !important;
+  }
+  .md code {
+    font-family: var(--mono-font) !important;
+  }
+  .md gl-emoji {
+    font-size: 1em;
+    font-family: var(--emoji-font);
+  }
+  .md-suggestion-header {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .md-suggestion-diff {
+    font-family: var(--mono-font) !important;
+    border-radius: 0 0 4px 4px !important;
+    border-color: var(--darker) !important;
+  }
+  .md-suggestion tr:last-child > td:first-child::after {
+    border-radius: 0 0 0 3px;
+  }
+  .md-suggestion tr:last-child > td:last-child::after {
+    border-radius: 0 0 3px 0;
+  }
+  .md .anchor::after {
+    content: '§' !important;
+    color: var(--light) !important;
+  }
+  .task-list {
+    color: var(--light) !important;
+  }
+  .swagger-ui {
+    position: relative;
+    z-index: 1;
+  }
+  .swagger-ui .info .title {
+    color: var(--light) !important;
+  }
+  .swagger-ui .info a,
+  .swagger-ui link a {
+    color: var(--accent) !important;
+  }
+  .swagger-ui button.btn {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .swagger-ui .arrow {
+    fill: var(--light) !important;
+  }
+  .swagger-ui button.btn.execute {
+    color: var(--white) !important;
+    border-color: var(--blue) !important;
+    background-color: var(--blue) !important;
+  }
+  .swagger-ui .download-contents {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .swagger-ui input,
+  .swagger-ui textarea {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .swagger-ui input[disabled],
+  .swagger-ui textarea[disabled] {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    opacity: 0.6;
+  }
+  .swagger-ui,
+  .swagger-ui h3,
+  .swagger-ui h4,
+  .swagger-ui h5 {
+    color: var(--light) !important;
+  }
+  .swagger-ui select {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: none !important;
+  }
+  .swagger-ui .opblock-tag {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+  }
+  .swagger-ui .opblock-section p {
+    color: var(--lighter) !important;
+  }
+  .swagger-ui .opblock-title,
+  .swagger-ui .opblock-section-header h4 {
+    color: var(--light) !important;
+  }
+  .swagger-ui .opblock-section-header {
+    background-color: var(--darken) !important;
+    box-shadow: 0 1px var(--darker), 0 -1px var(--darker) !important;
+  }
+  .swagger-ui .opblock-summary-path,
+  .swagger-ui .opblock-summary-operation-id,
+  .swagger-ui .opblock-summary-path__deprecated {
+    color: var(--light) !important;
+  }
+  .swagger-ui .opblock-summary-description {
+    color: var(--lighter) !important;
+  }
+  .swagger-ui .opblock::before {
+    z-index: -1;
+    opacity: 0.1;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+  .swagger-ui .opblock-get {
+    border-color: var(--blue) !important;
+    background-color: var(--t) !important;
+    position: relative;
+  }
+  .swagger-ui .opblock-get::before {
+    content: '';
+    background-color: var(--blue) !important;
+  }
+  .swagger-ui .opblock-get .tab-item.active h4 span::after,
+  .swagger-ui .opblock-get .opblock-summary-method {
+    background-color: var(--blue) !important;
+  }
+  .swagger-ui .opblock-put {
+    border-color: var(--orange) !important;
+    background-color: var(--t) !important;
+    position: relative;
+  }
+  .swagger-ui .opblock-put::before {
+    content: '';
+    background-color: var(--orange) !important;
+  }
+  .swagger-ui .opblock-put .tab-item.active h4 span::after,
+  .swagger-ui .opblock-put .opblock-summary-method {
+    background-color: var(--orange) !important;
+  }
+  .swagger-ui .opblock-post {
+    border-color: var(--green) !important;
+    background-color: var(--t) !important;
+    position: relative;
+  }
+  .swagger-ui .opblock-post::before {
+    content: '';
+    background-color: var(--green) !important;
+  }
+  .swagger-ui .opblock-post .tab-item.active h4 span::after,
+  .swagger-ui .opblock-post .opblock-summary-method {
+    background-color: var(--green) !important;
+  }
+  .swagger-ui .opblock-patch {
+    border-color: var(--cyan) !important;
+    background-color: var(--t) !important;
+    position: relative;
+  }
+  .swagger-ui .opblock-patch::before {
+    content: '';
+    background-color: var(--cyan) !important;
+  }
+  .swagger-ui .opblock-patch .tab-item.active h4 span::after,
+  .swagger-ui .opblock-patch .opblock-summary-method {
+    background-color: var(--cyan) !important;
+  }
+  .swagger-ui .opblock-delete {
+    border-color: var(--red) !important;
+    background-color: var(--t) !important;
+    position: relative;
+  }
+  .swagger-ui .opblock-delete::before {
+    content: '';
+    background-color: var(--red) !important;
+  }
+  .swagger-ui .opblock-delete .tab-item.active h4 span::after,
+  .swagger-ui .opblock-delete .opblock-summary-method {
+    background-color: var(--red) !important;
+  }
+  .swagger-ui .model {
+    color: var(--light) !important;
+  }
+  .swagger-ui .model-title {
+    color: var(--light) !important;
+  }
+  .swagger-ui .model-toggle::after {
+    filter: invert(1);
+  }
+  .swagger-ui .models {
+    border-color: var(--darker) !important;
+  }
+  .swagger-ui .models > h4 {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .swagger-ui .prop-format {
+    color: var(--lighter) !important;
+  }
+  .swagger-ui .prop-type {
+    color: var(--violet) !important;
+  }
+  .swagger-ui .parameter__name {
+    color: var(--light) !important;
+  }
+  .swagger-ui .parameter__name::after {
+    color: var(--red) !important;
+  }
+  .swagger-ui .parameter__in,
+  .swagger-ui .parameter__type {
+    color: var(--lighter) !important;
+  }
+  .swagger-ui pre.microlight {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .swagger-ui pre.microlight span:not(#z) {
+    color: var(--light) !important;
+  }
+  .swagger-ui .scheme-container {
+    color: var(--light) !important;
+    background-color: var(--dark) !important;
+    box-shadow: 0 -1px var(--darker), 0 1px var(--darker);
+  }
+  .swagger-ui table:not(#z) {
+    padding: 0;
+  }
+  .swagger-ui table:not(#z),
+  .swagger-ui table:not(#z) th:not(#z),
+  .swagger-ui table:not(#z) td {
+    color: var(--light) !important;
+    border-color: var(--t) !important;
+    background-color: var(--t) !important;
+  }
+  .swagger-ui table:not(#z) span[class = ''],
+  .swagger-ui table:not(#z) span:not([class]) {
+    color: var(--lighter) !important;
+  }
+  .swagger-ui .tab li::after {
+    background-color: var(--lighter) !important;
+  }
+  .swagger-ui a.tablinks,
+  .swagger-ui [class *= 'brace-'] {
+    color: var(--light) !important;
+  }
+  .swagger-ui :not(#z) [style *= 'color: red']:not(#z) {
+    color: var(--red) !important;
+  }
+  .gl-banner {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .close {
+    color: var(--lighter) !important;
+    text-shadow: none;
+  }
+  .new-gl-button {
+    background-color: var(--darker) !important;
+    box-shadow: inset 0 0 0 1px var(--darker);
+  }
+  .new-gl-button:hover {
+    opacity: 0.8;
+    box-shadow: inset 0 0 0 1px var(--darker);
+  }
+  .mermaid:not(.code),
+  .artwork,
+  .group-empty-state > .icon,
+  .empty-state .svg-content > svg,
+  .devops-empty > div > svg,
+  .blank-state-icon > svg,
+  .svg-container > svg,
+  .commits-empty > svg,
+  img[src ^= 'img/']:not([src *= 'logo']),
+  img[src *= '/help/img/'],
+  img[src *= 'assets/promotions/'],
+  img[src *= 'assets/illustrations/'],
+  #oauth-login-github > img {
+    filter: invert(0.8) brightness(110%) hue-rotate(180deg);
+    box-shadow: none !important;
+  }
+  .gl-alert {
+    z-index: 1;
+  }
+  .gl-alert-body a,
+  .gl-alert-actions a {
+    font-weight: bold;
+    color: currentColor !important;
+  }
+  .gl-alert .js-close {
+    color: currentColor;
+  }
+  .gl-alert .js-close svg {
+    fill: currentColor !important;
+  }
+  .gl-alert::before {
+    z-index: -1;
+    opacity: 0.15;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+  .gl-alert-warning {
+    color: var(--orange) !important;
+    background-color: var(--darken) !important;
+  }
+  .gl-alert-warning .gl-alert-icon {
+    fill: var(--orange) !important;
+  }
+  .gl-alert-warning::before {
+    content: '';
+    background-color: var(--orange) !important;
+  }
+  .gl-alert-danger {
+    color: var(--red) !important;
+    background-color: var(--darken) !important;
+  }
+  .gl-alert-danger .gl-alert-icon {
+    fill: var(--red) !important;
+  }
+  .gl-alert-danger::before {
+    content: '';
+    background-color: var(--red) !important;
+  }
+  .gl-alert-success {
+    color: var(--green) !important;
+    background-color: var(--darken) !important;
+  }
+  .gl-alert-success .gl-alert-icon {
+    fill: var(--green) !important;
+  }
+  .gl-alert-success::before {
+    content: '';
+    background-color: var(--green) !important;
+  }
+  .gl-alert-info {
+    color: var(--blue) !important;
+    background-color: var(--darken) !important;
+  }
+  .gl-alert-info .gl-alert-icon {
+    fill: var(--blue) !important;
+  }
+  .gl-alert-info::before {
+    content: '';
+    background-color: var(--blue) !important;
+  }
+  .gl-alert-tip {
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .gl-alert-tip .gl-alert-icon {
+    fill: var(--light) !important;
+  }
+  .gl-alert-tip::before {
+    content: '';
+    background-color: var(--lighter) !important;
+  }
+  .flash-container {
+    background-color: var(--dark) !important;
+  }
+  .flash-container > div {
+    position: relative;
+  }
+  .flash-container > div::before {
+    content: '';
+    opacity: 0.25;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+  .flash-container > div svg {
+    fill: currentColor !important;
+  }
+  .flash-container .flash-alert {
+    color: var(--red) !important;
+    background-color: var(--t) !important;
+  }
+  .flash-container .flash-alert::before {
+    background-color: var(--red) !important;
+  }
+  .flash-container .flash-warning {
+    color: var(--orange) !important;
+    background-color: var(--t) !important;
+  }
+  .flash-container .flash-warning::before {
+    background-color: var(--orange) !important;
+  }
+  .flash-container .flash-notice {
+    color: var(--blue) !important;
+    background-color: var(--t) !important;
+  }
+  .flash-container .flash-notice::before {
+    background-color: var(--blue) !important;
+  }
+  .flash-container .flash-success {
+    color: var(--green) !important;
+    background-color: var(--t) !important;
+  }
+  .flash-container .flash-success::before {
+    background-color: var(--green) !important;
+  }
+  .flash-container.sticky {
+    top: 58px !important;
+  }
+  .alert.alert-info,
+  .alert.alert-primary {
+    color: var(--blue) !important;
+    border-color: var(--blue) !important;
+    background-color: var(--darken) !important;
+  }
+  .alert.alert-warning {
+    color: var(--orange) !important;
+    border-color: var(--orange) !important;
+    background-color: var(--darken) !important;
+  }
+  .alert.alert-success {
+    color: var(--green) !important;
+    border-color: var(--green) !important;
+    background-color: var(--darken) !important;
+  }
+  .alert.alert-secondary {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .alert.alert-danger {
+    color: var(--red) !important;
+    border-color: var(--red) !important;
+    background-color: var(--darken) !important;
+  }
+  .alert.alert-light {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .alert h4 {
+    color: inherit !important;
+  }
+  [class *= 'broadcast-banner'] svg {
+    fill: var(--white) !important;
+  }
+  [class *= 'broadcast-banner'] .fa {
+    color: var(--white) !important;
+  }
+  .broadcast-notification-message {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: var(--bshadow);
+  }
+  .broadcast-notification-message .btn {
+    color: var(--light) !important;
+  }
+  .broadcast-notification-message a {
+    color: var(--accent) !important;
+  }
+  [role = 'alert'][class *= '_message']:not([class *= 'epic']) {
+    border-radius: 4px;
+  }
+  [role = 'alert'] .warning_message:not(#z),
+  .warning_message:not(#z) {
+    color: var(--orange) !important;
+    border-color: var(--orange) !important;
+    background-color: var(--darken) !important;
+  }
+  [role = 'alert'] .danger_message:not(#z),
+  .danger_message:not(#z) {
+    color: var(--red) !important;
+    border-color: var(--red) !important;
+    background-color: var(--darken) !important;
+  }
+  .gl-toggle,
+  .project-feature-toggle {
+    background-color: var(--darker) !important;
+  }
+  .gl-toggle .toggle-icon,
+  .project-feature-toggle .toggle-icon {
+    background-color: var(--dark) !important;
+  }
+  .gl-toggle .toggle-icon svg,
+  .project-feature-toggle .toggle-icon svg {
+    fill: var(--lighter) !important;
+  }
+  .gl-toggle.is-checked,
+  .project-feature-toggle.is-checked {
+    background-color: var(--accent) !important;
+  }
+  .gl-toggle.is-checked svg,
+  .project-feature-toggle.is-checked svg {
+    fill: var(--accent) !important;
+  }
+  .gl-form-checkbox {
+    color: var(--light) !important;
+  }
+  .gl-form-input {
+    box-shadow: none !important;
+  }
+  .custom-select {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .gl-form-group .bordered-box.pl-3 {
+    padding: 0 !important;
+    background-color: var(--dark) !important;
+  }
+  .gl-form-group .bordered-box.pl-3 > .md-area {
+    margin: 0 !important;
+    padding: 10px !important;
+    border-radius: 4px;
+  }
+  .gl-form-group .bordered-box.pl-3:focus-within {
+    border-color: var(--blue) !important;
+  }
+  .gl-form-input.form-control {
+    background-color: var(--darken) !important;
+  }
+  .gl-form-input[placeholder] {
+    background-color: var(--dark) !important;
+  }
+  .help-form .form-group form,
+  .help-form .form-group .form-control,
+  .help-form .form-group code {
+    background-color: var(--dark) !important;
+  }
+  .form-group > label + input {
+    background-color: var(--darken) !important;
+  }
+  .gl-filtered-search-scrollable {
+    background-color: var(--dark) !important;
+    border-radius: 4px 0 0 4px;
+    box-shadow: inset 0 0 0 1px var(--darker) !important;
+  }
+  .gl-filtered-search-scrollable input {
+    color: var(--light) !important;
+    background-color: var(--t) !important;
+  }
+  .gl-filtered-search-suggestion-active {
+    background-color: var(--darker) !important;
+  }
+  .gl-filtered-search-suggestion-active a,
+  .gl-filtered-search-suggestion-active p {
+    color: var(--light) !important;
+  }
+  .gl-filtered-search-token-operator-description {
+    color: var(--lighter) !important;
+  }
+  .gl-token-close {
+    color: var(--lighter) !important;
+  }
+  .gl-token-content {
+    color: var(--light) !important;
+  }
+  .gl-token.gl-filtered-search-token-type,
+  .gl-token.gl-filtered-search-token-operator {
+    background-color: var(--darken) !important;
+  }
+  .gl-token.gl-filtered-search-token-data {
+    background-color: var(--darker) !important;
+  }
+  .gl-search-box-by-click-search-button {
+    border: 1px solid var(--darker);
+  }
+  .gl-text-body {
+    color: var(--light) !important;
+  }
+  .gl-text-orange-500:not(#z) {
+    color: var(--orange) !important;
+    fill: var(--orange) !important;
+  }
+  .gl-bg-white {
+    background-color: var(--bb) !important;
+  }
+  .gl-bg-gray-10 {
+    background-color: var(--dark) !important;
+  }
+  .gl-bg-gray-50 {
+    background-color: var(--darken) !important;
+  }
+  .bg-secondary-50 {
+    background-color: var(--darken) !important;
+  }
+  .gl-bg-green-100.gl-text-green-800 {
+    color: var(--white) !important;
+    border-color: var(--green) !important;
+    background-color: var(--green) !important;
+  }
+  .gl-bg-blue-50 {
+    background-color: var(--blue) !important;
+  }
+  .gl-border-gray-100,
+  .gl-border-gray-200 {
+    border-color: var(--darker) !important;
+  }
+  .border {
+    border: 1px solid var(--darker) !important;
+  }
+  .gl-border-b-gray-100 {
+    border-color: var(--darker) !important;
+  }
+  .gl-inset-border-1-gray-100 {
+    box-shadow: inset 0 0 0 1px var(--darker);
+  }
+  .gl-new-dropdown p {
+    color: var(--light) !important;
+  }
+  .gl-new-dropdown button[class*='close'] {
+    border-color: var(--t) !important;
+    background-color: var(--t) !important;
+  }
+  .gfm {
+    color: var(--light) !important;
+  }
+  .gfm.gfm-issue,
+  .gfm.gfm-merge_request,
+  .gfm.gfm-epic,
+  .gfm.gfm-milestone {
+    color: var(--accent) !important;
+  }
+  .gfm.gfm-commit,
+  .gfm.gfm-commit_range {
+    font-family: var(--mono-font);
+  }
+  .gfm.gfm-commit,
+  .gfm.gfm-commit_range > code {
+    color: var(--accent) !important;
+  }
+  .gfm-color_chip > span {
+    border-color: var(--t) !important;
+  }
+  .gfm.gfm-project_member {
+    z-index: 1;
+    padding: 1px 3px;
+    position: relative;
+    text-decoration: none !important;
+    transition: 0.2s ease;
+    font-weight: 500;
+    color: var(--accent) !important;
+    background-color: var(--t) !important;
+  }
+  .gfm.gfm-project_member::before {
+    z-index: -1;
+    content: '';
+    opacity: 0.2;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    transition: inherit;
+    border-radius: inherit;
+    background-color: var(--accent) !important;
+  }
+  .gfm.gfm-project_member:hover::before {
+    opacity: 0.4;
+  }
+  .gfm.gfm-project_member.current-user {
+    color: var(--white) !important;
+    background-color: var(--accent) !important;
+  }
+  .gfm.gfm-project_member.current-user:hover {
+    opacity: 0.7;
+  }
+  .suggestion {
+    color: var(--light) !important;
+  }
+  .suggestion-confidential.s16 {
+    fill: var(--orange) !important;
+  }
+  .suggestion-state-closed.s16 {
+    fill: var(--blue) !important;
+  }
+  .suggestion-state-open.s16 {
+    fill: var(--green) !important;
+  }
+  .gl-label {
+    background-color: var(--darker);
+  }
+  .gl-label-label-link {
+    background-color: var(--t) !important;
+  }
+  .gl-label-text-light {
+    text-shadow: 1px 1px 0 var(--shadow);
+  }
+  .gl-label-text-dark[style *= 'background-color'] + .gl-label-text-dark,
+  .gl-label-text-dark > .gl-label-link > span:nth-child(2),
+  .gl-label-text[style = 'color: rgb(51, 51, 51);'] {
+    color: var(--light) !important;
+  }
+  .gl-label[style*='--label-inset-border']:not(:hover) [class*='text-scoped'] {
+    z-index: 1;
+  }
+  .gl-label[style*='--label-inset-border']:not(:hover)::after {
+    z-index: 0;
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    box-shadow: inset 0 0 0 1rem var(--shadow) !important;
+  }
+  .gl-label-link:not(#z),
+  .gfm-label:not(#z) {
+    color: inherit !important;
+  }
+  .gl-label-icon[href ^= '/help'] > .fa,
+  .gl-label-icon[href ^= '/help'] > svg {
+    color: var(--lighter) !important;
+  }
+  .gl-label-close svg {
+    fill: currentColor !important;
+  }
+  .gl-label:not([style*='label-background']) {
+    background-color: var(--darker) !important;
+  }
+  .gfm-form[action $= 'tags'] .form-control,
+  .gfm-form[action $= 'tags'] .dropdown-menu-toggle {
+    background-color: var(--dark) !important;
+  }
+  .modal {
+    background-color: var(--t) !important;
+  }
+  .modal .modal-content {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .modal .modal-content .modal-header {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .modal .modal-content .modal-header .close {
+    color: var(--lighter) !important;
+  }
+  .modal .modal-content .modal-body {
+    background-color: var(--t) !important;
+  }
+  .modal .modal-content .modal-body .modal-subheader {
+    border-color: var(--darker) !important;
+  }
+  .modal .modal-content .modal-body table th {
+    color: var(--light) !important;
+  }
+  .modal .modal-content .modal-body table td {
+    color: var(--lighter) !important;
+  }
+  .modal .modal-content .modal-footer {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .modal .modal-content .modal-footer .btn-secondary {
+    background-color: var(--dark) !important;
+  }
+  .modal .modal-content .btn-clipboard:not(#z) {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .modal .modal-content .btn[href *= 'mailto:'] {
+    height: 34px;
+  }
+  .modal-backdrop {
+    opacity: 0.85 !important;
+    background-color: var(--bb) !important;
+  }
+  body.modal-open {
+    padding-right: 0px !important;
+  }
+  .dropzone-previews {
+    border-color: var(--darker) !important;
+  }
+  .markdown-selector {
+    color: var(--accent);
+  }
+  .design-dropzone-card .text-center {
+    color: var(--light) !important;
+  }
+  #add-projects-modal .gl-form-input {
+    background-color: var(--darken) !important;
+  }
+  #add-projects-modal .gl-infinite-scroll-container .btn {
+    background-color: var(--t) !important;
+  }
+  #add-projects-modal .gl-infinite-scroll-container .btn:focus,
+  #add-projects-modal .gl-infinite-scroll-container .btn.focus {
+    background-color: var(--darken) !important;
+    box-shadow: none !important;
+  }
+  #add-projects-modal .gl-infinite-scroll-legend {
+    color: var(--lighter) !important;
+  }
+  .modal-doorkeepr-auth > .modal-content {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .modal-doorkeepr-auth > .modal-content .modal-header {
+    border-color: var(--darker) !important;
+    background-color: var(--t) !important;
+  }
+  .modal-doorkeepr-auth > .modal-content .modal-body {
+    background-color: var(--t) !important;
+  }
+  .modal-doorkeepr-auth > .modal-content .modal-body .form-actions {
+    background-color: var(--darken) !important;
+  }
+  .gl-popover {
+    font-family: var(--ui-font);
+    border-radius: 4px;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: var(--bshadow) !important;
+  }
+  .gl-popover-header {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .gl-popover-body {
+    padding: 8px;
+    color: var(--light) !important;
+  }
+  .gl-popover.blue {
+    background-color: var(--blue) !important;
+  }
+  .arrow {
+    color: var(--darken);
+  }
+  .gl-popover.blue .arrow {
+    color: var(--blue) !important;
+  }
+  [class *= '-top'] .arrow::before {
+    border-top-color: var(--darker) !important;
+  }
+  [class *= '-top'] .arrow::after {
+    border-top-color: inherit !important;
+  }
+  [class *= '-bottom'] .arrow::before {
+    border-bottom-color: var(--darker) !important;
+  }
+  [class *= '-bottom'] .arrow::after {
+    border-bottom-color: inherit !important;
+  }
+  [class *= '-left'] .arrow::before {
+    border-left-color: var(--darker) !important;
+  }
+  [class *= '-left'] .arrow::after {
+    border-left-color: inherit !important;
+  }
+  [class *= '-right'] .arrow::before {
+    border-right-color: var(--darker) !important;
+  }
+  [class *= '-right'] .arrow::after {
+    border-right-color: inherit !important;
+  }
+  .gpg-popover-icon.valid svg {
+    border-color: var(--green) !important;
+    fill: var(--green) !important;
+  }
+  .gpg-popover-icon.invalid svg {
+    border-color: var(--red) !important;
+    fill: var(--red) !important;
+  }
+  .gpg-popover-user-link {
+    color: var(--light) !important;
+  }
+  .gl-popover .milestone-popover-body {
+    background-color: var(--t) !important;
+  }
+  .gl-popover .milestone-popover-footer {
+    border-color: var(--darker) !important;
+  }
+  .gl-popover .js-user-status {
+    color: var(--lighter) !important;
+  }
+  .tooltip.show {
+    opacity: 1;
+  }
+  .tooltip-inner {
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+    border: 1px solid var(--darker);
+    box-shadow: var(--bshadow);
+  }
+  .tooltip-inner [class *= 'share'] {
+    color: var(--lighter) !important;
+  }
+  .tooltip-inner [class *= 'scoped-label'] {
+    color: var(--accent) !important;
+  }
+  .tooltip-inner .text-white-50 {
+    color: var(--lighter) !important;
+    opacity: 0.5;
+  }
+  .tooltip[class *= 'bottom'] .arrow::before {
+    border-bottom-color: var(--darker);
+  }
+  .tooltip[class *= 'right'] .arrow::before {
+    border-right-color: var(--darker);
+  }
+  .tooltip[class *= 'left'] .arrow::before {
+    border-left-color: var(--darker);
+  }
+  .tooltip[class *= 'top'] .arrow::before {
+    border-top-color: var(--darker);
+  }
+  .popover {
+    border: 1px solid var(--darker);
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+    box-shadow: var(--bshadow);
+  }
+  .popover-header {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .popover-body {
+    color: var(--light) !important;
+  }
+  .onboarding-helper-container {
+    background-color: var(--dark) !important;
+    box-shadow: inset 0 0 0 1px var(--darker), 0 4px 8px 0 var(--shadow);
+  }
+  .onboarding-helper-container .avatar {
+    border-radius: 50% !important;
+    background-color: var(--darker) !important;
+    box-shadow: inset 0 0 0 1px var(--darker);
+  }
+  .onboarding-helper-container .progress {
+    background-color: var(--darker) !important;
+  }
+  .onboarding-helper-container .bg-info {
+    background-color: var(--blue) !important;
+  }
+  .onboarding-helper-container .text-info {
+    color: var(--blue) !important;
+  }
+  .onboarding-helper-container .active {
+    background-color: var(--darker) !important;
+  }
+  .onboarding-helper-container .qa-toggle-btn {
+    background-color: var(--t) !important;
+  }
+  .onboarding-helper-container .qa-toggle-btn:hover svg {
+    fill: var(--light) !important;
+  }
+  .slead {
+    color: var(--lighter) !important;
+  }
+  .slead + hr + .no-repo-actions .btn-primary {
+    color: var(--accent) !important;
+    border-color: var(--accent) !important;
+    background-color: var(--t) !important;
+  }
+  .slead + hr + .no-repo-actions .btn-primary::before {
+    content: '';
+    background-color: var(--accent) !important;
+  }
+  .access-request-link {
+    border-color: var(--darker) !important;
+  }
+  .home-panel-description + p time {
+    color: var(--light) !important;
+  }
+  .git-empty h5 {
+    color: var(--light) !important;
+  }
+  .git-empty pre.bg-light {
+    background-color: var(--darken) !important;
+    border-radius: 4px;
+  }
+  .info-well {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .info-well .commit-row-message,
+  .info-well .committer a {
+    color: var(--light) !important;
+  }
+  .info-well .commit-actions {
+    align-self: center;
+  }
+  .info-well .branch-info {
+    border-color: var(--darker) !important;
+  }
+  .info-well .branch-info .badge {
+    background-color: var(--darker) !important;
+  }
+  .info-well .branch-info .cgray {
+    color: var(--light) !important;
+  }
+  .info-well svg path {
+    fill: var(--lighter) !important;
+  }
+  .info-well .limit-box {
+    color: var(--white) !important;
+    background-color: var(--red) !important;
+  }
+  .info-well .limit-box .fa {
+    color: var(--white) !important;
+  }
+  .info-well .branches .s12 {
+    margin-top: 2px;
+  }
+  .info-well .well-segment {
+    border-color: var(--darker) !important;
+  }
+  .info-well .well-segment code:not([class]) {
+    background-color: var(--dark) !important;
+  }
+  .table-holder.bordered-box {
+    border: none !important;
+  }
+  .blame tr:not(:first-child) > td {
+    border-top: 1px solid var(--darker) !important;
+  }
+  .file-blame-legend {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .blame-commit {
+    position: relative;
+    padding-left: 12px !important;
+    border-left: none !important;
+  }
+  .blame-commit::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 4px;
+  }
+  .blame-commit .commit > a[href] > img {
+    margin-right: 10px;
+  }
+  .blame .blame-commit:not(#z) {
+    background-color: var(--darken) !important;
+  }
+  .blame-commit + .line-numbers:not(#z) {
+    border-left: 1px solid var(--darker) !important;
+    background-color: var(--darken) !important;
+    border-radius: 0;
+  }
+  .blame .commit-author-link,
+  .blame .cdark {
+    color: var(--light) !important;
+  }
+  .blame .commit-sha {
+    color: var(--accent) !important;
+  }
+  .legend-box-0,
+  .blame-commit-age-0::before {
+    background-color: var(--green) !important;
+    opacity: 0.099;
+  }
+  .legend-box-1,
+  .blame-commit-age-1::before {
+    background-color: var(--green) !important;
+    opacity: 0.199;
+  }
+  .legend-box-2,
+  .blame-commit-age-2::before {
+    background-color: var(--green) !important;
+    opacity: 0.299;
+  }
+  .legend-box-3,
+  .blame-commit-age-3::before {
+    background-color: var(--green) !important;
+    opacity: 0.399;
+  }
+  .legend-box-4,
+  .blame-commit-age-4::before {
+    background-color: var(--green) !important;
+    opacity: 0.499;
+  }
+  .legend-box-5,
+  .blame-commit-age-5::before {
+    background-color: var(--green) !important;
+    opacity: 0.599;
+  }
+  .legend-box-6,
+  .blame-commit-age-6::before {
+    background-color: var(--green) !important;
+    opacity: 0.699;
+  }
+  .legend-box-7,
+  .blame-commit-age-7::before {
+    background-color: var(--green) !important;
+    opacity: 0.799;
+  }
+  .legend-box-8,
+  .blame-commit-age-8::before {
+    background-color: var(--green) !important;
+    opacity: 0.899;
+  }
+  .legend-box-9,
+  .blame-commit-age-9::before {
+    background-color: var(--green) !important;
+    opacity: 0.999;
+  }
+  .readme-holder {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .readme-holder [class *= 'file-title'] {
+    padding: 10px 16px;
+    border-radius: 4px 4px 0 0;
+  }
+  .readme-holder [class *= 'file-title'] strong {
+    font-weight: normal;
+  }
+  .readme-holder [class *= 'file-title'] a:not(.btn) {
+    color: var(--light) !important;
+  }
+  .readme-holder .file-content {
+    background-color: var(--t) !important;
+  }
+  .readme-holder .file-content [dir][align='left'] {
+    text-align: left;
+  }
+  .readme-holder .file-content [dir][align='right'] {
+    text-align: right;
+  }
+  .readme-holder .file-content [dir][align='center'] {
+    text-align: center;
+  }
+  .readme-holder .file-content a img:not(.emoji) {
+    box-sizing: content-box;
+    margin: 0 !important;
+    background-color: var(--dark) !important;
+  }
+  .readme-holder .file-content a img:not(.emoji)[align='left'] {
+    padding-right: 20px;
+  }
+  .readme-holder .file-content a img:not(.emoji)[align='right'] {
+    padding-left: 20px;
+  }
+  .readme-holder .file-content h1,
+  .readme-holder .file-content h2,
+  .readme-holder .file-content h3,
+  .readme-holder .file-content h4,
+  .readme-holder .file-content h5,
+  .readme-holder .file-content h6 {
+    position: relative;
+  }
+  .readme-holder .file-content::before,
+  .readme-holder .file-content::after {
+    content: '';
+    display: table;
+  }
+  .readme-holder .file-content::after {
+    clear: both;
+  }
+  .committer {
+    color: var(--lighter) !important;
+  }
+  .commit .commit-author-link {
+    color: var(--light) !important;
+  }
+  .commit a,
+  .generic-commit-status a {
+    color: var(--light);
+  }
+  .commit-header {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .commit-header:first-child {
+    border-top-width: 1px;
+  }
+  .commit-message-container {
+    font-family: var(--mono-font);
+    background-color: var(--t) !important;
+  }
+  .ci-job-name-component > .gl-text-truncate {
+    max-width: 100%;
+    margin-right: 35px;
+  }
+  .pipeline-graph.pipeline-tab-content {
+    background-color: var(--darken) !important;
+  }
+  .pipeline-graph .build {
+    width: 100% !important;
+    margin-bottom: 5px;
+  }
+  .pipeline-graph .build-content {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+    transition: none !important;
+    padding: 5px 5px !important;
+  }
+  .pipeline-graph .build-content:hover {
+    color: var(--lighter) !important;
+    background-color: var(--bb) !important;
+  }
+  .pipeline-graph .build .linked-pipeline-content {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+    border-radius: 8px !important;
+  }
+  .pipeline-graph .build .linked-pipeline-content::before {
+    content: unset !important;
+  }
+  .pipeline-graph .build .linked-pipeline-content:hover {
+    background-color: var(--bb) !important;
+  }
+  .pipeline-graph .curve::before,
+  .pipeline-graph .build:not(first-child)::before,
+  .stage-container::before,
+  .pipeline-graph .curve::after,
+  .pipeline-graph .build:not(first-child)::after,
+  .stage-container::after {
+    border-color: var(--darker) !important;
+  }
+  .ci-build-text,
+  .ci-status-text {
+    font-weight: normal !important;
+    color: var(--light) !important;
+  }
+  div[class *= 'mini-pipe']:focus {
+    box-shadow: 0 0 4px 0px var(--accent) !important;
+  }
+  div[class *= 'mini-pipe'] li:hover [class *= 'dropdown-item'] {
+    background-color: var(--darker) !important;
+  }
+  .pipeline-graph .stage-column .curve::before,
+  .pipeline-graph .stage-column .curve::after {
+    top: -24px;
+  }
+  .pipeline-graph .stage-column .build:nth-child(2)::before,
+  .pipeline-graph .stage-column .build:nth-child(2)::after {
+    height: 24px;
+    top: -4px;
+  }
+  .build-page .top-bar {
+    z-index: 99;
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    border-radius: 4px 4px 0 0;
+    top: 49px !important;
+  }
+  .build-page .job-log {
+    border: 1px solid var(--darker);
+    border-top: none;
+    color: var(--light) !important;
+    background-color: var(--dark) !important;
+    box-shadow: none;
+    border-radius: 0 0 4px 4px;
+  }
+  .build-page .line-number {
+    color: var(--lighter) !important;
+  }
+  .build-page .collapsible-line .log-duration-badge {
+    background-color: var(--darker) !important;
+  }
+  .build-page .collapsible-line:hover {
+    background-color: var(--darken) !important;
+  }
+  .build-page .term-fg-l-red {
+    color: var(--red) !important;
+  }
+  .build-page .term-fg-l-blue {
+    color: var(--blue) !important;
+  }
+  .build-page .term-fg-l-cyan {
+    color: var(--cyan) !important;
+  }
+  .build-page .term-fg-l-green {
+    color: var(--green) !important;
+  }
+  .build-page .term-fg-l-yellow {
+    color: var(--yellow) !important;
+  }
+  .build-page .term-fg-l-magenta {
+    color: var(--magenta) !important;
+  }
+  .build-page div.build-trace-container {
+    padding-right: 0 !important;
+  }
+  .build-trace {
+    border: 1px solid var(--darker);
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .build-trace-container {
+    padding-right: 16px !important;
+  }
+  .detail-page-header {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+  }
+  .author {
+    color: var(--light) !important;
+  }
+  .detail-page-header a {
+    color: var(--lighter);
+  }
+  .detail-page-header-body .issuable-warning-icon {
+    background-color: var(--darker) !important;
+  }
+  .detail-page-header-body .issuable-warning-icon svg {
+    fill: var(--orange) !important;
+  }
+  .detail-page-description,
+  .detail-page-description .title {
+    border-color: var(--darker) !important;
+  }
+  .page-content-header time,
+  .page-content-header [class *= '-link'] {
+    color: var(--light) !important;
+  }
+  .page-content-header .header-content a {
+    color: var(--light) !important;
+  }
+  .detail-page-description .title {
+    color: var(--light) !important;
+  }
+  .detail-page-description small {
+    color: var(--lighter) !important;
+  }
+  .edited-text,
+  .edited-text .author-link {
+    color: var(--lighter) !important;
+  }
+  .filtered-search-box {
+    border-radius: 4px;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    min-height: 36px;
+  }
+  .filtered-search-box ul {
+    padding: 0 !important;
+  }
+  .filtered-search-box input {
+    padding-left: 12px !important;
+    border: none !important;
+    background-color: var(--t) !important;
+  }
+  .filtered-search-box input:focus {
+    box-shadow: none !important;
+  }
+  .filtered-search-box .clear-search {
+    border-radius: 4px;
+    background-color: var(--dark) !important;
+  }
+  .filtered-search-box.focus {
+    border-color: var(--blue) !important;
+  }
+  .filtered-search-box-input-container {
+    background-color: var(--t) !important;
+  }
+  .filtered-search-token .name,
+  .filtered-search-term .name,
+  .filtered-search-token .operator,
+  .filtered-search-term .operator,
+  .filtered-search-token .value-container,
+  .filtered-search-term .value-container {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .filtered-search-token:first-child {
+    margin-left: 5px;
+  }
+  .filtered-search-token > .name,
+  .filtered-search-term > .name {
+    background-color: var(--t) !important;
+  }
+  .mr-state-widget .mr-source-target {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .mr-widget-heading {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .mr-state-widget .mr-widget-extension {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: 0 1px var(--darker) !important;
+  }
+  .mr-state-widget .mr-widget-extension:last-child {
+    border-radius: 0 0 3px 3px;
+  }
+  .mr-state-widget .mr-widget-extension .label-branch {
+    background-color: var(--dark) !important;
+  }
+  .mr-state-widget .mr-widget-extension + .border-top > table:not(#z) {
+    margin-bottom: 0px !important;
+    border: none !important;
+    border-radius: 0 0 3px 3px !important;
+  }
+  .mr-state-widget .mr-widget-extension + .border-top > table:not(#z) thead > tr > th {
+    background-color: var(--bb) !important;
+  }
+  .mr-state-widget .mr-section-container {
+    border: 1px solid var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .mr-state-widget .mr-section-container::before {
+    border-color: var(--darken) !important;
+  }
+  .mr-state-widget .mr-section-container > .mr-widget-section {
+    border-radius: 0;
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+  }
+  .mr-state-widget .mr-section-container .mr-widget-help {
+    color: var(--lighter) !important;
+  }
+  .mr-state-widget .mr-section-container .mr-widget-empty-state {
+    color: var(--light) !important;
+  }
+  .mr-widget-workflow::before {
+    border-width: 2px;
+    border-color: var(--darken) !important;
+  }
+  .mr-widget-workflow > :first-child {
+    border-top: none;
+  }
+  .mr-state-widget .mr-widget-border-top {
+    border-color: var(--darker) !important;
+  }
+  .mr-state-widget .mr-widget-info {
+    color: var(--light) !important;
+  }
+  .report-block {
+    color: var(--light) !important;
+  }
+  .report-block-list-issue-parent {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .report-block-list-issue-description {
+    color: var(--light) !important;
+  }
+  .report-block-container {
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+  }
+  .failed > svg {
+    fill: var(--red) !important;
+  }
+  .neutral > svg {
+    fill: var(--lighter) !important;
+  }
+  .success > svg {
+    fill: var(--green) !important;
+  }
+  .mr-state-widget .border-top {
+    border-color: var(--darker) !important;
+  }
+  .mr-state-widget .border-top .table tr:not(:first-child) > td {
+    border-top: 1px solid var(--darker) !important;
+  }
+  .mr-state-widget .mr-widget-body.media .square + button {
+    margin-right: 10px;
+  }
+  .mr-state-widget .mr-widget-body.media .bold {
+    margin-left: 0;
+    color: var(--lighter) !important;
+  }
+  .mr-state-widget .deploy-heading,
+  .mr-state-widget .merge-train-position-indicator {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .linked-pipeline-mini-list.is-downstream > svg.arrow-icon + a[href] {
+    margin-top: 5px !important;
+  }
+  .linked-pipeline-mini-list.is-downstream [class *= 'ci-status'] {
+    background-color: var(--darken) !important;
+  }
+  .linked-pipeline-mini-list.is-downstream [class *= 'ci-status'],
+  .linked-pipeline-mini-list.is-downstream [class *= 'ci-status'] .s16 {
+    width: 24px !important;
+    height: 24px !important;
+  }
+  .linked-pipeline-mini-list.is-downstream [class *= 'ci-status']:hover > .s16 {
+    width: 22px !important;
+    height: 22px !important;
+  }
+  .mr-state-widget .ci-widget {
+    color: var(--light) !important;
+  }
+  .mr-state-widget .mr-widget-footer {
+    border-color: var(--darker) !important;
+  }
+  .mr-state-widget .mr-widget-footer .btn-link {
+    color: var(--accent) !important;
+  }
+  .mr-state-widget .pipeline-number,
+  .mr-state-widget .commit-sha,
+  .mr-state-widget .label-branch {
+    padding: 0.2em 0.4em;
+    font-weight: normal !important;
+    color: var(--accent);
+    background-color: var(--darken) !important;
+    border-radius: 4px;
+    box-shadow: inset 0 0 0 1px var(--darker);
+  }
+  .mr-state-widget .pipeline-number.label-truncate > a,
+  .mr-state-widget .commit-sha.label-truncate > a,
+  .mr-state-widget .label-branch.label-truncate > a {
+    line-height: 1.2 !important;
+  }
+  .mr-state-widget .bold,
+  .mr-state-widget .media-body,
+  .mr-state-widget .code-text,
+  .mr-state-widget .label-branch {
+    color: var(--light) !important;
+  }
+  .mr-state-widget .diverged-commits-count,
+  .mr-state-widget .coverage {
+    color: var(--lighter) !important;
+  }
+  .wiki-last-edit-by {
+    color: var(--lighter) !important;
+  }
+  .wiki-last-edit-by strong {
+    color: var(--light) !important;
+  }
+  .wiki-sidebar.right-sidebar a {
+    color: var(--lighter) !important;
+  }
+  .wiki-sidebar.right-sidebar .active a {
+    color: var(--accent) !important;
+  }
+  .wiki-sidebar.right-sidebar .btn {
+    background-color: var(--dark) !important;
+  }
+  .wiki-form .form-control {
+    background-color: var(--dark) !important;
+  }
+  .wiki-page-header + .table-holder > table {
+    margin-top: 10px;
+    border: 1px solid var(--darker);
+  }
+  .wiki-page-header + .table-holder > table thead > tr > th {
+    border-top: none;
+  }
+  .wiki-page-header + .table-holder > table tbody > tr:hover {
+    background-color: var(--bb) !important;
+  }
+  .cluster-application-row {
+    background-color: var(--darken) !important;
+  }
+  .cluster-application-row img.avatar:not(.identicon) {
+    background-color: 0 0 unset !important;
+  }
+  .clusters-container .clusters-table {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .project-visibility-setting,
+  .project-feature-settings,
+  .sub-section {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .project-visibility-setting .bs-callout,
+  .project-feature-settings .bs-callout,
+  .sub-section .bs-callout {
+    background-color: var(--darker) !important;
+  }
+  .settings {
+    border-color: var(--darker) !important;
+  }
+  .project-feature-row .form-control {
+    background-color: var(--dark) !important;
+  }
+  .settings-message {
+    color: var(--orange) !important;
+    border-color: var(--orange) !important;
+    background-color: var(--dark) !important;
+  }
+  .settings .account-well {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .settings .account-well li > code {
+    background-color: var(--dark) !important;
+  }
+  .settings .protected-branches-list > .table-bordered {
+    border: none !important;
+  }
+  .settings .protected-tags-list {
+    border: 1px solid var(--darker) !important;
+    border-radius: 4px;
+  }
+  .settings-content .sub-section {
+    border-radius: 4px;
+  }
+  .settings-content .sub-section .btn-default,
+  .settings-content .sub-section .form-control,
+  .settings-content .sub-section .select2-choice {
+    background-color: var(--dark) !important;
+  }
+  .settings-content .sub-section .btn-warning {
+    transition: opacity 0.2s ease;
+    color: var(--white) !important;
+    background-color: var(--orange) !important;
+  }
+  .settings-content .sub-section .btn-warning:hover {
+    opacity: 0.8;
+  }
+  .settings-content .sub-section .btn-warning::before {
+    content: unset !important;
+  }
+  .project-badges {
+    margin-top: -0.5rem;
+  }
+  .project-badges img {
+    margin-top: 0.5rem;
+    border-radius: 4px;
+  }
+  .file-holder {
+    border-color: var(--darker) !important;
+  }
+  .file-holder .file-title {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .file-holder .file-title-flex-parent {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .file-holder .file-title-flex-parent .btn svg {
+    fill: var(--lighter) !important;
+  }
+  .file-holder .file-title-flex-parent .btn.active {
+    background-color: var(--darker) !important;
+  }
+  .file-holder .file-title-flex-parent .btn,
+  .file-holder .file-title-flex-parent .btn-default {
+    background-color: var(--dark) !important;
+  }
+  .file-holder .file-title-flex-parent .btn-danger-secondary {
+    color: var(--red) !important;
+    border-color: var(--red) !important;
+  }
+  .file-holder .file-title-flex-parent .btn-default-tertiary:not(#z) {
+    border-color: var(--t) !important;
+    background-color: var(--t) !important;
+  }
+  .file-holder .file-title-flex-parent .btn-primary:not(.btn-inverted),
+  .file-holder .file-title-flex-parent .btn-info:not(.btn-inverted) {
+    background-color: var(--blue) !important;
+  }
+  .file-holder .file-title-flex-parent .btn-primary svg,
+  .file-holder .file-title-flex-parent .btn-info svg {
+    fill: var(--white) !important;
+  }
+  .file-holder .file-title a:not(.btn),
+  .file-holder .file-title-flex-parent a:not(.btn) {
+    color: var(--light) !important;
+  }
+  .file-holder .file-title-name {
+    color: var(--light) !important;
+  }
+  .file-holder .file-content {
+    background-color: var(--dark) !important;
+    border-radius: 0 0 3px 3px;
+  }
+  .file-holder .file-content pre.code.highlight.white:not([lang]) {
+    background-color: var(--dark) !important;
+  }
+  .code.white .line-numbers,
+  .code.none .line-numbers,
+  .code.white .diff-line-num,
+  .code.none .diff-line-num {
+    background-color: var(--darken) !important;
+  }
+  .code.white .line-numbers a,
+  .code.none .line-numbers a,
+  .code.white .diff-line-num a,
+  .code.none .diff-line-num a {
+    font-family: var(--mono-font);
+    color: var(--lighter) !important;
+  }
+  .code.white code > span.line:hover,
+  .code.none code > span.line:hover {
+    background-color: var(--darken) !important;
+  }
+  .code.white .line-numbers > .diff-line-num,
+  .code.none .line-numbers > .diff-line-num {
+    background-color: var(--t) !important;
+  }
+  .code.white .line_expansion,
+  .code.none .line_expansion {
+    background-color: var(--darken) !important;
+  }
+  .code.white .line_expansion td,
+  .code.none .line_expansion td {
+    border-color: var(--darker) !important;
+  }
+  .code.white .line_expansion a,
+  .code.none .line_expansion a,
+  .code.white .line_expansion span,
+  .code.none .line_expansion span {
+    color: var(--lighter) !important;
+  }
+  .code.white .line_expansion:not(:first-of-type) > td,
+  .code.none .line_expansion:not(:first-of-type) > td {
+    border-top: 1px solid var(--darker) !important;
+  }
+  .code.white pre .hll,
+  .code.none pre .hll {
+    z-index: 1 !important;
+    position: relative;
+    background-color: var(--t) !important;
+  }
+  .code.white pre .hll::before,
+  .code.none pre .hll::before {
+    content: '';
+    z-index: -1 !important;
+    opacity: 0.2;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--yellow) !important;
+  }
+  .code.white .new .idiff,
+  .code.none .new .idiff {
+    color: var(--light) !important;
+    background-color: var(--t) !important;
+    box-shadow: inset 0 0 0 1rem rgba(79,88,0,0.75);
+  }
+  .code.white .old .idiff,
+  .code.none .old .idiff {
+    color: var(--light) !important;
+    background-color: var(--t) !important;
+    box-shadow: inset 0 0 0 1rem rgba(117,0,0,0.65);
+  }
+  .code.white pre.code {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .code.none pre.code {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .code.none pre.code .line span {
+    color: var(--light) !important;
+  }
+  .code.white .line > a {
+    color: var(--blue) !important;
+  }
+  .code.white .err {
+    color: var(--white) !important;
+    background-color: var(--red) !important;
+  }
+  .code.white .gi {
+    color: var(--green) !important;
+    background-color: var(--bb) !important;
+  }
+  .code.white .gd {
+    color: var(--red) !important;
+    background-color: var(--bb) !important;
+  }
+  .code.white .c,
+  .code.white .cm,
+  .code.white .c1,
+  .code.white .gh,
+  .code.white .nn,
+  .code.white .go,
+  .code.white .gt {
+    color: var(--lighter) !important;
+  }
+  .code.white .n,
+  .code.white .cp,
+  .code.white .gp,
+  .code.white .s,
+  .code.white .s1 {
+    color: var(--light) !important;
+  }
+  .code.white .no,
+  .code.white .na,
+  .code.white .nb {
+    color: var(--cyan) !important;
+  }
+  .code.white .sx,
+  .code.white .se,
+  .code.white .sh,
+  .code.white .s2 {
+    color: var(--red) !important;
+  }
+  .code.white .sr,
+  .code.white .vi,
+  .code.white .mf,
+  .code.white .ne,
+  .code.white .nv {
+    color: var(--green) !important;
+  }
+  .code.white .nt,
+  .code.white .m,
+  .code.white .mi,
+  .code.white .mh {
+    color: var(--blue) !important;
+  }
+  .code.white .nf,
+  .code.white .ss,
+  .code.white .si,
+  .code.white .nc {
+    color: var(--magenta) !important;
+  }
+  .code.white .ni,
+  .code.white .gu,
+  .code.white .sb,
+  .code.white .kt {
+    color: var(--violet) !important;
+  }
+  .file-title,
+  .file-title-flex-parent {
+    border-top: 1px solid var(--darker) !important;
+    border-radius: 4px 4px 0 0;
+  }
+  .diff-file .file-title,
+  .diff-file .file-title-flex-parent {
+    top: 165px;
+  }
+  .diff-file.conflict .file-title,
+  .diff-file.conflict .file-title-flex-parent {
+    top: 49px !important;
+  }
+  .diff-file .file-title.is-commit,
+  .diff-file .file-title-flex-parent.is-commit,
+  .diff-file .file-title.is-compare,
+  .diff-file .file-title-flex-parent.is-compare {
+    top: 117px;
+  }
+  .sticky-placeholder + div .is-commit {
+    top: 86px !important;
+  }
+  .diff-file .file-title,
+  .diff-file .file-title-flex-parent {
+    box-shadow: none !important;
+  }
+  .diff-file .file-title .btn:not(.active),
+  .diff-file .file-title-flex-parent .btn:not(.active) {
+    background-color: var(--dark) !important;
+  }
+  .diff-file .file-title::before,
+  .diff-file .file-title-flex-parent::before {
+    background-color: var(--bb) !important;
+  }
+  .diff-file .diff-content {
+    color: var(--light) !important;
+    background-color: var(--dark) !important;
+  }
+  .nothing-here-block {
+    color: var(--lighter) !important;
+  }
+  .nothing-here-block .click-to-expand {
+    color: var(--accent) !important;
+    border-color: var(--t) !important;
+    background-color: var(--t) !important;
+  }
+  .diff-file .diff-content .image {
+    background-color: var(--dark) !important;
+  }
+  .diff-file .diff-content .image .frame {
+    background-color: var(--t) !important;
+  }
+  .diff-file .diff-content .image .frame.added {
+    border-color: var(--green) !important;
+  }
+  .diff-file .diff-content .image .frame.deleted {
+    border-color: var(--red) !important;
+  }
+  .diff-file .diff-content .image .frame img {
+    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%);
+    border-color: var(--darker) !important;
+  }
+  .diff-file .diff-content .image .frame img:-moz-broken::before {
+    content: 'broken image';
+  }
+  .diff-file .diff-content .image-info {
+    color: var(--lighter) !important;
+  }
+  .diff-file .diff-content .image ~ .note-container {
+    border-color: var(--t) !important;
+    background-color: var(--t) !important;
+  }
+  .diff-file .diff-content .view-modes {
+    background-color: var(--t) !important;
+  }
+  .diff-file .diff-content .view-modes li {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+  }
+  .diff-file .diff-content .view-modes .active {
+    color: var(--light) !important;
+  }
+  .diff-file .diff-content .notes_holder td {
+    border-top-color: var(--darker) !important;
+  }
+  .diff-file .diff-content .notes_holder td,
+  .diff-file .diff-content .diff-discussions {
+    border-bottom-color: var(--darker) !important;
+  }
+  .diff-files-changed {
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+    top: 49px;
+  }
+  .diff-files-changed > div > .dropdown {
+    margin-left: 0;
+    padding-left: 0;
+    background-color: var(--t) !important;
+  }
+  .cred:not(#z) {
+    color: var(--red) !important;
+    fill: var(--red) !important;
+  }
+  .cgreen:not(#z) {
+    color: var(--green) !important;
+    fill: var(--green) !important;
+  }
+  .diff-changed-file-path {
+    color: var(--lighter) !important;
+  }
+  .diff-files-changed [class *= 'summary-toggle'] {
+    color: var(--blue) !important;
+    background-color: var(--t) !important;
+  }
+  .diff-files-changed [class *= 'summary-toggle']::before {
+    content: unset;
+  }
+  .diff-file.is-active {
+    box-shadow: var(--bshadow) !important;
+  }
+  .diff-tree-list {
+    top: 165px !important;
+  }
+  .diff-tree-list .drag-handle:hover {
+    background-color: var(--darken) !important;
+  }
+  .diff-tree-list .drag-handle.is-dragging {
+    background-color: var(--darker) !important;
+  }
+  .diff-tree-list .file-row:hover,
+  .diff-tree-list .file-row:focus {
+    background-color: var(--darken) !important;
+  }
+  .diff-tree-list .file-row-header.bg-white {
+    background-color: var(--bb) !important;
+  }
+  .diff-tree-list .file-row.is-active {
+    background-color: var(--darker) !important;
+  }
+  .diff-file.conflict {
+    border-top: none !important;
+  }
+  .diff-file.conflict .head,
+  .diff-file.conflict .origin {
+    position: relative;
+  }
+  .diff-file.conflict .head::before,
+  .diff-file.conflict .origin::before {
+    content: '';
+    opacity: 0.35;
+    position: absolute;
+    pointer-events: none;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+  .diff-file.conflict .line_content:not(.header).head::before,
+  .diff-file.conflict .line_content:not(.header).origin::before {
+    opacity: 0.25;
+  }
+  .diff-file.conflict .line_content:not(.header).selected::before {
+    opacity: 0.25 !important;
+  }
+  .diff-file.conflict .unselected:not(#z)::before {
+    background-color: var(--darker) !important;
+  }
+  .diff-file.conflict .unselected .btn {
+    opacity: 0.5;
+  }
+  .diff-file.conflict .selected::before {
+    opacity: 0.5 !important;
+  }
+  .diff-file.conflict .head::before,
+  .diff-file.conflict .head > .btn {
+    border-color: var(--green) !important;
+    background-color: var(--green) !important;
+  }
+  .diff-file.conflict .origin::before,
+  .diff-file.conflict .origin > .btn {
+    border-color: var(--blue) !important;
+    background-color: var(--blue) !important;
+  }
+  .diff-file.conflict .editor-wrap.saved .editor {
+    border-color: var(--green) !important;
+  }
+  .code.white,
+  .code.none {
+    color: var(--light);
+    background-color: var(--dark);
+  }
+  .code.white .line_holder:not(#z) > td,
+  .code.none .line_holder:not(#z) > td {
+    color: var(--light) !important;
+  }
+  button.add-diff-note {
+    padding: 0 0 1px 1px;
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  button.add-diff-note:hover {
+    background-color: var(--darken) !important;
+  }
+  .code.white .line_holder .unfold:not(#z),
+  .code.none .line_holder .unfold:not(#z) {
+    color: var(--lighter) !important;
+  }
+  .code.white .line_holder .unfold:not(#z)::before,
+  .code.none .line_holder .unfold:not(#z)::before {
+    content: unset;
+  }
+  .code.white .line_holder.match:not(#z),
+  .code.none .line_holder.match:not(#z),
+  .code.white .line_holder.new-nonewline:not(#z),
+  .code.none .line_holder.new-nonewline:not(#z) {
+    background-color: var(--darken) !important;
+  }
+  .code.white .line_holder.match:not(#z) .line_content,
+  .code.none .line_holder.match:not(#z) .line_content,
+  .code.white .line_holder.new-nonewline:not(#z) .line_content,
+  .code.none .line_holder.new-nonewline:not(#z) .line_content {
+    color: var(--lighter) !important;
+  }
+  .code.white .line_holder .diff-line-num,
+  .code.none .line_holder .diff-line-num {
+    z-index: 1;
+    padding-right: 11px;
+    border-right: none !important;
+    box-shadow: inset -1px 0 var(--darker);
+  }
+  .code.white .line_holder .diff-line-num.new::after,
+  .code.none .line_holder .diff-line-num.new::after,
+  .code.white .line_holder .diff-line-num.old::after,
+  .code.none .line_holder .diff-line-num.old::after {
+    content: '';
+    z-index: -1;
+    opacity: 0.25;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    pointer-events: none;
+  }
+  .code.white .line_holder .diff-line-num.is-over::before,
+  .code.none .line_holder .diff-line-num.is-over::before {
+    content: '';
+    z-index: -1;
+    opacity: 0.45;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    pointer-events: none;
+  }
+  .code.white .line_holder .diff-line-num.old::after,
+  .code.none .line_holder .diff-line-num.old::after {
+    background-color: var(--red) !important;
+  }
+  .code.white .line_holder .diff-line-num.new::after,
+  .code.none .line_holder .diff-line-num.new::after {
+    background-color: var(--green) !important;
+  }
+  .code.white .line_holder .diff-line-num.is-over::before,
+  .code.none .line_holder .diff-line-num.is-over::before {
+    background-color: var(--darker) !important;
+  }
+  :not(#z) .code.white .line_holder .diff-line-num:not(.new):not(.old),
+  :not(#z) .code.none .line_holder .diff-line-num:not(.new):not(.old) {
+    background-color: var(--darken) !important;
+  }
+  .code.white .line_holder > [class *= 'line']:not([class *= 'num']),
+  .code.none .line_holder > [class *= 'line']:not([class *= 'num']) {
+    position: relative;
+    z-index: 1;
+    background-color: var(--t) !important;
+  }
+  .code.white .line_holder > [class *= 'line']:not([class *= 'num']).new,
+  .code.none .line_holder > [class *= 'line']:not([class *= 'num']).new,
+  .code.white .line_holder > [class *= 'line']:not([class *= 'num']).old,
+  .code.none .line_holder > [class *= 'line']:not([class *= 'num']).old {
+    background-color: var(--t) !important;
+  }
+  .code.white .line_holder > [class *= 'line']:not([class *= 'num']).new::after,
+  .code.none .line_holder > [class *= 'line']:not([class *= 'num']).new::after,
+  .code.white .line_holder > [class *= 'line']:not([class *= 'num']).old::after,
+  .code.none .line_holder > [class *= 'line']:not([class *= 'num']).old::after {
+    content: '';
+    z-index: -1;
+    opacity: 0.18;
+    position: absolute;
+    pointer-events: none;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+  .code.white .line_holder > [class *= 'line']:not([class *= 'num']).old::before,
+  .code.none .line_holder > [class *= 'line']:not([class *= 'num']).old::before {
+    color: var(--red) !important;
+  }
+  .code.white .line_holder > [class *= 'line']:not([class *= 'num']).old::after,
+  .code.none .line_holder > [class *= 'line']:not([class *= 'num']).old::after {
+    background-color: var(--red) !important;
+  }
+  .code.white .line_holder > [class *= 'line']:not([class *= 'num']).new::before,
+  .code.none .line_holder > [class *= 'line']:not([class *= 'num']).new::before {
+    color: var(--green) !important;
+  }
+  .code.white .line_holder > [class *= 'line']:not([class *= 'num']).new::after,
+  .code.none .line_holder > [class *= 'line']:not([class *= 'num']).new::after {
+    background-color: var(--green) !important;
+  }
+  .diff-comment-avatar,
+  .diff-comments-more-count {
+    border-color: var(--dark) !important;
+  }
+  .diff-comments-more-count,
+  .diff-notes-collapse {
+    border-radius: var(--avatar);
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .js-temp-notes-holder td {
+    border-color: var(--darker) !important;
+  }
+  .code.white .line_holder.diff-expanded > .line_content,
+  .code.none .line_holder.diff-expanded > .line_content {
+    background-color: var(--darken) !important;
+  }
+  .code.white .line_holder.diff-expanded > .diff-line-num,
+  .code.none .line_holder.diff-expanded > .diff-line-num {
+    box-shadow: none !important;
+  }
+  .code.white .line_holder.diff-expanded > td,
+  .code.none .line_holder.diff-expanded > td,
+  .code.white .line_holder.diff-expanded + :not(.diff-expanded) > td,
+  .code.none .line_holder.diff-expanded + :not(.diff-expanded) > td {
+    border-color: var(--darker) !important;
+  }
+  .code.white .line_holder[class *= 'holder']:not(.new):not(.old):hover > td[class *= 'line']:not(.match)::before,
+  .code.none .line_holder[class *= 'holder']:not(.new):not(.old):hover > td[class *= 'line']:not(.match)::before {
+    content: '';
+    z-index: -1;
+    opacity: 0.5;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    pointer-events: none;
+    background-color: var(--darker) !important;
+  }
+  .code.white .line_holder.old:hover > .diff-line-num::after,
+  .code.none .line_holder.old:hover > .diff-line-num::after,
+  .code.white .line_holder.new:hover > .diff-line-num::after,
+  .code.none .line_holder.new:hover > .diff-line-num::after {
+    opacity: 0.3 !important;
+  }
+  .code.white .line_holder.old:hover > td[class *= 'line']:not([class *= 'num'])::after,
+  .code.none .line_holder.old:hover > td[class *= 'line']:not([class *= 'num'])::after,
+  .code.white .line_holder.new:hover > td[class *= 'line']:not([class *= 'num'])::after,
+  .code.none .line_holder.new:hover > td[class *= 'line']:not([class *= 'num'])::after {
+    opacity: 0.3 !important;
+  }
+  .code.white.white,
+  .code.none.white {
+    color: var(--light);
+    background-color: var(--t);
+  }
+  .code.white tbody > tr.line_expansion.match:last-child > td,
+  .code.none tbody > tr.line_expansion.match:last-child > td {
+    border-bottom: none !important;
+  }
+  .group-list-tree::before {
+    border-color: var(--darker) !important;
+  }
+  .group-list-tree .folder-caret,
+  .group-list-tree .item-type-icon {
+    color: var(--lighter) !important;
+  }
+  .group-list-tree .group-row {
+    border-color: var(--darker) !important;
+  }
+  .group-list-tree .group-row a {
+    color: var(--light) !important;
+  }
+  .group-list-tree .group-row::before {
+    border-color: var(--darker) !important;
+  }
+  .group-list-tree .group-row-contents:hover {
+    background-color: var(--darken) !important;
+  }
+  .group-list-tree .group-row:last-child::before {
+    background-color: var(--bb) !important;
+  }
+  .group-list-tree .group-row .metadata {
+    margin-right: 10px;
+  }
+  .group-list-tree .group-row .description p,
+  .group-list-tree .group-row .stat-value {
+    color: var(--lighter) !important;
+  }
+  .group-list-tree .group-row .identicon.s40 {
+    line-height: 30px;
+  }
+  .group-list-tree .folder-caret {
+    margin-left: 10px;
+  }
+  .cover-block {
+    background-color: var(--darken) !important;
+  }
+  .cover-title,
+  .cover-status,
+  .cover-desc {
+    color: var(--light) !important;
+  }
+  .cover-controls .btn {
+    background-color: var(--dark) !important;
+  }
+  .calendar-hint {
+    color: var(--lighter) !important;
+  }
+  .calendar svg.contrib-calendar > g text {
+    fill: var(--light) !important;
+  }
+  .calendar svg.contrib-calendar > g rect {
+    fill: var(--accent) !important;
+  }
+  .calendar svg.contrib-calendar > g rect[fill = '#ededed'] {
+    opacity: 0.06;
+  }
+  .calendar svg.contrib-calendar > g rect[fill ^= 'rgb(17'] {
+    opacity: 0.2;
+  }
+  .calendar svg.contrib-calendar > g rect[fill ^= 'rgb(12'] {
+    opacity: 0.45;
+  }
+  .calendar svg.contrib-calendar > g rect[fill ^= 'rgb(82'] {
+    opacity: 0.7;
+  }
+  .calendar svg.contrib-calendar > g rect[fill ^= 'rgb(37'] {
+    opacity: 1;
+  }
+  .user-profile .projects-block,
+  .user-profile .activities-block {
+    padding: 0 12px;
+    background-color: var(--darken) !important;
+    border-radius: 4px;
+  }
+  .user-profile .activities-block [data-href] {
+    min-height: 40px;
+  }
+  .user-profile .activities-block [data-href] .hide:first-child:last-child {
+    display: flex !important;
+    justify-content: center;
+  }
+  .user-profile .activities-block [data-href] .hide:first-child:last-child > div {
+    display: none;
+  }
+  .user-profile .activities-block [data-href] .hide:first-child:last-child::before {
+    content: 'No recent activities';
+    font-size: 15px;
+    color: var(--light) !important;
+  }
+  .roadmap-container .roadmap-shell {
+    border-color: var(--darker) !important;
+    border-top: 1px solid var(--darker);
+  }
+  .roadmap-container .timeline-header-blank,
+  .roadmap-container .timeline-header-item {
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+  }
+  .roadmap-container .timeline-header-blank::before {
+    border-color: var(--darker) !important;
+    box-shadow: none !important;
+    background: linear-gradient(to bottom, var(--shadow) 0%, var(--t) 100%) !important;
+  }
+  .roadmap-container .timeline-header-item .item-label {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+  }
+  .roadmap-container .timeline-header-item .item-sublabel .sublabel-value {
+    color: var(--lighter) !important;
+  }
+  .roadmap-container .timeline-header-item .item-sublabel .label-bold {
+    color: var(--light) !important;
+  }
+  .roadmap-container .milestones-list-title {
+    background-color: var(--bb) !important;
+  }
+  .roadmap-container .milestones-list-title::after {
+    width: 4px;
+    right: -4px;
+    background: linear-gradient(to right, var(--shadow) 0%, var(--t) 100%);
+  }
+  .roadmap-container .milestone-start-and-end {
+    border-color: var(--darker) !important;
+  }
+  .roadmap-container .milestone-timeline-cell {
+    background-color: var(--dark) !important;
+  }
+  .roadmap-container .milestone-item-details {
+    color: var(--lighter) !important;
+  }
+  .roadmap-container .milestone-item-details .timeline-bar,
+  .roadmap-container .milestone-item-details .timeline-bar::before {
+    background-color: var(--lighter) !important;
+  }
+  .roadmap-container .milestone-item-details .timeline-bar::after {
+    border-color: var(--lighter) !important;
+    background-color: var(--light) !important;
+  }
+  .roadmap-container .milestone-url {
+    color: var(--lighter) !important;
+  }
+  .roadmap-container .milestone-item-details:hover .timeline-bar,
+  .roadmap-container .milestone-item-details:hover .timeline-bar::before {
+    background-color: var(--light) !important;
+  }
+  .roadmap-container .milestone-item-details:hover .milestone-url {
+    color: var(--light) !important;
+  }
+  .roadmap-container .epic-bar {
+    background-color: var(--blue) !important;
+  }
+  .roadmap-container .epic-bar-child-epic {
+    border-color: var(--blue) !important;
+    background-color: var(--bb) !important;
+  }
+  .roadmap-container .epic-bar-child-epic p,
+  .roadmap-container .epic-bar-child-epic svg {
+    color: var(--blue) !important;
+  }
+  .roadmap-container .epic-bar-child-epic .progress-bar {
+    background-color: var(--blue) !important;
+  }
+  .roadmap-container .epic-details-cell {
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+  }
+  .roadmap-container .epic-timeline-cell {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .roadmap-container .epics-list-item:hover > .epic-timeline-cell {
+    background-color: var(--bb) !important;
+  }
+  .roadmap-container .epic-group-timeframe {
+    color: var(--lighter) !important;
+  }
+  .roadmap-container .epic-title,
+  .roadmap-container .epic-title > a {
+    color: var(--light) !important;
+  }
+  .roadmap-container .timeline-header-blank::after,
+  .roadmap-container .milestones-list-title::after,
+  .roadmap-container .epic-details-cell::after {
+    width: 4px;
+    right: -4px;
+    background: linear-gradient(to right, var(--shadow) 0%, var(--t) 100%);
+  }
+  .roadmap-container .current-day-indicator,
+  .roadmap-container .current-day-indicator-header {
+    background-color: var(--accent) !important;
+  }
+  .notes::before {
+    border-color: var(--darken) !important;
+  }
+  .notes .system-note .timeline-icon {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .notes .system-note .timeline-icon svg {
+    fill: var(--lighter) !important;
+  }
+  .notes .system-note a:not(.gl-link):not(.gfm) {
+    color: var(--accent) !important;
+  }
+  .notes.timeline > .timeline-entry {
+    border-color: var(--darker) !important;
+  }
+  .notes.timeline > .timeline-entry:not(.system-note):not(.note-form) {
+    background-color: var(--dark) !important;
+  }
+  .notes.timeline > .timeline-entry.target:not(#z) {
+    border-color: var(--blue) !important;
+    background-color: var(--bb) !important;
+  }
+  .notes.timeline > .timeline-entry .note-text.md {
+    color: var(--light) !important;
+  }
+  .notes.timeline > .timeline-entry .note-text::after {
+    background: linear-gradient(var(--t) -100px, var(--bb) 100%) !important;
+  }
+  .notes.timeline > .timeline-entry .note-text + .flex-list div[class *= 'toggle'] {
+    color: var(--accent) !important;
+  }
+  .notes.timeline > .timeline-entry .note-text + .description-version > pre.wrapper {
+    border-radius: 4px;
+  }
+  .notes.timeline > .timeline-entry .note-actions-item > [class *= 'button']:hover::before {
+    content: unset !important;
+  }
+  .notes.timeline > .timeline-entry .note-actions-item > [class *= 'button']:hover svg {
+    fill: var(--light) !important;
+  }
+  .notes.timeline > .timeline-entry .note-actions-item.js-reply-button > .gl-button {
+    border: none !important;
+    background-color: var(--t) !important;
+  }
+  .notes.timeline > .timeline-entry .edited-text,
+  .notes.timeline > .timeline-entry .edited-text .author-link {
+    color: var(--lighter) !important;
+  }
+  .notes.timeline > .timeline-entry .notes-content {
+    border-color: var(--darker) !important;
+  }
+  [class *= 'author-name'] {
+    color: var(--light) !important;
+  }
+  [class *= 'headline-light'],
+  [class *= 'headline-light'] [class *= 'separator'] {
+    color: var(--lighter) !important;
+  }
+  [class *= 'headline-light'] a:hover,
+  [class *= 'headline-light'] a:hover time {
+    color: var(--accent) !important;
+  }
+  .notes .replies-toggle {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .notes .replies-toggle:not(.expanded) {
+    border-bottom: 0;
+  }
+  .notes .replies-toggle.collapsed {
+    border-radius: 0 0 3px 3px;
+  }
+  .notes .replies-toggle.expanded {
+    background-color: var(--darken) !important;
+  }
+  .notes .replies-toggle span,
+  .notes .replies-toggle a {
+    color: var(--light) !important;
+  }
+  [class *= 'award-control-'],
+  [class *= 'award-control-'] svg {
+    fill: var(--lighter) !important;
+  }
+  [class *= 'award-control-']:hover svg {
+    fill: var(--light) !important;
+  }
+  [class *= 'award-control-'].is-active svg {
+    fill: var(--accent) !important;
+  }
+  .notes .user-access-role {
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .emoji-menu {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: var(--bshadow);
+  }
+  .emoji-menu input {
+    background-color: var(--dark) !important;
+  }
+  .idiff.addition {
+    color: var(--green) !important;
+    background-color: var(--t) !important;
+  }
+  .idiff.deletion {
+    color: var(--red) !important;
+    background-color: var(--t) !important;
+  }
+  .line-resolve-all {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .line-resolve-btn {
+    color: var(--lighter) !important;
+  }
+  .line-resolve-btn.is-disabled svg {
+    fill: var(--lighter) !important;
+  }
+  .line-resolve-btn.is-active {
+    color: var(--green) !important;
+  }
+  .line-resolve-btn.is-active svg {
+    fill: var(--green) !important;
+  }
+  .notes_holder {
+    font-family: var(--ui-font) !important;
+  }
+  .notes_holder > td,
+  .notes_holder .notes {
+    background-color: var(--t) !important;
+  }
+  .notes_holder [class *= 'reply-holder'] {
+    margin-bottom: -1px;
+  }
+  .notes_holder .timeline-entry.note {
+    color: var(--light) !important;
+    background-color: var(--dark) !important;
+  }
+  .notes_holder .timeline-entry.note .replies-toggle,
+  .notes_holder .timeline-entry.note [class *= 'reply-holder'] {
+    border-bottom: 1px solid var(--darker);
+  }
+  .notes.timeline > .discussion-filter-note {
+    color: var(--light) !important;
+  }
+  .notes.timeline > .discussion-filter-note .timeline-icon {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .epic-tabs-content .card-header .issue-count-badge {
+    background-color: var(--t) !important;
+  }
+  .status-at-risk {
+    color: var(--red) !important;
+    background-color: rgba(255,0,102,0.125) !important;
+  }
+  .status-on-track {
+    color: var(--green) !important;
+    background-color: rgba(0,255,102,0.125) !important;
+  }
+  .status-needs-attention {
+    color: var(--orange) !important;
+    background-color: rgba(255,102,0,0.125) !important;
+  }
+  .status-at-risk > .gl-label-text,
+  .status-on-track > .gl-label-text,
+  .status-needs-attention > .gl-label-text {
+    color: inherit !important;
+  }
+  .bullet-separator {
+    color: var(--lighter) !important;
+  }
+  .gl-label[class *= 'status-'] > .gl-label-text {
+    box-shadow: none !important;
+  }
+  .sortable-drag {
+    background-color: var(--t) !important;
+    box-shadow: none !important;
+  }
+  .js-comment-form .float-left.btn-group {
+    float: unset !important;
+  }
+  .discussion-header {
+    border-color: var(--darker) !important;
+  }
+  .discussion-actions button {
+    color: var(--lighter) !important;
+  }
+  .discussion-headline-light a {
+    color: var(--accent) !important;
+  }
+  .discussion .timeline-entry {
+    color: var(--light) !important;
+    background-color: var(--dark) !important;
+  }
+  .discussion .timeline-entry.target {
+    background-color: var(--bb) !important;
+  }
+  .discussion-body .notes_holder li.note,
+  .discussion-body .notes li.note:not(:first-child) {
+    border-radius: 0;
+  }
+  .discussion-body .file-title {
+    top: 98px !important;
+  }
+  .discussion-reply-holder {
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+  }
+  .discussion-reply-holder > .discussion-notes {
+    background-color: var(--t) !important;
+    box-shadow: none !important;
+  }
+  .discussion-reply-holder .btn:not(.btn-success) {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .disabled-comment {
+    padding: 8px 0;
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .disabled-comment a:not(.learn-more) {
+    color: var(--accent) !important;
+  }
+  .disabled-comment .issuable-note-warning {
+    color: var(--orange) !important;
+    border-color: var(--t) !important;
+    background-color: var(--t) !important;
+  }
+  .disabled-comment .issuable-note-warning svg {
+    fill: var(--orange) !important;
+  }
+  .discussion-form {
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+  }
+  .draft-note-component {
+    background-color: var(--t) !important;
+  }
+  .draft-note-component .drafts-count-component {
+    color: var(--white) !important;
+    background-color: var(--green) !important;
+  }
+  .review-bar-component {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .note-form {
+    background-color: var(--t) !important;
+  }
+  .issuable-note-warning {
+    color: var(--orange) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .issuable-note-warning a {
+    color: var(--orange) !important;
+  }
+  .md-area {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .toolbar-btn svg {
+    fill: var(--lighter) !important;
+  }
+  .toolbar-btn svg:hover {
+    fill: var(--light) !important;
+  }
+  .md-area.is-focused {
+    border-color: var(--blue) !important;
+    box-shadow: 0 0 0.4rem -0.2rem var(--blue) !important;
+  }
+  .md-area .markdown-selector {
+    color: var(--accent) !important;
+  }
+  .md-area .markdown-area {
+    color: var(--light) !important;
+    background-color: var(--t) !important;
+  }
+  .md-area .comment-toolbar {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+  }
+  .md-area textarea {
+    font-family: var(--mono-font);
+  }
+  .note-form .timeline-icon {
+    background-color: var(--t) !important;
+  }
+  .referenced-commands {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .zen-control svg {
+    fill: var(--lighter) !important;
+  }
+  .zen-backdrop.fullscreen {
+    background-color: var(--dark) !important;
+  }
+  .note-form-actions {
+    color: var(--lighter) !important;
+  }
+  .board-inner {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .board-title {
+    border-color: var(--darker) !important;
+  }
+  .board-title-caret:hover {
+    background-color: var(--darken) !important;
+  }
+  .board-list-count {
+    color: var(--lighter) !important;
+  }
+  .board .issue-count-badge {
+    background-color: var(--t) !important;
+  }
+  .board .form-control {
+    background-color: var(--dark) !important;
+  }
+  .board-card {
+    border-top: 1px solid var(--darker) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: none;
+  }
+  .board-card-header a,
+  .board-card-title a {
+    color: var(--light) !important;
+  }
+  .board-card-number {
+    color: var(--lighter) !important;
+  }
+  .board-card-weight {
+    color: var(--light) !important;
+  }
+  .board-card:last-child {
+    margin-bottom: 0.25rem;
+  }
+  .board-delete:not(:hover) {
+    opacity: 0.6;
+  }
+  .issue-boards-content.is-focused {
+    background-color: var(--bb) !important;
+  }
+  .board-blank-state,
+  .board-promotion-state {
+    background-color: var(--t) !important;
+  }
+  .top-space #hide-btn {
+    margin-top: 15px;
+  }
+  .board-inner > header h3 {
+    min-height: 51px !important;
+  }
+  .boards-list,
+  .board-swimlanes {
+    --offset: 0px;
+    height: calc(100vh - 114px - var(--offset));
+  }
+  @media (min-width: 768px) {
+    .boards-list,
+    .board-swimlanes {
+      height: calc(100vh - 167px - var(--offset));
+    }
+  }
+  @media (max-width: 767.98px) and (min-width: 576px) {
+    .boards-list,
+    .board-swimlanes {
+      height: calc(100vh - 99px - var(--offset));
+    }
+  }
+  .boards-app .add-issues-container {
+    border: 1px solid;
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .boards-app .add-issues-container > div > header {
+    background-color: var(--darken) !important;
+  }
+  .boards-app .add-issues-container .board-card.is-active {
+    background-color: rgba(34,136,255,0.082) !important;
+  }
+  .boards-app .add-issues-container .board-card.is-active svg.gl-icon {
+    color: var(--white) !important;
+    border-color: var(--blue) !important;
+    background-color: var(--blue) !important;
+    fill: var(--white) !important;
+  }
+  .boards-app .add-issues-container .btn.close {
+    top: -5px;
+  }
+  .boards-app .add-issues-container .filtered-search {
+    background-color: var(--t) !important;
+  }
+  .boards-app .add-issues-container .clear-search {
+    background-color: var(--t) !important;
+  }
+  .milestones .milestone:not(:last-child) {
+    margin-bottom: 8px;
+  }
+  .milestone .label-badge-gray {
+    color: var(--light) !important;
+  }
+  .milestone-content .card-header {
+    border-color: var(--t) !important;
+  }
+  .milestone-content .card-header.bg-primary {
+    color: var(--accent) !important;
+  }
+  .milestone-content li.issuable-row {
+    background-color: var(--dark) !important;
+  }
+  .milestone-content li.issuable-row:first-child {
+    border-top: 1px solid var(--darker) !important;
+  }
+  .milestone-content li.issuable-row:last-child {
+    border-radius: 0 0 4px 4px;
+  }
+  .milestone-content li.issuable-row .issuable-number {
+    color: var(--lighter) !important;
+  }
+  .manage-labels-list li {
+    background-color: var(--t) !important;
+  }
+  .burndown-chart {
+    background-color: var(--dark) !important;
+    border-radius: 4px;
+    box-shadow: inset 0 0 0 1px var(--darker);
+  }
+  .burndown-chart text {
+    fill: var(--light) !important;
+  }
+  .burndown-chart .axis-label text {
+    fill: var(--light) !important;
+  }
+  .burndown-chart .axis-label line,
+  .burndown-chart .axis line,
+  .burndown-chart .axis path {
+    stroke: var(--lighter) !important;
+  }
+  .burndown-chart .line.ideal {
+    stroke: var(--lighter) !important;
+  }
+  .burndown-chart .line.actual {
+    stroke: var(--green) !important;
+  }
+  .burndown-chart .legend rect {
+    stroke: var(--lighter) !important;
+  }
+  .burndown-chart .legend text {
+    fill: var(--light) !important;
+  }
+  .gl-legend,
+  .gl-legend-inline {
+    color: var(--light) !important;
+  }
+  .burndown-chart [style *= '221, 221, 221'] {
+    fill: var(--darker) !important;
+  }
+  .burndown-chart [stroke = '#ddd'],
+  .burndown-chart [stroke = '#dfdfdf'],
+  .burndown-chart [stroke = '#919191'] {
+    stroke: var(--darker) !important;
+  }
+  .burndown-chart [stroke = '#1f78d1'] {
+    stroke: var(--blue) !important;
+  }
+  .burndown-chart [fill = '#1f78d1'],
+  .burndown-chart [fill *= '34,132,229'],
+  .burndown-chart [style *= '31, 120, 209'] {
+    fill: var(--blue) !important;
+  }
+  .content-block.burndown-hint {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    border-radius: 4px;
+  }
+  .content-block.burndown-hint svg path[fill = '#fff'] {
+    fill: var(--t) !important;
+  }
+  .js-burndown-data-selector .btn-primary {
+    color: var(--white) !important;
+    border-color: var(--blue) !important;
+    background-color: var(--blue) !important;
+  }
+  [class *= '-tabs-holder'] {
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+    top: 50px;
+  }
+  .mr-version-controls {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+    top: 98px;
+  }
+  .design-detail {
+    background-color: var(--t) !important;
+  }
+  .design-detail::before {
+    content: '';
+    z-index: -1;
+    opacity: 0.9;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--darken) !important;
+  }
+  .design-detail header {
+    border-bottom: 1px solid var(--darker);
+  }
+  .design-detail .frame .badge-pill {
+    color: var(--white) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--accent) !important;
+  }
+  .design-detail .image-notes {
+    border-left: 1px solid var(--darker);
+    background-color: var(--dark) !important;
+  }
+  .design-detail .image-notes .design-discussion {
+    background-color: var(--darken) !important;
+  }
+  .design-detail .image-notes .design-discussion::before,
+  .design-detail .image-notes .design-discussion .reply-wrapper {
+    border-color: var(--darker) !important;
+  }
+  .design-detail .image-notes .design-discussion .btn-text-field {
+    background-color: var(--dark) !important;
+  }
+  .design-detail .image-notes .badge-pill,
+  .design-detail .image-notes .key {
+    color: var(--white) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--accent) !important;
+    box-shadow: none;
+  }
+  .file-holder {
+    background-color: var(--dark) !important;
+  }
+  .file-holder.file-holder-bottom-radius {
+    border-radius: 0 0 4px 4px;
+  }
+  .file-holder.file-holder-bottom-radius .file-title {
+    border-radius: 0;
+  }
+  .file-fork-suggestion {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .file-editor .nav-links {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    border-radius: 4px 4px 0 0;
+  }
+  .file-editor .file-title {
+    border-radius: 4px 4px 0 0;
+  }
+  .file-editor .file-title-flex-parent > .form-control {
+    background-color: var(--dark) !important;
+  }
+  .file-editor .file-title [data-toggle = 'dropdown'] {
+    background-color: var(--dark) !important;
+  }
+  .file .toolbar-btn:hover svg {
+    fill: var(--light) !important;
+  }
+  .file .btn,
+  .file .encoding-selector,
+  .file #preview {
+    font-family: var(--ui-font);
+  }
+  .file .editor-ref {
+    border-color: var(--darker) !important;
+    background-color: var(--t) !important;
+  }
+  .template-selectors-menu {
+    border-color: var(--darker) !important;
+  }
+  .template-selector-dropdowns-wrap > div[class] {
+    font-family: var(--ui-font);
+  }
+  .file input,
+  .file .btn,
+  .file .select2-choice {
+    background-color: var(--dark) !important;
+  }
+  .file .btn[class *= 'active'] {
+    background-color: var(--darker) !important;
+  }
+  .ace-tm {
+    border-radius: 0 0 3px 3px !important;
+    color: var(--light) !important;
+    background-color: var(--dark) !important;
+  }
+  .ace_gutter {
+    border-radius: 0 0 0 3px;
+    color: var(--lighter) !important;
+    background-color: var(--darken) !important;
+    box-shadow: 1px 0 var(--darker);
+  }
+  .ace_gutter-cell {
+    background-color: var(--t) !important;
+  }
+  .ace_gutter + .ace_scroller {
+    border-radius: 0 0 3px 0;
+  }
+  .ace_gutter-active-line,
+  .ace_active-line {
+    background-color: var(--darken) !important;
+  }
+  .ace_selected-word,
+  .ace_selection {
+    background-color: var(--blue) !important;
+    opacity: 0.3;
+  }
+  .ace_cursor {
+    color: var(--accent) !important;
+  }
+  .ace_indent-guide {
+    background: none;
+    box-shadow: inset -1px 0 var(--darker);
+  }
+  .ace_print-margin {
+    background-color: var(--darker) !important;
+  }
+  .ace_search {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: var(--bshadow);
+  }
+  .ace_search_form,
+  .ace_search_field {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .ace_search [action] {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .ace_search_options {
+    margin: 4px 0 0 -2px;
+    text-align: left;
+  }
+  .ace_search_options .ace_button {
+    padding: 4px;
+    border-radius: 3px;
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .ace_search_options .ace_button:hover,
+  .ace_search_options .ace_button.checked {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .ace_scroller.ace_scroll-left {
+    box-shadow: inset 17px 0 16px -16px var(--shadow);
+  }
+  .ace_url {
+    color: var(--accent) !important;
+  }
+  .ace_list {
+    color: var(--magenta) !important;
+  }
+  .ace_name.ace_function {
+    color: var(--violet) !important;
+  }
+  .ace_line,
+  .ace_constant,
+  .ace_numeric {
+    color: var(--light) !important;
+  }
+  .file_type.ace_support,
+  .file_function.ace_support {
+    color: var(--lighter) !important;
+  }
+  .ace_variable,
+  .ace_string,
+  .ace_comment {
+    color: var(--green) !important;
+  }
+  .ace_heading,
+  .ace_storage,
+  .ace_keyword,
+  .ace_meta.ace_tag {
+    color: var(--blue) !important;
+  }
+  .labels-container,
+  .milestones {
+    background-color: var(--darken) !important;
+  }
+  .manage-labels-list > li:not(.empty-message):not(.no-border),
+  .milestones > ul > li:not(.empty-message):not(.no-border) {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  [data-page *= 'network:show'] .row-content-block {
+    background-color: var(--t) !important;
+  }
+  [data-page *= 'network:show'] .row-content-block + div {
+    padding: 0;
+  }
+  [data-page *= 'network:show'] .project-network {
+    margin-top: 16px;
+    border-color: var(--darker) !important;
+    border-radius: 4px;
+  }
+  [data-page *= 'network:show'] .project-network .controls {
+    border-radius: 3px 3px 0 0;
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  [data-page *= 'network:show'] .project-network .controls input {
+    background-color: var(--dark) !important;
+  }
+  [data-page *= 'network:show'] .project-network .network-graph {
+    background-color: var(--dark) !important;
+  }
+  [data-page *= 'network:show'] text {
+    fill: var(--light) !important;
+  }
+  [data-page *= 'network:show'] rect[fill = '#222222'] {
+    fill: var(--darken) !important;
+    stroke: var(--t) !important;
+  }
+  [data-page *= 'network:show'] rect[fill = '#444444'] {
+    fill: var(--bb) !important;
+    stroke: var(--t) !important;
+  }
+  [data-page *= 'network:show'] rect[transform = 'matrix(1,0,0,1,20,20)'] {
+    fill: var(--darken) !important;
+    stroke: var(--darker) !important;
+  }
+  [data-page *= 'network:show'] rect[style = 'fill-opacity: 0.5;'],
+  [data-page *= 'network:show'] path[style = 'fill-opacity: 0.5;'] {
+    fill: var(--accent) !important;
+  }
+  [data-page *= 'network:show'] rect[style = 'fill-opacity: 0.5;'] + text[style],
+  [data-page *= 'network:show'] path[style = 'fill-opacity: 0.5;'] + text[style] {
+    fill: var(--white) !important;
+  }
+  [data-page *= 'network:show'] rect[stroke = '#cc7a7a'],
+  [data-page *= 'network:show'] path[stroke = '#cc7a7a'] {
+    stroke: var(--light) !important;
+  }
+  [data-page *= 'network:show'] rect[stroke = '#cccccc'],
+  [data-page *= 'network:show'] path[stroke = '#cccccc'] {
+    stroke: var(--lighter) !important;
+  }
+  [data-page *= 'network:show'] rect[stroke = '#cc0000'],
+  [data-page *= 'network:show'] path[stroke = '#cc0000'] {
+    stroke: var(--red) !important;
+  }
+  [data-page *= 'network:show'] rect[stroke = '#00cc8f'],
+  [data-page *= 'network:show'] path[stroke = '#00cc8f'] {
+    stroke: var(--cyan) !important;
+  }
+  [data-page *= 'network:show'] rect[stroke = '#5283cc'],
+  [data-page *= 'network:show'] path[stroke = '#5283cc'] {
+    stroke: var(--blue) !important;
+  }
+  [data-page *= 'network:show'] rect[stroke = '#49cc29'],
+  [data-page *= 'network:show'] path[stroke = '#49cc29'] {
+    stroke: var(--green) !important;
+  }
+  [data-page *= 'network:show'] rect[stroke = '#7a29cc'],
+  [data-page *= 'network:show'] path[stroke = '#7a29cc'] {
+    stroke: var(--orange) !important;
+  }
+  [data-page *= 'network:show'] rect[stroke = '#ccc052'],
+  [data-page *= 'network:show'] path[stroke = '#ccc052'] {
+    stroke: var(--yellow) !important;
+  }
+  [data-page *= 'network:show'] rect[stroke = '#cc007a'],
+  [data-page *= 'network:show'] path[stroke = '#cc007a'] {
+    stroke: var(--violet) !important;
+  }
+  [data-page *= 'network:show'] rect[stroke = '#b8a3cc'],
+  [data-page *= 'network:show'] path[stroke = '#b8a3cc'] {
+    stroke: var(--magenta) !important;
+  }
+  [data-page *= 'network:show'] circle[fill = '#cc7a7a'] {
+    fill: var(--light) !important;
+  }
+  [data-page *= 'network:show'] circle[fill = '#cccccc'] {
+    fill: var(--lighter) !important;
+  }
+  [data-page *= 'network:show'] circle[fill = '#cc0000'] {
+    fill: var(--red) !important;
+  }
+  [data-page *= 'network:show'] circle[fill = '#00cc8f'] {
+    fill: var(--cyan) !important;
+  }
+  [data-page *= 'network:show'] circle[fill = '#5283cc'] {
+    fill: var(--blue) !important;
+  }
+  [data-page *= 'network:show'] circle[fill = '#49cc29'] {
+    fill: var(--green) !important;
+  }
+  [data-page *= 'network:show'] circle[fill = '#7a29cc'] {
+    fill: var(--orange) !important;
+  }
+  [data-page *= 'network:show'] circle[fill = '#ccc052'] {
+    fill: var(--yellow) !important;
+  }
+  [data-page *= 'network:show'] circle[fill = '#cc007a'] {
+    fill: var(--violet) !important;
+  }
+  [data-page *= 'network:show'] circle[fill = '#b8a3cc'] {
+    fill: var(--magenta) !important;
+  }
+  [data-page *= 'network:show'] [style *= 'Monaco'] {
+    font-family: var(--mono-font) !important;
+  }
+  [data-page *= 'network:show'] [class *= '-chart'] text tspan,
+  [_echarts_instance_ *= 'ec'] text tspan,
+  [data-page *= 'network:show'] [class *= '-chart'] [fill = '#2e2e2e'],
+  [_echarts_instance_ *= 'ec'] [fill = '#2e2e2e'] {
+    fill: var(--light);
+  }
+  [data-page *= 'network:show'] [class *= '-chart'] [fill = '#919191'],
+  [_echarts_instance_ *= 'ec'] [fill = '#919191'] {
+    fill: var(--lighter);
+  }
+  [data-page *= 'network:show'] [class *= '-chart'] [fill = '#dbdbdb'],
+  [_echarts_instance_ *= 'ec'] [fill = '#dbdbdb'] {
+    fill: var(--darker);
+  }
+  [data-page *= 'network:show'] [class *= '-chart'] [fill = '#dbdbdb'],
+  [_echarts_instance_ *= 'ec'] [fill = '#dbdbdb'] {
+    fill: var(--darker);
+  }
+  [data-page *= 'network:show'] [class *= '-chart'] [stroke = '#bfbfbf'],
+  [_echarts_instance_ *= 'ec'] [stroke = '#bfbfbf'] {
+    stroke: var(--darker);
+  }
+  [data-page *= 'network:show'] [class *= '-chart'] .gl-series-label,
+  [_echarts_instance_ *= 'ec'] .gl-series-label {
+    color: var(--light) !important;
+  }
+  [data-page *= 'network:show'] [class *= '-chart'] .gl-legend-series,
+  [_echarts_instance_ *= 'ec'] .gl-legend-series {
+    color: var(--lighter) !important;
+  }
+  .issues-analytics-legend {
+    color: var(--lighter) !important;
+  }
+  #cycle-analytics h4 {
+    color: var(--light) !important;
+  }
+  #cycle-analytics .empty-stage,
+  #cycle-analytics .no-access-stage {
+    color: var(--lighter) !important;
+  }
+  #cycle-analytics .card-header {
+    border-bottom: 1px solid var(--darker) !important;
+  }
+  #cycle-analytics .stage-nav {
+    margin-top: 4px;
+  }
+  #cycle-analytics .stage-nav-item {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+  }
+  #cycle-analytics .stage-nav-item.active {
+    border-color: var(--accent) !important;
+    background-color: var(--darken) !important;
+    box-shadow: inset 4px 0 var(--accent) !important;
+  }
+  #cycle-analytics .stage-nav-item:hover:not(.active) {
+    background-color: var(--darken) !important;
+    box-shadow: none !important;
+  }
+  #cycle-analytics .stage-nav-item .stage-empty,
+  #cycle-analytics .stage-nav-item .not-available {
+    color: var(--lighter) !important;
+  }
+  #cycle-analytics .stage-event-item {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+  }
+  #cycle-analytics .stage-event-item .total-time,
+  #cycle-analytics .stage-event-item .total-time span {
+    color: var(--lighter) !important;
+  }
+  #cycle-analytics .stage-event-item .issue-date,
+  #cycle-analytics .stage-event-item .build-date {
+    color: var(--lighter) !important;
+  }
+  #cycle-analytics .stage-event-item .issue-author-link,
+  #cycle-analytics .stage-event-item .issue-title,
+  #cycle-analytics .stage-event-item .issue-link {
+    color: var(--light) !important;
+  }
+  .dashboard-card-header-failed,
+  .dashboard-card-footer-failed {
+    background-color: var(--red-darken) !important;
+  }
+  .dashboard-card-body-failed {
+    background-color: var(--red-darker) !important;
+  }
+  .dashboard-card-body .gl-link {
+    color: var(--light) !important;
+  }
+  .dashboard-card-body .text-secondary {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .dashboard-card-body .ci-table {
+    margin-top: 0 !important;
+    border-radius: 0px !important;
+    border-color: var(--t) !important;
+    background-color: var(--t) !important;
+  }
+  [data-page ^= 'snippets:'] .snippet-header h2 {
+    color: var(--light) !important;
+  }
+  [data-page ^= 'snippets:'] .file-holder pre.code.highlight {
+    background-color: var(--dark) !important;
+  }
+  [data-page ^= 'snippets:'] .row-content-block.content-component-block {
+    background-color: var(--t) !important;
+  }
+  .search-results-row {
+    border-color: var(--darker) !important;
+  }
+  .search-results-row .author {
+    color: var(--accent) !important;
+  }
+  .search-results-row pre.code {
+    border-radius: 4px;
+  }
+  .search-results .blob-result {
+    margin: 16px 0;
+  }
+  .search-results .code.highlight.white {
+    background-color: var(--darken) !important;
+  }
+  .search-results .search-result-row {
+    border-color: var(--darker) !important;
+  }
+  .ide {
+    --ide-link-color: var(--accent);
+    --ide-text-color: var(--light);
+    --ide-input-color: var(--light);
+    --ide-border-color: var(--dark);
+    --ide-input-background: var(--darken);
+    --ide-text-color-secondary: var(--lighter);
+    --ide-highlight-background: var(--darken);
+    --ide-animation-gradient-1: var(--darker);
+    --ide-animation-gradient-2: var(--darken);
+    --ide-dropdown-hover-background: var(--darker);
+    --ide-dropdown-btn-hover-border: var(--darker);
+    --ide-dropdown-btn-hover-background: var(--darken);
+  }
+  .ide-view {
+    color: var(--light) !important;
+  }
+  .ide .sidebar-context-title {
+    color: var(--light) !important;
+  }
+  .ide .avatar-container {
+    background-color: var(--t) !important;
+  }
+  .ide-activity-bar svg.s16 {
+    fill: var(--lighter) !important;
+  }
+  .ide-activity-bar button.active {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+    box-shadow: inset 3px 0 var(--accent) !important;
+  }
+  .ide-activity-bar button.active.is-right {
+    box-shadow: inset -3px 0 var(--accent) !important;
+  }
+  .ide-activity-bar button.active::after {
+    background-color: var(--t) !important;
+  }
+  .ide-activity-bar button.active svg.s16 {
+    fill: var(--light) !important;
+  }
+  .ide .ide-right-sidebar .ide-activity-bar {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+  }
+  .ide .ide-right-sidebar .ide-pipeline-header {
+    margin: 0;
+    padding: 16px !important;
+  }
+  .ide .ide-right-sidebar .multi-file-commit-panel-inner {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .ide .ide-right-sidebar .multi-file-commit-panel .card-body {
+    background-color: var(--bb) !important;
+  }
+  .ide-sidebar-link:hover {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .ide .multi-file-commit-panel {
+    background-color: var(--darken) !important;
+  }
+  .ide .multi-file-commit-panel .ic-git-merge {
+    color: var(--lighter) !important;
+  }
+  .ide .multi-file-commit-panel-header,
+  .ide .multi-file-commit-form > form {
+    border-color: var(--darker) !important;
+  }
+  .ide .multi-file-commit-panel-header .ide-staged-action-btn {
+    background-color: var(--t) !important;
+  }
+  .ide .multi-file-commit-list-path:hover,
+  .ide .multi-file-commit-list-path:focus {
+    background-color: var(--darken) !important;
+  }
+  .ide .multi-file-commit-list-path.is-active {
+    background-color: var(--darker) !important;
+  }
+  .ide .multi-file-edit-pane {
+    border-color: var(--darker) !important;
+  }
+  .ide .multi-file-commit-panel-inner-content {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .ide .multi-file-commit-form {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .ide .multi-file-commit-form > .commit-form-compact {
+    border-color: var(--darker) !important;
+  }
+  .ide .multi-file-edit-pane {
+    border-color: var(--darker) !important;
+  }
+  .ide .multi-file-edit-pane-content > .ide-mode-tabs {
+    border-color: var(--darker) !important;
+  }
+  .ide .multi-file-tabs {
+    background-color: var(--darken) !important;
+    box-shadow: none;
+  }
+  .ide .multi-file-tabs li {
+    color: var(--lighter) !important;
+    border-color: var(--darken) !important;
+    background-color: var(--darken) !important;
+  }
+  .ide .multi-file-tabs li:hover {
+    background-color: rgba(136,136,136,0.082) !important;
+  }
+  .ide .multi-file-tabs li.active {
+    color: var(--light) !important;
+    border-color: var(--dark) !important;
+    background-color: var(--dark) !important;
+  }
+  .ide .multi-file-tab-close {
+    color: var(--lighter) !important;
+  }
+  .ide .multi-file-tab-close:not([disabled]):hover {
+    background-color: var(--darker) !important;
+  }
+  .ide-file-templates {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .ide-file-templates [class *= 'menu-toggle'] {
+    background-color: var(--dark) !important;
+  }
+  .ide-file-list .ide-tree-header {
+    border-color: var(--darker) !important;
+  }
+  .ide-file-list .ide-tree-body .file-row:hover,
+  .ide-file-list .ide-tree-body .file-row.is-active {
+    background-color: var(--darken) !important;
+  }
+  .ide-file-list .ide-tree-body .ide-entry-dropdown-toggle {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .ide-review-sub-header {
+    color: var(--lighter) !important;
+  }
+  .ide-review-header a {
+    color: var(--accent) !important;
+  }
+  .ide-commit-editor-header {
+    background-color: var(--darken) !important;
+    box-shadow: inset 0 -1px var(--darker);
+  }
+  .ide-commit-list-container.is-first {
+    border-color: var(--darker) !important;
+  }
+  .ide-commit-message-field {
+    background-color: var(--t) !important;
+  }
+  .ide-commit-message-field .md-area {
+    background-color: var(--darken) !important;
+  }
+  .ide-commit-message-textarea-container .note-textarea {
+    font-family: var(--mono-font) !important;
+    color: var(--light) !important;
+  }
+  .ide-nav-form li a:not(.active) {
+    background-color: var(--t) !important;
+  }
+  .ide-nav-form ul > li {
+    width: 100%;
+  }
+  .ide-tree-header {
+    border-color: var(--darker) !important;
+  }
+  .ide-tree-header svg {
+    color: var(--lighter) !important;
+  }
+  .ide-tree-header svg:hover {
+    color: var(--accent) !important;
+  }
+  .ide .drag-handle:hover {
+    background-color: var(--darker) !important;
+  }
+  .ide .drag-handle.is-dragging {
+    background-color: var(--accent) !important;
+  }
+  .ide-status-bar {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .ide-status-bar .ide-status-avatar[src *= 'png;base64'] {
+    filter: invert(0.8);
+  }
+  .ide .diffOverview {
+    border-color: var(--darker) !important;
+    background-color: var(--bb) !important;
+  }
+  .ide .diffOverviewRuler {
+    filter: invert(0.8) hue-rotate(180deg);
+  }
+  .monaco-editor {
+    color: var(--light) !important;
+    background-color: var(--dark) !important;
+  }
+  .monaco-editor .margin {
+    border-color: var(--darker) !important;
+    background-color: var(--t) !important;
+  }
+  .monaco-editor .margin * {
+    font-family: var(--mono-font) !important;
+  }
+  .monaco-editor .line-numbers {
+    opacity: 0.6;
+    color: var(--lighter) !important;
+  }
+  .monaco-editor .current-line {
+    background-color: var(--darken) !important;
+  }
+  .monaco-editor .current-line ~ .line-numbers {
+    opacity: 1;
+    color: var(--light) !important;
+  }
+  .monaco-editor-background,
+  .monaco-editor .inputarea.ime-input {
+    background-color: var(--t) !important;
+  }
+  .monaco-editor .cigr,
+  .monaco-editor .cigra {
+    box-shadow: inset 1px 0 var(--darker) !important;
+  }
+  .monaco-editor .view-overlays .current-line {
+    border-color: var(--t) !important;
+    background-color: var(--darken) !important;
+  }
+  .monaco-editor .cursor {
+    color: var(--dark) !important;
+    border-color: var(--dark) !important;
+    background-color: var(--light) !important;
+  }
+  .monaco-editor .scroll-decoration {
+    box-shadow: inset 0 6px 6px -6px var(--dark);
+  }
+  .monaco-editor .mtk1 {
+    color: var(--light) !important;
+  }
+  .monaco-editor .mtk3,
+  .monaco-editor .mtk10 {
+    color: var(--lighter) !important;
+  }
+  .monaco-editor .mtk5,
+  .monaco-editor .mtk6,
+  .monaco-editor .mtk23 {
+    color: var(--blue) !important;
+  }
+  .monaco-editor .mtk7 {
+    color: var(--cyan) !important;
+  }
+  .monaco-editor .mtk8 {
+    color: var(--green) !important;
+  }
+  .monaco-editor .mtk11 {
+    color: var(--orange) !important;
+  }
+  .monaco-editor .mtk4,
+  .monaco-editor .mtk15,
+  .monaco-editor .mtk20 {
+    color: var(--red) !important;
+  }
+  .monaco-editor .mtk14,
+  .monaco-editor .mtk20 {
+    color: var(--magenta) !important;
+  }
+  .monaco-editor .mtk12,
+  .monaco-editor .mtk22,
+  .monaco-editor .mtk23 {
+    color: var(--cyan) !important;
+  }
+  .monaco-editor .lines-content .cursor {
+    color: var(--light) !important;
+    border-color: var(--accent) !important;
+    background-color: var(--accent) !important;
+  }
+  .monaco-editor .lines-content .current-line {
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+  }
+  .monaco-editor .selected-text {
+    background-color: var(--blue) !important;
+  }
+  .monaco-editor .selectionHighlight {
+    background-color: var(--darker) !important;
+  }
+  .monaco-editor .lines-content [class *= 'cigr'] {
+    box-shadow: inset 1px 0 var(--lighter);
+  }
+  .monaco-editor .monaco-quick-open-widget {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+    box-shadow: 0 0 0 1px var(--darker), var(--bshadow) !important;
+  }
+  .monaco-editor .monaco-quick-open-widget .results-group {
+    color: var(--lighter) !important;
+  }
+  .monaco-editor .monaco-quick-open-widget .label-name {
+    color: var(--light) !important;
+  }
+  .monaco-editor .monaco-quick-open-widget .label-name .highlight {
+    color: var(--accent) !important;
+  }
+  .monaco-editor .monaco-quick-open-widget .monaco-tree-row:hover,
+  .monaco-editor .monaco-quick-open-widget .monaco-tree-row.focused {
+    color: var(--accent) !important;
+    background-color: var(--darker) !important;
+  }
+  .monaco-editor .monaco-inputbox {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .monaco-editor .monaco-inputbox input {
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .monaco-editor .find-widget {
+    color: var(--light) !important;
+    border-color: var(--accent) !important;
+    background-color: var(--darken) !important;
+    box-shadow: var(--bshadow);
+  }
+  .monaco-editor .find-widget .button,
+  .monaco-editor .find-widget .label {
+    filter: invert(1) hue-rotate(180deg);
+  }
+  .monaco-editor .monaco-sash {
+    background-color: var(--darker) !important;
+  }
+  .monaco-editor .find-widget textarea {
+    color: var(--light) !important;
+    background-color: var(--dark) !important;
+  }
+  .monaco-editor .accessibilityHelpWidget {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: 0 0 0 1px var(--darker), var(--bshadow);
+  }
+  .monaco-menu-container .monaco-scrollable-element {
+    box-shadow: var(--bshadow) !important;
+  }
+  .monaco-menu-container .monaco-action-bar {
+    background-color: var(--dark) !important;
+    box-shadow: inset 0 0 0 1px var(--darker), var(--bshadow) !important;
+  }
+  .monaco-menu-container .monaco-action-bar .action-item > a {
+    color: var(--lighter) !important;
+    background-color: var(--t) !important;
+  }
+  .monaco-menu-container .monaco-action-bar .action-item.focused a {
+    color: var(--light) !important;
+    background-color: var(--darken) !important;
+  }
+  .monaco-menu-container .monaco-action-bar .action-item.disabled a {
+    border-color: var(--darker) !important;
+  }
+  .monaco-editor .scroll-decoration {
+    box-shadow: inset var(--bshadow) !important;
+  }
+  .monaco-editor .tokens-inspect-widget {
+    color: var(--light) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .monaco-editor .findOptionsWidget {
+    border-color: var(--darker) !important;
+    background-color: var(--darker) !important;
+    box-shadow: var(--bshadow);
+  }
+  .monaco-editor .monaco-editor-hover {
+    border-color: var(--darker) !important;
+    background-color: var(--dark) !important;
+  }
+  .monaco-editor .cslr.selected-text {
+    background-color: var(--darker);
+  }
+  .monaco-editor .selectionHighlight {
+    background-color: var(--darker) !important;
+  }
+  .monaco-editor .tree {
+    color: var(--lighter) !important;
+    border-color: var(--darker) !important;
+    background-color: var(--darken) !important;
+    box-shadow: var(--bshadow);
+  }
+  .monaco-editor .tree .focused {
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+  .monaco-editor .dirty-diff-added {
+    background-color: var(--green) !important;
+  }
+  .monaco-editor .dirty-diff-modified {
+    background-color: var(--blue) !important;
+  }
+  .monaco-editor .inline-deleted-margin-view-zone,
+  .monaco-editor .char-delete {
+    background-color: rgba(255,0,0,0.314) !important;
+  }
+  .monaco-editor .inline-added-margin-view-zone,
+  .monaco-editor .char-insert {
+    background-color: rgba(0,255,0,0.314) !important;
+  }
+  .monaco-editor .line-delete {
+    color: var(--white) !important;
+    border-color: var(--shadow) !important;
+    background-color: rgba(117,0,0,0.65) !important;
+  }
+  .monaco-editor .line-insert {
+    color: var(--white) !important;
+    border-color: var(--shadow) !important;
+    background-color: rgba(79,88,0,0.75) !important;
+  }
+  .monaco-editor .current-line-margin {
+    border-color: var(--darker) !important;
+    background-color: var(--darker) !important;
+  }
+  .hover-overlay hr {
+    background-color: var(--darker) !important;
+  }
+  .hover-overlay__contents {
+    border-color: var(--darker) !important;
+  }
+  .hover-overlay--gitlab .hljs-comment,
+  .hover-overlay--gitlab .hljs-quote {
+    color: var(--lighter) !important;
+  }
+  .hover-overlay--gitlab .hljs-section,
+  .hover-overlay--gitlab .hljs-selector-id,
+  .hover-overlay--gitlab .hljs-title {
+    color: var(--light) !important;
+  }
+  .hover-overlay .loading-spinner {
+    border-color: var(--darker) !important;
+    border-top-color: var(--accent) !important;
+  }
+  line[id *= 'dag-'][stroke = '#f2f2f2'] {
+    stroke: #808080 !important;
+  }
+  .devops-card-high .board-card-score-big {
+    background-color: var(--success) !important;
+  }
+  .devops-card-low .board-card-score-big {
+    background-color: var(--red) !important;
+  }
+  .devops-step {
+    background-color: var(--darken) !important;
+  }
+  .board-card-score-value {
+    color: var(--lighter) !important;
+  }
+  [data-page='users:show'] .user-profile .cover-block {
+    padding-top: 80px;
+  }
+  [data-page='users:show'] .user-profile .cover-block .cover-controls {
+    top: 80px;
+  }
+  [data-page='users:show'] .user-profile .cover-block::before {
+    padding: 16px;
+    z-index: 999;
+    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';
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    min-height: 52px;
+    max-height: 208px;
+    text-align: center;
+    color: var(--light) !important;
+    background-color: var(--darker) !important;
+  }
+}
+@-moz-document domain('next.gitlab.com') {
+  .wrapper {
+    padding: 1rem;
+    min-height: calc(100vh - 2rem);
+  }
+  .wrapper h1,
+  .wrapper p {
+    color: var(--light) !important;
+  }
+  .wrapper a {
+    color: var(--accent) !important;
+  }
+  .wrapper * {
+    font-family: var(--ui-font);
+  }
+  .wrapper .bg {
+    filter: grayscale(1) invert(0.5) opacity(0.2);
+  }
+  .wrapper [class *= 'box'] {
+    background-color: var(--dark) !important;
+    border-radius: 4px;
+    box-shadow: inset 0 0 0 1px var(--darker), var(--bshadow);
+  }
+  .wrapper [class *= 'box'] .text-switch {
+    color: var(--lighter) !important;
+  }
+  .wrapper [class *= 'box'] [class *= 'toggle'] + label {
+    background-color: var(--darker) !important;
+  }
+  .wrapper [class *= 'box'] [class *= 'toggle'] + label::after {
+    background-color: var(--darker) !important;
+  }
+  .wrapper [class *= 'box'] [class *= 'toggle'] + label::before {
+    background-color: var(--dark) !important;
+  }
+  .wrapper [class *= 'box'] [class *= 'toggle']:checked + label::before {
+    background-color: var(--blue) !important;
+  }
+}