gitlab.user.css

/* ==UserStyle==
@name         Dark-GitLab 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      2.0.0-rc.14
@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'),
domain('git.najer.info'),
domain('gitplac.si'),
domain('git.rockylinux.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?://(web.archive.org/web/.*)?((next|www)\.)?(gitlab\.(?!(io|biterg)).*)(/.*)?$') {
  :root {
    --version: '🌚 Dark-GitLab v2.0.0-rc.14';
    --bshadow: 0 4px 8px var(--shadow);
    --shadow: rgba(0,0,0,0.251);
    --inverse: #fff;
    --avatar: 25%;
    --ac: #d47d3f;
    --ui-font: '"font_name"', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', 'Noto Sans', Ubuntu, Cantarell, 'Helvetica Neue', sans-serif, sans-serif, var(--emoji-font);
    --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';
    --bg-0: hsla(0,0%,14.51%,1);
    --bg-1: hsla(0,0%,16.08%,1);
    --bg-2: hsla(0,0%,19.61%,1);
    --bg-3: hsla(0,0%,22.36%,1);
    --bg-4: hsla(0,0%,26.28%,1);
    --bg-5: hsla(0,0%,30.59%,1);
    --fg-0: hsla(0,0%,91.38%,1);
    --fg-1: hsla(0,0%,90.2%,1);
    --fg-2: hsla(0,0%,74.12%,1);
    --fg-3: hsla(0,0%,65.89%,1);
    --fg-4: hsla(0,0%,57.65%,1);
    --fg-5: hsla(0,0%,49.81%,1);
    --v0-0: hsla(25.5,64.52%,12.16%,1);
    --v0-1: hsla(25.39,63.42%,17.08%,1);
    --v0-2: hsla(24.93,63.11%,22.2%,1);
    --v0-3: hsla(24.62,62.91%,27.32%,1);
    --v0-4: hsla(25.44,63.89%,32.24%,1);
    --v0-5: hsla(25.15,63.64%,37.36%,1);
    --v0-6: hsla(24.92,63.45%,42.48%,1);
    --v0-7: hsla(24.74,63.29%,47.59%,1);
    --v0-8: hsla(24.76,63%,52.51%,1);
    --v0-9: hsla(25.23,63.57%,57.44%,1);
    --v1-0: hsla(0,60.87%,9.02%,1);
    --v1-1: hsla(0,59.43%,14.53%,1);
    --v1-2: hsla(0,60.44%,19.85%,1);
    --v1-3: hsla(0,60%,25.55%,1);
    --v1-4: hsla(0,59.43%,31.06%,1);
    --v1-5: hsla(0,60.25%,36.57%,1);
    --v1-6: hsla(0,59.79%,42.08%,1);
    --v1-7: hsla(0,60.2%,47.4%,1);
    --v1-8: hsla(0,60%,53.1%,1);
    --v1-9: hsla(0,60.32%,58.42%,1);
    --v2-0: hsla(30,60.87%,9.02%,1);
    --v2-1: hsla(29.27,59.43%,14.53%,1);
    --v2-2: hsla(30.55,60.44%,19.85%,1);
    --v2-3: hsla(29.57,60%,25.55%,1);
    --v2-4: hsla(30,59.43%,31.06%,1);
    --v2-5: hsla(29.7,60.25%,36.57%,1);
    --v2-6: hsla(30.01,59.79%,42.08%,1);
    --v2-7: hsla(30,60.2%,47.4%,1);
    --v2-8: hsla(30.01,60%,53.1%,1);
    --v2-9: hsla(30.01,60.32%,58.42%,1);
    --v3-0: hsla(60,60.87%,9.02%,1);
    --v3-1: hsla(60,59.43%,14.53%,1);
    --v3-2: hsla(60,60.44%,19.85%,1);
    --v3-3: hsla(60,60%,25.55%,1);
    --v3-4: hsla(60,59.43%,31.06%,1);
    --v3-5: hsla(60,60.25%,36.57%,1);
    --v3-6: hsla(60,59.79%,42.08%,1);
    --v3-7: hsla(60,60.2%,47.4%,1);
    --v3-8: hsla(60,60%,53.1%,1);
    --v3-9: hsla(60,60.32%,58.42%,1);
    --v4-0: hsla(90,60.87%,9.02%,1);
    --v4-1: hsla(90.74,59.43%,14.53%,1);
    --v4-2: hsla(89.46,60.44%,19.85%,1);
    --v4-3: hsla(90.44,60%,25.55%,1);
    --v4-4: hsla(90,59.43%,31.06%,1);
    --v4-5: hsla(90.31,60.25%,36.57%,1);
    --v4-6: hsla(90,59.79%,42.08%,1);
    --v4-7: hsla(90,60.2%,47.4%,1);
    --v4-8: hsla(90,60%,53.1%,1);
    --v4-9: hsla(90,60.32%,58.42%,1);
    --v5-0: hsla(180,60.87%,9.02%,1);
    --v5-1: hsla(180,59.43%,14.53%,1);
    --v5-2: hsla(180,60.44%,19.85%,1);
    --v5-3: hsla(180,60%,25.55%,1);
    --v5-4: hsla(180,59.43%,31.06%,1);
    --v5-5: hsla(180,60.25%,36.57%,1);
    --v5-6: hsla(180,59.79%,42.08%,1);
    --v5-7: hsla(180,60.2%,47.4%,1);
    --v5-8: hsla(180,60%,53.1%,1);
    --v5-9: hsla(180,60.32%,58.42%,1);
    --v6-0: hsla(210,60.87%,9.02%,1);
    --v6-1: hsla(210.74,59.43%,14.53%,1);
    --v6-2: hsla(209.46,60.44%,19.85%,1);
    --v6-3: hsla(210.44,60%,25.55%,1);
    --v6-4: hsla(210,59.43%,31.06%,1);
    --v6-5: hsla(210.31,60.25%,36.57%,1);
    --v6-6: hsla(210,59.79%,42.08%,1);
    --v6-7: hsla(210,60.2%,47.4%,1);
    --v6-8: hsla(210,60%,53.1%,1);
    --v6-9: hsla(210,60.32%,58.42%,1);
    --v7-0: hsla(270,60.87%,9.02%,1);
    --v7-1: hsla(269.27,59.43%,14.53%,1);
    --v7-2: hsla(270.55,60.44%,19.85%,1);
    --v7-3: hsla(269.57,60%,25.55%,1);
    --v7-4: hsla(270,59.43%,31.06%,1);
    --v7-5: hsla(269.7,60.25%,36.57%,1);
    --v7-6: hsla(270,59.79%,42.08%,1);
    --v7-7: hsla(270,60.2%,47.4%,1);
    --v7-8: hsla(270,60%,53.1%,1);
    --v7-9: hsla(270,60.32%,58.42%,1);
    --v8-0: hsla(300,60.87%,9.02%,1);
    --v8-1: hsla(300,59.43%,14.53%,1);
    --v8-2: hsla(300,60.44%,19.85%,1);
    --v8-3: hsla(300,60%,25.55%,1);
    --v8-4: hsla(300,59.43%,31.06%,1);
    --v8-5: hsla(300,60.25%,36.57%,1);
    --v8-6: hsla(300,59.79%,42.08%,1);
    --v8-7: hsla(300,60.2%,47.4%,1);
    --v8-8: hsla(300,60%,53.1%,1);
    --v8-9: hsla(300,60.32%,58.42%,1);
    --v9-0: hsla(0,0%,16.87%,1);
    --v9-1: hsla(0,0%,25.5%,1);
    --v9-2: hsla(0,0%,34.12%,1);
    --v9-3: hsla(0,0%,42.36%,1);
    --v9-4: hsla(0,0%,50.99%,1);
    --v9-5: hsla(0,0%,59.61%,1);
    --v9-6: hsla(0,0%,67.85%,1);
    --v9-7: hsla(0,0%,76.48%,1);
    --v9-8: hsla(0,0%,85.1%,1);
    --v9-9: hsla(0,0%,93.34%,1);
    overflow-x: hidden;
  }
  @supports (-moz-user-select: none) {
    :root {
      --svg-status-bg: var(--bg-1);
    }
  }
  body {
    font-family: var(--ui-font) !important;
  }
  body,
  body.navless {
    color: var(--fg-1) !important;
    background-color: var(--bg-0) !important;
  }
  body a,
  body a:hover {
    color: var(--ac);
  }
  body hr {
    border-color: var(--bg-3);
  }
  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(--fg-1);
  }
  body time {
    color: inherit;
  }
  body :not(pre) > code {
    color: var(--fg-1);
    background-color: var(--bg-2);
    box-shadow: inset 0 0 0 1px var(--bg-5);
  }
  body pre {
    color: var(--fg-1);
    border-color: var(--bg-5);
    background-color: var(--bg-2);
  }
  body pre[class*="description"] {
    border-left-width: 4px;
    font-size: 0.875rem;
    color: var(--fg-2) !important;
    border-color: var(--bg-5) !important;
  }
  body > pre:not([class]) {
    background-color: transparent !important;
  }
  body kbd {
    border-radius: 3px;
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
    box-shadow: inset 0 0 0 1px var(--bg-5), inset 0 -3px var(--bg-4) !important;
  }
  body .gl-link,
  body .gl-link:hover {
    color: var(--ac);
  }
  body .author-link,
  .branch-commit .commit-sha {
    color: var(--ac);
  }
  body .text-monospace,
  body .code.diff-table,
  body pre,
  body code,
  body kbd,
  body samp,
  body .monospace,
  body .ref-name,
  body .commit-sha,
  body .pipeline-number,
  body .label-branch,
  body .git-revision-dropdown .dropdown-content ul li a,
  body table.code,
  body [class *= 'git-commit'] {
    font-family: var(--mono-font) !important;
  }
  body .container {
    border-color: var(--bg-5) !important;
  }
  body .danger-title,
  body .gl-field-error,
  body .invalid-feedback {
    color: var(--v1-6) !important;
  }
  body [class^='price-'] {
    color: var(--v6-7) !important;
  }
  body .warning-title {
    color: var(--v2-6) !important;
  }
  body .legend-success,
  body .valid-feedback {
    color: var(--v4-6) !important;
  }
  body .account-well {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  body [class *= 'two-factor-auth'] svg {
    background-color: var(--inverse) !important;
    box-shadow: 0 0 0 4px var(--inverse);
  }
  body .progress {
    background-color: var(--bg-5) !important;
  }
  body .progress-bar.bg-primary {
    background-color: var(--v0-9) !important;
  }
  body .progress.repository-languages-bar {
    background-color: var(--bg-3) !important;
  }
  body .progress.repository-languages-bar .progress-bar {
    margin-right: unset;
  }
  body .progress.repository-languages-bar .progress-bar:last-child:nth-child(-n+4) {
    flex-grow: 1;
  }
  body .progress [style*='#375eab'] {
    background-color: #00add8 !important;
  }
  body .progress [style*='#776791'] {
    background-color: #000100 !important;
  }
  body .text-info:not(#z) {
    color: var(--v6-6) !important;
  }
  body .text-info:not(#z) > svg {
    fill: var(--v6-6) !important;
  }
  body .text-danger:not(#z) {
    color: var(--v1-6) !important;
  }
  body .text-danger:not(#z) > svg {
    fill: var(--v1-6) !important;
  }
  body .text-success:not(#z) {
    color: var(--v4-6) !important;
  }
  body .text-success:not(#z) > svg {
    fill: var(--v4-6) !important;
  }
  body .text-warning:not(#z) {
    color: var(--v2-6) !important;
  }
  body .text-warning:not(#z) > svg {
    fill: var(--v2-6) !important;
  }
  body .text-plain,
  .light {
    color: var(--fg-1) !important;
  }
  body .text-secondary,
  body .text-muted,
  body .text-gl-muted,
  body .text-tertiary,
  .cgray,
  .description-block,
  .help-block,
  .canary-deployment-callout-message,
  [class *= 'gl-text-gray-'],
  .help-text,
  .stat-text {
    color: var(--fg-4) !important;
  }
  .bg-light {
    background-color: var(--bg-5) !important;
  }
  .bg-danger {
    background-color: var(--v1-5) !important;
  }
  .bg-danger-100 {
    background-color: var(--v1-1) !important;
  }
  .bg-secondary {
    background-color: var(--bg-2) !important;
  }
  .bg-success {
    background-color: var(--v4-5) !important;
  }
  .bg-white,
  .bg-gray-light {
    background-color: var(--bg-1) !important;
  }
  body .border-bottom,
  body .bordered-box {
    border-color: var(--bg-5) !important;
  }
  body .bordered-list > li,
  body .unstyled-list > li {
    border-color: var(--bg-5) !important;
  }
  html {
    scrollbar-color: var(--bg-4) var(--bg-2);
  }
  ::-webkit-scrollbar {
    width: 12px;
  }
  ::-webkit-scrollbar-track {
    background: var(--bg-2);
  }
  ::-webkit-scrollbar-thumb {
    background: var(--bg-4);
  }
  body ::placeholder {
    color: var(--fg-4) !important;
  }
  body ::-webkit-input-placeholder {
    color: var(--fg-4) !important;
  }
  body .page-wrap {
    background-color: transparent !important;
  }
  body .page-wrap .brand-holder p {
    color: var(--fg-3) !important;
  }
  body .page-wrap hr.footer-fixed {
    padding-top: 24px;
    margin-bottom: 0;
    background-color: var(--bg-1) !important;
  }
  body .page-wrap hr.footer-fixed + .footer-container {
    background-color: transparent !important;
  }
  body .page-wrap .login-box,
  body .page-wrap .signup-box,
  body .page-wrap .omniauth-container {
    border-radius: 4px;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    box-shadow: inset 0 0 0 1px var(--bg-5) !important;
  }
  .omniauth-btn {
    background-color: var(--bg-1) !important;
  }
  .omniauth-btn:hover {
    background-color: var(--bg-3) !important;
  }
  .omniauth-divider::before,
  .omniauth-divider::after {
    border-color: var(--bg-5) !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(--bg-1) !important;
  }
  .devise-layout-html body.navless {
    height: calc(100% - 41px);
  }
  .fa {
    color: var(--fg-4) !important;
  }
  .fa.fa-triangle,
  .fa.merge-icon {
    color: var(--v2-5) !important;
  }
  .fa.fa-bars:not(#z) {
    color: var(--fg-1) !important;
  }
  .legend-success .fa-circle,
  .fa.checkmark {
    color: var(--v4-5) !important;
  }
  .fa.fa-certificate {
    color: var(--ac) !important;
  }
  .fa[class *= 'paused'] {
    color: var(--v1-5) !important;
  }
  .fa[class *= 'online'] {
    color: var(--v4-5) !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: 4px;
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  body .bs-callout a:not(.btn) {
    color: var(--ac) !important;
  }
  body .bs-callout strong {
    color: inherit !important;
  }
  body .bs-callout-warning {
    color: var(--v9-8) !important;
    border-color: var(--v2-5) !important;
    background-color: var(--v2-1) !important;
  }
  body .bs-callout-success {
    color: var(--v9-8) !important;
    border-color: var(--v4-5) !important;
    background-color: var(--v4-1) !important;
  }
  body .bs-callout-danger {
    color: var(--v9-8) !important;
    border-color: var(--v1-5) !important;
    background-color: var(--v1-1) !important;
  }
  body .bs-callout-info {
    color: var(--v9-8) !important;
    border-color: var(--v6-5) !important;
    background-color: var(--v6-1) !important;
  }
  body .bs-callout .btn-default,
  body .bs-callout code:not([class]) {
    background-color: var(--bg-1) !important;
  }
  body .bs-callout.help-callout,
  body .bs-callout.shared-runners-description {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !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(--bg-1) !important;
  }
  .user-callout.promotion-callout {
    background-color: var(--bg-2) !important;
  }
  .user-callout.promotion-callout .bordered-box {
    background-color: var(--bg-2) !important;
  }
  .user-callout.promotion-callout.center {
    padding-bottom: 10px;
    border: 1px solid var(--bg-5);
    border-radius: 4px;
  }
  .user-callout.promotion-callout.js-gold-trial-callout > div {
    margin: 0 -16px;
  }
  body .bs-callout.gcp-signup-offer {
    color: var(--fg-1) !important;
    border-color: var(--v6-5) !important;
  }
  body .border-section {
    border-color: var(--bg-5) !important;
  }
  body .scrolling-tabs-container .fade-right {
    background: linear-gradient(to left, var(--bg-2) 45%, transparent);
  }
  body .scrolling-tabs-container .fade-left {
    background: linear-gradient(to right, var(--bg-2) 45%, transparent);
  }
  body .toggle-mobile-nav + .breadcrumbs-links {
    border-color: var(--bg-5) !important;
  }
  .fork-thumbnail {
    background-color: var(--bg-1) !important;
  }
  .fork-thumbnail:hover:not(.disabled),
  .fork-thumbnail.forked {
    background-color: var(--bg-2) !important;
  }
  body .issue-sticky-header {
    top: 50px !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  body .preview.ui-dark,
  body .preview.gl-dark {
    border-color: var(--bg-5) !important;
  }
  svg.s16,
  svg.s24,
  svg.icon {
    fill: var(--fg-3) !important;
  }
  .deleted-icon svg,
  .closed-icon svg {
    fill: var(--v1-6) !important;
  }
  .created-icon svg,
  .joined-icon svg,
  .opened-icon svg {
    fill: var(--v4-6) !important;
  }
  .commit-icon svg,
  .pushed-new-icon svg,
  .pushed-to-icon svg {
    fill: var(--fg-4) !important;
  }
  .imported-icon svg,
  .commented-on-icon svg,
  .accepted-icon svg {
    fill: var(--v6-6) !important;
  }
  svg[data-testid="status-active-icon"] {
    fill: var(--v4-5) !important;
  }
  svg.ic-eye-slash {
    fill: var(--v2-6) !important;
  }
  svg.text-success {
    fill: var(--v4-6) !important;
  }
  svg.text-danger {
    fill: var(--v1-6) !important;
  }
  svg.file-addition,
  svg.file-addition-solid {
    fill: var(--v4-6) !important;
  }
  svg.file-modified,
  svg.file-modified-solid {
    fill: var(--v6-6) !important;
  }
  svg.file-deletion,
  svg.file-deletion-solid {
    fill: var(--v1-6) !important;
  }
  svg[id*='addition-solid'] {
    fill: var(--v4-6) !important;
  }
  svg.issue-token-state-icon-open {
    fill: var(--v4-6) !important;
  }
  svg.issue-token-state-icon-closed {
    fill: var(--v6-6) !important;
  }
  svg.merge-request-status.open {
    color: var(--v4-6) !important;
    fill: var(--v4-6) !important;
  }
  svg.merge-request-status.closed {
    color: var(--v1-6) !important;
    fill: var(--v1-6) !important;
  }
  svg.merge-icon:not(#z) {
    fill: var(--v2-9) !important;
    filter: drop-shadow(0 0 0.5px var(--bg-2)) drop-shadow(0 0 1px var(--bg-2)) drop-shadow(0 0 2px var(--bg-2)) !important;
  }
  svg.s16[data-testid *= 'status_'] {
    fill: currentColor !important;
  }
  [id *= 'status_'] [fill = '#FFF'] {
    fill: var(--bg-1) !important;
  }
  svg .ci-status-text {
    max-width: 100%;
    margin-right: 35px;
  }
  .ci-status {
    color: var(--fg-1) !important;
    border-color: var(--bg-5);
    background-color: var(--bg-1) !important;
  }
  .ci-status.ci-failed {
    color: var(--v1-6) !important;
    border-color: var(--v1-6) !important;
  }
  .ci-status.ci-success {
    color: var(--v4-6) !important;
    border-color: var(--v4-6) !important;
  }
  .ci-status.ci-info,
  .ci-status.ci-running {
    color: var(--v6-6) !important;
    border-color: var(--v6-6) !important;
  }
  .ci-status.ci-created,
  .ci-status.ci-skipped {
    color: var(--fg-3) !important;
    border-color: var(--fg-3) !important;
  }
  .ci-status.ci-canceled,
  .ci-status.ci-disabled,
  .ci-status.ci-scheduled,
  .ci-status.ci-manual {
    color: var(--fg-5) !important;
    border-color: var(--fg-5) !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(--v2-6) !important;
    border-color: var(--v2-6) !important;
  }
  .ci-status-icon-success[class *= 'dropdown'],
  .ci-status-icon-success svg {
    border-color: var(--v4-6) !important;
  }
  .ci-status-icon-success:not(#z) svg,
  .ci-status-icon-success[data-toggle] svg {
    fill: var(--v4-6) !important;
  }
  .ci-status-icon-running[class *= 'dropdown'],
  .ci-status-icon-preparing[class *= 'dropdown'],
  .ci-status-icon-running svg,
  .ci-status-icon-preparing svg {
    border-color: var(--v6-6) !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(--v6-6) !important;
  }
  .ci-status-icon-failed[class *= 'dropdown'],
  .ci-status-icon-failed svg {
    border-color: var(--v1-6) !important;
  }
  .ci-status-icon-failed:not(#z) svg,
  .ci-status-icon-failed[data-toggle] svg {
    fill: var(--v1-6) !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'],
  .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(--v2-6) !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(--v2-6) !important;
  }
  .ci-status-icon-created[class *= 'dropdown'],
  .ci-status-icon-skipped[class *= 'dropdown'],
  .ci-status-icon-created svg,
  .ci-status-icon-skipped svg {
    border-color: var(--fg-3) !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(--fg-3) !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'],
  .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(--fg-5) !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(--fg-5) !important;
  }
  button[class *= 'ci-status-icon-'] {
    background-color: var(--bg-1) !important;
  }
  input[type='radio']:hover,
  input[type='checkbox']: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 {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    height: 1rem !important;
    width: 1rem !important;
    border: 1px solid var(--bg-5) !important;
    background-size: cover !important;
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
  }
  input[type='radio'].custom-control-input:checked ~ label::before,
  input[type='checkbox'].custom-control-input:checked ~ label::before {
    border-color: var(--v0-8) !important;
    background-color: var(--v0-4) !important;
  }
  input[type='radio'].custom-control-input:focus ~ label::before,
  input[type='checkbox'].custom-control-input:focus ~ label::before {
    box-shadow: 0 0 0 0.2rem var(--v0-1);
  }
  input[type='radio'].custom-control-input ~ label::before,
  input[type='checkbox'].custom-control-input ~ label::before {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  input[type='radio'] {
    border-radius: 100% !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;
  }
  input[type='radio']:checked:checked {
    border-color: var(--v0-8) !important;
    background-color: var(--v0-4) !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(--v0-8) !important;
    background-color: var(--v0-4) !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(--v1-8) !important;
    background-color: var(--v1-5) !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="\%23d7884d" 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="\%23d7884d" d="M51 101l25-23 24-22H1l25 22z"/></svg>') !important;
  }
  .swagger-ui select,
  .select2-arrow {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="34" height="34" stroke="\%23a8a8a8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"><polyline points="6 9 12 15 18 9"></polyline></svg>') 10px 9px !important;
  }
  #notifications-button + ul li .is-active,
  .dropdown-menu-selectable > .gl-new-dropdown .is-active,
  .dropdown-menu-toggle + .dropdown-menu-selectable li .is-active {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="32" height="32" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline stroke="\%23d7884d" points="20 6 9 17 4 12"></polyline></svg>') !important;
    background-position: 14px 8px;
    background-repeat: no-repeat;
  }
  input[type='file'][id] {
    filter: invert(0.8) hue-rotate(180deg);
    background-color: transparent !important;
  }
  .with-performance-bar .production {
    background-color: var(--bg-1) !important;
    box-shadow: inset 0 -1px var(--bg-5) !important;
  }
  .with-performance-bar .backtrace-row {
    border-radius: 4px;
  }
  .with-performance-bar select {
    border: 1px solid var(--bg-5) !important;
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
  }
  .with-performance-bar .layout-page,
  .with-performance-bar .content-wrapper {
    margin-top: 85px !important;
  }
  .navbar {
    display: flex;
    align-items: center;
    min-height: 50px;
  }
  .navbar-gitlab,
  .navbar.navbar-empty {
    border-bottom: 1px solid var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .navbar .title > a {
    margin: 4px 2px 4px -8px !important;
  }
  .navbar .title > a[href='/']:hover {
    background-color: var(--bg-3) !important;
  }
  .navbar .title > a[href='/']:active,
  .navbar .title > a[href='/']:focus {
    background-color: var(--bg-4) !important;
  }
  .navbar .title .logo-text svg {
    fill: var(--fg-1) !important;
  }
  .navbar .canary-badge > .badge {
    color: var(--inverse) !important;
    border-color: var(--v4-5) !important;
    background-color: var(--v4-5) !important;
  }
  .navbar ul[class] {
    color: var(--fg-4) !important;
  }
  .navbar ul[class] > li > button,
  .navbar ul[class] > li > a,
  .navbar ul[class] > li > button > svg,
  .navbar ul[class] > li > a > svg {
    transition: 0.2s ease;
  }
  .navbar ul[class] > li > button[data-toggle],
  .navbar ul[class] > li > a[data-toggle] {
    color: var(--fg-3) !important;
  }
  .navbar ul[class] > li > button:hover:not([aria-expanded='true']),
  .navbar ul[class] > li > a:hover:not([aria-expanded='true']) {
    color: var(--fg-2) !important;
    background-color: var(--bg-3) !important;
  }
  .navbar ul[class] > li > button:hover:not([aria-expanded='true']) > svg,
  .navbar ul[class] > li > a:hover:not([aria-expanded='true']) > svg {
    fill: var(--fg-2) !important;
  }
  .navbar ul[class] > li.active > button,
  .navbar ul[class] > li.active:hover > button,
  .navbar ul[class] > li.show > button,
  .navbar ul[class] > li.active > a,
  .navbar ul[class] > li.active:hover > a,
  .navbar ul[class] > li.show > a {
    color: var(--fg-1) !important;
    background-color: var(--bg-4) !important;
  }
  .navbar ul[class] > li.active > button > svg,
  .navbar ul[class] > li.active:hover > button > svg,
  .navbar ul[class] > li.show > button > svg,
  .navbar ul[class] > li.active > a > svg,
  .navbar ul[class] > li.active:hover > a > svg,
  .navbar ul[class] > li.show > a > svg {
    fill: var(--fg-1) !important;
  }
  .navbar ul[class] > li > *:focus {
    color: var(--fg-2) !important;
    background-color: var(--bg-4) !important;
  }
  .navbar ul[class] > li > *:focus svg {
    fill: currentColor !important;
  }
  .navbar ul[class] > li .caret-down {
    fill: var(--fg-4) !important;
  }
  .navbar ul[class] > li .nav-link {
    color: var(--fg-1) !important;
  }
  .navbar ul[class] .top-nav-menu-item:hover,
  .navbar ul[class] .top-nav-menu-item:focus {
    background-color: var(--bg-3) !important;
  }
  .navbar ul[class] .top-nav-menu-item.active {
    background-color: var(--bg-4) !important;
  }
  .navbar ul[class] .current-user + li + li > .btn-link {
    color: var(--fg-3) !important;
  }
  .navbar .header-help li:first-child > a {
    margin-top: 0.25rem;
  }
  .navbar .header-help li:first-child::before {
    content: var(--version);
    display: block;
    padding: 4px 12px 6px;
    border-bottom: 1px solid var(--bg-5);
    color: var(--fg-1);
  }
  .notification-dot {
    border-color: var(--bg-2) !important;
    background-color: var(--fg-3) !important;
  }
  .show > a .notification-dot {
    border-color: var(--bg-4) !important;
    background-color: var(--fg-1) !important;
  }
  .whats-new-notification-count {
    color: var(--fg-1) !important;
    background-color: var(--bg-4) !important;
  }
  .navbar .header-user-avatar {
    border: none !important;
    color: var(--fg-4) !important;
    background-color: transparent !important;
    border-radius: var(--avatar);
  }
  .navbar .btn-sign-in {
    color: var(--fg-2);
  }
  .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(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .navbar-toggler {
    border-left-color: var(--bg-5) !important;
  }
  .navbar-toggler svg {
    fill: var(--fg-4) !important;
  }
  .navbar .search-form > form {
    box-shadow: none !important;
  }
  .navbar .search-form:focus-within > form {
    box-shadow: 0 0 0 0.2rem var(--v6-3) !important;
  }
  .navbar .search-form.search-active > form {
    border-color: var(--v6-5) !important;
  }
  .navbar-gitlab {
    box-shadow: none !important;
  }
  .navbar svg.s16[data-testid='angle-down-icon'] {
    width: 11px;
  }
  .navbar > div {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .navbar > div > .header-content {
    width: 100%;
  }
  table:not(.code) {
    color: var(--fg-1) !important;
  }
  table:not(.code) th {
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
  }
  table:not(.code) th,
  table:not(.code) td {
    border-color: var(--bg-5) !important;
  }
  table:not(.code) thead {
    border-color: var(--bg-5) !important;
  }
  table:not(.code) tbody {
    background-color: transparent !important;
  }
  table[class*='table-stacked'] thead[role='rowgroup'] th {
    border-top: 1px solid var(--bg-5);
  }
  @media (max-width: 991.98px) {
    table[class*='table-stacked'] tr[role='row'] > td[aria-colindex='1'] {
      background-color: var(--bg-2) !important;
    }
  }
  table > tr td {
    border-color: var(--bg-5) !important;
  }
  table > tr:first-child > td {
    border-top: none;
  }
  table.grid-all > caption {
    padding: 10px 16px;
    color: var(--fg-3) !important;
    background-color: var(--bg-2) !important;
  }
  table.grid-all > tbody > tr > th:first-child {
    border-top: none !important;
    border-bottom: 1px solid var(--bg-5) !important;
  }
  table.table-striped,
  table.active-tokens,
  table.pipeline-project-metrics {
    border: 1px solid var(--bg-5);
  }
  table.table-striped thead > tr > th,
  table.active-tokens thead > tr > th,
  table.pipeline-project-metrics thead > tr > th {
    border-top: none;
  }
  table.table-striped tbody tr:nth-of-type(2n+1) > td,
  table.active-tokens tbody tr:nth-of-type(2n+1) > td,
  table.pipeline-project-metrics tbody tr:nth-of-type(2n+1) > td {
    background-color: var(--bg-0) !important;
  }
  table.table-striped tbody tr:not(:first-child) > td.issues-analytics-td,
  table.active-tokens tbody tr:not(:first-child) > td.issues-analytics-td,
  table.pipeline-project-metrics tbody tr:not(:first-child) > td.issues-analytics-td,
  table.table-striped tbody tr:not(:first-child) > td.issues-analytics-td ~ td,
  table.active-tokens tbody tr:not(:first-child) > td.issues-analytics-td ~ td,
  table.pipeline-project-metrics tbody tr:not(:first-child) > td.issues-analytics-td ~ td {
    border-top: none !important;
  }
  table.table-striped,
  table.grid-all,
  table[dir] {
    overflow: hidden;
    border-spacing: 0;
    border-collapse: collapse;
    max-width: max-content;
    position: relative;
    color: var(--fg-1) !important;
    border-color: transparent !important;
    background-color: var(--bg-1) !important;
    border-radius: 4px !important;
  }
  table.table-striped::before,
  table.grid-all::before,
  table[dir]::before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    left: 0;
    pointer-events: none !important;
    border: 1px solid var(--bg-5);
    border-radius: 4px;
  }
  table.table-striped thead th,
  table.grid-all thead th,
  table[dir] thead th {
    border-bottom-width: 1px !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  table.table-striped tbody,
  table.grid-all tbody,
  table[dir] tbody {
    background-color: transparent !important;
  }
  table.table-striped tbody tr > td,
  table.grid-all tbody tr > td,
  table[dir] tbody tr > td {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  table.tree-table {
    border-spacing: 0;
    border-collapse: unset;
    border: 1px solid var(--bg-5) !important;
    border-radius: 4px !important;
    background-color: var(--bg-1) !important;
  }
  table.tree-table thead tr > th {
    border-top: none !important;
  }
  table.tree-table thead tr > th:first-child {
    border-top-left-radius: 4px !important;
  }
  table.tree-table thead tr > th:last-child {
    border-top-right-radius: 4px !important;
  }
  table.tree-table tbody tr > td {
    border-top: 1px solid var(--bg-5) !important;
    border-bottom: none !important;
  }
  table.tree-table tbody tr:hover > td {
    background-color: var(--bg-2) !important;
  }
  table.tree-table tbody tr:last-of-type > td:first-child {
    border-bottom-left-radius: 4px !important;
  }
  table.tree-table tbody tr:last-of-type > td:last-child {
    border-bottom-right-radius: 4px !important;
  }
  table.tree-table tbody tr.selected td {
    background-color: var(--bg-3) !important;
  }
  table.tree-table.files-slider tr:first-child td {
    border-top: none !important;
  }
  .tree-item-file-name,
  .tree-item-file-name a,
  .tree-item-file-name i {
    color: var(--fg-1) !important;
  }
  .tree-commit,
  .tree-commit-link {
    color: var(--fg-3) !important;
  }
  .tree-time-ago {
    color: var(--fg-3) !important;
  }
  .vulnerability-list thead th {
    box-shadow: 0 1px var(--bg-5) !important;
  }
  .gl-responsive-table-row {
    color: var(--fg-3) !important;
  }
  .gl-responsive-table-row:not(:last-child) {
    border-color: var(--bg-3) !important;
  }
  .gl-responsive-table-row-clickable:hover {
    background-color: var(--bg-2) !important;
  }
  .gl-responsive-table-row.bg-gray-light {
    background-color: var(--bg-1) !important;
  }
  .gl-responsive-table-row-clickable:hover {
    background-color: var(--bg-2) !important;
  }
  .ci-table {
    margin-top: 10px;
    border: 1px solid var(--bg-5);
    color: var(--fg-1) !important;
    background-color: var(--bg-1) !important;
    border-radius: 4px;
  }
  .ci-table [class *= 'header'] {
    padding: 12px 16px;
    font-size: 14px;
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
    border-radius: 3px 3px 0 0;
  }
  .ci-table [class $= 'table-row'] {
    padding: 8px 16px;
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .ci-table [class $= 'table-row']:last-child {
    border-bottom: none !important;
    border-radius: 0 0 3px 3px;
  }
  .ci-table [class $= 'table-row']:hover {
    background-color: var(--bg-2) !important;
  }
  .ci-table .pipeline-actions {
    padding-right: 16px;
  }
  .js-run-mr-pipeline {
    margin-right: 16px;
  }
  .ci-table .sprite {
    fill: var(--fg-4) !important;
  }
  .ci-table > tbody > .build + tr + tr > th {
    box-shadow: inset 0 1px var(--bg-5) !important;
  }
  .ci-table > tbody > .build > td {
    border-top: 1px solid var(--bg-5) !important;
  }
  .ci-table > tbody > .build:hover {
    background-color: var(--bg-2) !important;
  }
  .ci-table .commit-sha,
  .ci-table .gfm-commit {
    color: var(--ac) !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(--fg-1) !important;
  }
  .duration,
  .finished-at {
    color: var(--fg-4) !important;
  }
  .duration svg path,
  .finished-at svg path {
    fill: var(--fg-4) !important;
  }
  .ci-table.pipeline tbody > tr > th {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-0) !important;
  }
  .ci-table.pipeline tbody > tr > td {
    border-top: 1px solid var(--bg-5) !important;
  }
  .ci-table path[fill = '#FFF'] {
    fill: var(--bg-2) !important;
  }
  .ci-table .build.retried {
    background-color: var(--bg-0) !important;
  }
  .ci-table .pipeline-schedule-table-row .next-run-cell {
    color: var(--fg-3) !important;
  }
  .ci-table .pipeline-schedule-table-row a {
    color: var(--fg-1) !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.import-table {
    border: 1px solid var(--bg-5) !important;
  }
  table.import-table thead th {
    border: none !important;
    background-color: var(--bg-2) !important;
  }
  table.import-table tbody tr:hover td {
    background-color: var(--bg-0) !important;
  }
  table.import-table tbody td {
    border-top: 1px solid var(--bg-5) !important;
  }
  .import-slash-divider {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-0) !important;
  }
  .save-project-loader {
    color: var(--fg-4) !important;
  }
  table.integration-list {
    border: none;
  }
  table.shortcut-mappings th {
    background-color: transparent !important;
  }
  table td.d-sm-block {
    display: table-cell !important;
  }
  [class*='dropdown-menu'] {
    color: var(--fg-1);
    border-color: var(--bg-5);
    background-color: var(--bg-2);
  }
  [class*='dropdown-menu'][type] {
    color: var(--fg-1);
    border-color: var(--bg-5);
    background-color: var(--bg-2);
    transition: color, border, background 0.2s ease;
  }
  [class*='dropdown-menu'][type]:hover {
    background-color: var(--bg-3);
  }
  [class*='dropdown-menu'][type]:focus {
    border-color: var(--bg-5);
    background-color: var(--bg-4);
  }
  [class*='dropdown-menu'][type][aria-expanded='true'] {
    border-color: var(--bg-5);
    background-color: var(--bg-4);
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v6-4) !important;
  }
  [class*='dropdown-menu'][data-testid*='chevron'] {
    background-color: transparent !important;
  }
  .dropdown > button.dropdown-toggle:not(.gl-button) {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .dropdown > button.dropdown-toggle:not(.gl-button):hover {
    background-color: var(--bg-3) !important;
  }
  .dropdown > button.dropdown-toggle:not(.gl-button):focus {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-4) !important;
  }
  .dropdown > button.dropdown-toggle-no-caret {
    background-color: transparent !important;
  }
  [class*='dropdown-menu'].show {
    border-radius: 4px;
    border-color: var(--bg-5);
    background-color: var(--bg-2);
    box-shadow: var(--bshadow);
  }
  .show.dropdown > .btn {
    border-color: var(--bg-5);
    background-color: var(--bg-4);
  }
  .show.dropdown > button[class*='dropdown-']:not([class*=' btn-']) {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  [class*='dropdown-menu'] .dropdown-loading {
    background-color: var(--bg-2) !important;
    opacity: 0.9;
  }
  [class*='dropdown-menu'] .dropdown-title,
  [class*='dropdown-menu'] .dropdown-header {
    color: var(--fg-0) !important;
    border-color: var(--bg-5) !important;
  }
  [class*='dropdown-menu'] .dropdown-info-note {
    color: var(--fg-3) !important;
  }
  [class*='dropdown-menu'] .dropdown-footer {
    border-color: var(--bg-5) !important;
  }
  [class*='dropdown-menu'] .dropdown-toggle-text.is-default {
    color: var(--fg-1) !important;
  }
  [class*='dropdown-menu'] .dropdown-tabs-list {
    box-shadow: none !important;
  }
  [class*='dropdown-menu'] .dropdown-tab-item {
    padding: 0 !important;
    border-color: var(--bg-5) !important;
  }
  [class*='dropdown-menu'] .dropdown-tab-item a {
    border-width: 1px !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  [class*='dropdown-menu'] .dropdown-tab-item a.active {
    color: var(--fg-1) !important;
    border-color: transparent !important;
    background-color: var(--bg-2) !important;
  }
  [class*='dropdown-menu'] .dropdown-input-field {
    border-radius: 4px;
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  [class*='dropdown-menu'] .dropdown-input-field:focus {
    border-color: var(--v6-5) !important;
    box-shadow: 0 0 0 0.2rem var(--v6-3);
  }
  [class*='dropdown-menu'] [class*='separator'] {
    background-color: var(--bg-5) !important;
  }
  [class*='dropdown-menu'] [class*='divider'] {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-5) !important;
  }
  [class*='dropdown-menu'] [class*='-content'] {
    color: var(--fg-3) !important;
    background-color: transparent !important;
  }
  [class*='dropdown-menu'] [class*='-title'] {
    color: var(--fg-0) !important;
    background-color: transparent !important;
  }
  [class*='dropdown-menu'] .search-item-avatar {
    border-color: var(--bg-5) !important;
  }
  [class*='dropdown-menu'] strong,
  [class*='dropdown-menu'] .bold,
  [class*='dropdown-menu'] .text {
    color: var(--fg-1) !important;
  }
  [class*='dropdown-menu'] .btn-helptext {
    color: var(--fg-5) !important;
  }
  [class*='dropdown-menu'] li {
    padding-left: 0;
    padding-right: 0;
  }
  [class*='dropdown-menu'] li > a,
  [class*='dropdown-menu'] li button,
  [class*='dropdown-menu'] li .menu-item {
    color: var(--fg-3);
  }
  [class*='dropdown-menu'] li > a.is-active,
  [class*='dropdown-menu'] li button.is-active,
  [class*='dropdown-menu'] li .menu-item.is-active {
    color: var(--fg-1) !important;
  }
  [class*='dropdown-menu'] li > a:focus,
  [class*='dropdown-menu'] li button:focus,
  [class*='dropdown-menu'] li .menu-item:focus,
  [class*='dropdown-menu'] li > a:active,
  [class*='dropdown-menu'] li button:active,
  [class*='dropdown-menu'] li .menu-item:active,
  [class*='dropdown-menu'] li > a:not(.disable-hover):not(.active):hover,
  [class*='dropdown-menu'] li button:not(.disable-hover):not(.active):hover,
  [class*='dropdown-menu'] li .menu-item:not(.disable-hover):not(.active):hover {
    color: var(--fg-1) !important;
    background-color: var(--bg-3) !important;
  }
  [class*='dropdown-menu'] li > a.is-focused,
  [class*='dropdown-menu'] li button.is-focused,
  [class*='dropdown-menu'] li .menu-item.is-focused,
  [class*='dropdown-menu'] li > a.is-focused:hover:not(#z),
  [class*='dropdown-menu'] li button.is-focused:hover:not(#z),
  [class*='dropdown-menu'] li .menu-item.is-focused:hover:not(#z) {
    color: var(--fg-1) !important;
    background-color: var(--bg-4) !important;
  }
  [class*='dropdown-menu'] li > a.is-active:not(#z),
  [class*='dropdown-menu'] li button.is-active:not(#z),
  [class*='dropdown-menu'] li .menu-item.is-active:not(#z) {
    color: var(--v0-9) !important;
  }
  [class*='dropdown-menu'] li button:focus {
    box-shadow: none !important;
  }
  [class*='dropdown-menu'] li p {
    color: var(--fg-3) !important;
  }
  .frequent-items-dropdown-sidebar {
    border-color: var(--bg-5) !important;
  }
  .frequent-items-dropdown-container li {
    padding: 0 1px;
  }
  .frequent-items-dropdown-container [class*='-item-title'] {
    color: var(--fg-1) !important;
  }
  .frequent-items-dropdown-container [class*='-namespace'] {
    color: var(--fg-4) !important;
  }
  .frequent-items-dropdown-container .section-header,
  .frequent-items-dropdown-container .section-empty {
    color: var(--fg-4) !important;
  }
  .dropdown-menu-user-link:not(:hover) strong,
  .dropdown-menu-user-link:not(:hover) span {
    color: var(--fg-3) !important;
  }
  .dropdown-menu-user-name,
  .dropdown-menu-user-full-name,
  .dropdown-menu-user-username {
    background-color: transparent !important;
  }
  [class*='dropdown-menu'] li.current-user {
    color: var(--fg-1) !important;
  }
  [class*='dropdown-menu'] li.current-user .bold,
  [class*='dropdown-menu'] li.current-user .user-status {
    color: var(--fg-1) !important;
  }
  [class*='dropdown-menu'].more-actions-dropdown button:not([disabled]) {
    color: var(--fg-3) !important;
  }
  [class*='dropdown-menu'].more-actions-dropdown button:not([disabled]):hover,
  [class*='dropdown-menu'].more-actions-dropdown button:not([disabled]):active {
    color: var(--fg-1) !important;
    background-color: var(--bg-3) !important;
  }
  [class*='dropdown-menu'].more-actions-dropdown button:not([disabled]):focus {
    color: var(--fg-1) !important;
    background-color: var(--bg-4) !important;
  }
  [class*='dropdown-menu'] [class*='counter-badge'] {
    font-weight: normal;
    color: var(--fg-3) !important;
  }
  [class*='dropdown-menu'][class*='mini-pipe']::before,
  [class*='dropdown-menu'][class*='big-pipe']::before,
  [class*='dropdown-menu'][class*='mini-pipe']::after,
  [class*='dropdown-menu'][class*='big-pipe']::after {
    border-color: transparent !important;
  }
  .select2-choice,
  .select2-choices {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .select2-chosen {
    margin-right: 25px !important;
    padding-right: 10px;
  }
  .select2-arrow {
    padding: 0 16px;
    width: unset;
    border-color: var(--bg-5) !important;
    background-color: transparent !important;
  }
  .select2-container.select2-container-active:not([class*='dropdown-open']) > .select2-choice {
    box-shadow: 0 0 0 0.2rem var(--v6-3) !important;
    border-color: var(--v6-6) !important;
    background-color: var(--bg-3) !important;
  }
  .select2-container .select2-choice:hover {
    background-color: var(--bg-3) !important;
  }
  .select2-container.select2-dropdown-open > .select2-choice {
    background-color: var(--bg-3) !important;
  }
  .select2-container.select2-dropdown-open > .select2-choice .select2-arrow {
    border-left: 1px solid var(--bg-5) !important;
  }
  .select2-container-disabled .select2-arrow {
    opacity: 0.6;
  }
  .select2-container-disabled > a {
    color: var(--fg-5) !important;
    border-color: var(--bg-3) !important;
    background-color: var(--bg-1) !important;
  }
  .select2-drop {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    box-shadow: var(--bshadow);
  }
  .select2-results div {
    color: var(--fg-0) !important;
  }
  .select2-result-sub div {
    color: var(--fg-3) !important;
  }
  .select2-highlighted {
    color: var(--fg-1) !important;
  }
  .select2-highlighted div {
    color: var(--fg-1) !important;
    background-color: var(--bg-3) !important;
  }
  .select2-arrow::after {
    color: var(--fg-4) !important;
  }
  .select2-match {
    color: var(--v0-9) !important;
  }
  .select2-input {
    font-family: var(--ui-font) !important;
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: transparent !important;
  }
  select {
    border: 1px solid var(--bg-5);
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
  }
  .dropdown .btn[data-toggle='dropdown'] .fa,
  .dropdown .btn[data-toggle='dropdown'] svg {
    color: var(--fg-4);
  }
  [class*='dropdown-menu'] .border-top {
    border-color: var(--bg-5) !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.gl-button {
    box-shadow: none !important;
    border: 1px solid transparent;
    color: var(--fg-1);
    border-color: var(--bg-5);
    background-color: var(--bg-2);
  }
  .btn {
    color: var(--fg-1);
    border-color: var(--bg-5);
    background-color: var(--bg-2);
  }
  .btn:hover {
    color: var(--fg-1);
    border-color: var(--bg-5);
    background-color: var(--bg-3);
  }
  .btn:focus {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v6-4) !important;
  }
  .btn:active {
    color: var(--fg-1);
    border-color: var(--bg-5);
    background-color: var(--bg-4);
  }
  .btn[href].gl-link {
    color: var(--fg-1);
  }
  .btn.active,
  .btn.selected,
  .btn.is-active {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-4) !important;
  }
  .btn-default,
  .btn-cancel {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .btn-default:hover,
  .btn-cancel:hover {
    background-color: var(--bg-3) !important;
  }
  .btn-default:focus,
  .btn-cancel:focus {
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v6-4) !important;
  }
  .btn-comment-and-close:not(#z),
  .btn-secondary {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .btn-comment-and-close:not(#z):hover,
  .btn-secondary:hover {
    background-color: var(--bg-3) !important;
  }
  .btn-comment-and-close:not(#z):focus,
  .btn-secondary:focus {
    background-color: var(--bg-4) !important;
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v6-4) !important;
  }
  .btn-remove,
  .btn-danger {
    color: var(--v9-8) !important;
    border-color: var(--v1-5) !important;
    background-color: var(--v1-3) !important;
  }
  .btn-remove:hover,
  .btn-danger:hover {
    color: var(--v9-9) !important;
    border-color: var(--v1-6) !important;
    background-color: var(--v1-4) !important;
  }
  .btn-remove:focus,
  .btn-danger:focus {
    color: var(--v9-9) !important;
    border-color: var(--v1-7) !important;
    background-color: var(--v1-5) !important;
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v1-2) !important;
  }
  .btn-remove > .fa,
  .btn-danger > .fa,
  .btn-remove > svg,
  .btn-danger > svg {
    color: currentColor !important;
    fill: currentColor !important;
  }
  .btn-register,
  .btn-success {
    color: var(--v9-8) !important;
    border-color: var(--v4-5) !important;
    background-color: var(--v4-3) !important;
  }
  .btn-register:hover,
  .btn-success:hover {
    color: var(--v9-9) !important;
    border-color: var(--v4-6) !important;
    background-color: var(--v4-4) !important;
  }
  .btn-register:focus,
  .btn-success:focus {
    color: var(--v9-9) !important;
    border-color: var(--v4-7) !important;
    background-color: var(--v4-5) !important;
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v4-2) !important;
  }
  .btn-register > .fa,
  .btn-success > .fa,
  .btn-register > svg,
  .btn-success > svg {
    color: currentColor !important;
    fill: currentColor !important;
  }
  .btn-info,
  .btn-confirm,
  .btn-primary {
    color: var(--v9-8) !important;
    border-color: var(--v6-5) !important;
    background-color: var(--v6-3) !important;
  }
  .btn-info:hover,
  .btn-confirm:hover,
  .btn-primary:hover {
    color: var(--v9-9) !important;
    border-color: var(--v6-6) !important;
    background-color: var(--v6-4) !important;
  }
  .btn-info:focus,
  .btn-confirm:focus,
  .btn-primary:focus {
    color: var(--v9-9) !important;
    border-color: var(--v6-7) !important;
    background-color: var(--v6-5) !important;
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v6-3) !important;
  }
  .btn-info > .fa,
  .btn-confirm > .fa,
  .btn-primary > .fa,
  .btn-info > svg,
  .btn-confirm > svg,
  .btn-primary > svg {
    color: currentColor !important;
    fill: currentColor !important;
  }
  .btn-close,
  .btn-close-color,
  .btn-warning {
    color: var(--v9-8) !important;
    border-color: var(--v2-5) !important;
    background-color: var(--v2-3) !important;
  }
  .btn-close:hover,
  .btn-close-color:hover,
  .btn-warning:hover {
    color: var(--v9-9) !important;
    border-color: var(--v2-6) !important;
    background-color: var(--v2-4) !important;
  }
  .btn-close:focus,
  .btn-close-color:focus,
  .btn-warning:focus {
    color: var(--v9-9) !important;
    border-color: var(--v2-7) !important;
    background-color: var(--v2-5) !important;
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v2-3) !important;
  }
  .btn-close > .fa,
  .btn-close-color > .fa,
  .btn-warning > .fa,
  .btn-close > svg,
  .btn-close-color > svg,
  .btn-warning > svg {
    color: currentColor !important;
    fill: currentColor !important;
  }
  .btn-danger-secondary {
    color: var(--v1-6) !important;
    border-color: var(--v1-5) !important;
    background-color: var(--bg-1) !important;
  }
  .btn-danger-secondary:hover {
    color: var(--v1-6) !important;
    background-color: var(--v1-1) !important;
  }
  .btn-danger-secondary:focus {
    color: var(--v1-8) !important;
    border-color: var(--v1-5) !important;
    background-color: var(--bg-1) !important;
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v1-2) !important;
  }
  .btn-success.btn-inverted,
  .btn-success-secondary {
    color: var(--v4-6) !important;
    border-color: var(--v4-5) !important;
    background-color: var(--bg-1) !important;
  }
  .btn-success.btn-inverted:hover,
  .btn-success-secondary:hover {
    color: var(--v4-8) !important;
    background-color: var(--v4-1) !important;
  }
  .btn-success.btn-inverted:focus,
  .btn-success-secondary:focus {
    color: var(--v4-8) !important;
    border-color: var(--v4-5) !important;
    background-color: var(--bg-1) !important;
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v4-2) !important;
  }
  .btn-info-secondary,
  .btn-inverted-secondary,
  .btn-primary.btn-inverted,
  .btn-confirm-secondary {
    color: var(--v6-6) !important;
    border-color: var(--v6-5) !important;
    background-color: var(--bg-1) !important;
  }
  .btn-info-secondary:hover,
  .btn-inverted-secondary:hover,
  .btn-primary.btn-inverted:hover,
  .btn-confirm-secondary:hover {
    color: var(--v6-8) !important;
    background-color: var(--v6-1) !important;
  }
  .btn-info-secondary:focus,
  .btn-inverted-secondary:focus,
  .btn-primary.btn-inverted:focus,
  .btn-confirm-secondary:focus {
    color: var(--v6-8) !important;
    border-color: var(--v6-5) !important;
    background-color: var(--bg-1) !important;
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v6-3) !important;
  }
  .btn-warning-secondary {
    color: var(--v2-6) !important;
    border-color: var(--v2-5) !important;
    background-color: var(--bg-1) !important;
  }
  .btn-warning-secondary:hover {
    color: var(--v2-8) !important;
    background-color: var(--v2-1) !important;
  }
  .btn-warning-secondary:focus {
    color: var(--v2-8) !important;
    border-color: var(--v2-5) !important;
    background-color: var(--bg-1) !important;
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v2-2) !important;
  }
  .btn#clone-dropdown {
    color: var(--v9-8) !important;
    border-color: var(--v0-5) !important;
    background-color: var(--v0-3) !important;
  }
  .btn#clone-dropdown:hover {
    color: var(--v9-9) !important;
    border-color: var(--v0-6) !important;
    background-color: var(--v0-4) !important;
  }
  .btn#clone-dropdown:focus {
    color: var(--v9-9) !important;
    border-color: var(--v0-7) !important;
    background-color: var(--v0-5) !important;
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v0-2) !important;
  }
  .btn#clone-dropdown > svg {
    fill: var(--v9-8) !important;
  }
  .btn#clone-dropdown + ul input {
    font-family: var(--mono-font);
    background-color: var(--bg-1) !important;
  }
  .btn.disabled,
  .btn[disabled] {
    color: var(--fg-5) !important;
    border-color: var(--bg-3) !important;
    background-color: var(--bg-1) !important;
  }
  .btn.disabled svg,
  .btn[disabled] svg {
    fill: currentColor !important;
  }
  .btn.disabled:focus,
  .btn[disabled]:focus {
    box-shadow: none !important;
  }
  .btn-link,
  .btn.gl-link:not([href]) {
    color: var(--v0-9);
  }
  .btn-link:hover,
  .btn.gl-link:not([href]):hover,
  .btn-link:active,
  .btn.gl-link:not([href]):active,
  .btn-link:focus,
  .btn.gl-link:not([href]):focus {
    color: var(--v0-7);
  }
  .btn-link:focus,
  .btn.gl-link:not([href]):focus {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .btn-link[href],
  .btn.gl-link:not([href])[href] {
    border-color: transparent;
    background-color: transparent;
  }
  .btn-link.gl-button,
  .btn.gl-link:not([href]).gl-button {
    color: var(--v0-9) !important;
  }
  .btn.btn-clipboard,
  .btn.btn-transparent,
  .btn.btn-default-tertiary {
    border-color: transparent !important;
    background-color: transparent !important;
  }
  .btn.btn-clipboard:hover > svg,
  .btn.btn-transparent:hover > svg,
  .btn.btn-default-tertiary:hover > svg {
    fill: var(--fg-1) !important;
  }
  button[data-clipboard-text]:not(#z) {
    border-color: transparent !important;
    background-color: transparent !important;
  }
  button.close:not(#z) {
    transition: 0.2s ease;
    background-color: transparent !important;
  }
  button.close:not(#z):hover {
    border: 1px solid;
  }
  .btn.btn-icon[data-toggle=dropdown] svg {
    color: inherit;
  }
  .input-group-append,
  .input-group-prepend {
    background-color: transparent !important;
  }
  .input-group-append > [class*='-text'],
  .input-group-prepend > [class*='-text'] {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
  }
  .input-group-append .btn:focus,
  .input-group-prepend .btn:focus {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v6-4) !important;
  }
  .input-group-append .btn:active,
  .input-group-prepend .btn:active {
    color: var(--fg-1);
    border-color: var(--bg-5);
    background-color: var(--bg-4);
  }
  .project-repo-buttons .count {
    background-color: var(--bg-3) !important;
  }
  .project-repo-buttons .btn {
    padding: 6px 10px !important;
  }
  .project-repo-buttons .btn-sm,
  .project-repo-buttons .btn-xs,
  .project-repo-buttons .btn-xs + span {
    height: 32px !important;
    font-size: 14px !important;
  }
  .project-repo-buttons .btn svg {
    fill: var(--fg-3) !important;
  }
  .project-repo-buttons .btn svg.s12 {
    width: 16px;
    height: 16px;
  }
  .project-repo-buttons .btn.dropdown-toggle:not(#z) {
    background-color: var(--bg-2) !important;
  }
  .project-repo-buttons .btn.dropdown-toggle:not(#z):hover {
    background-color: var(--bg-3) !important;
  }
  .project-repo-buttons .has-tooltip + .fork-count {
    height: 32px !important;
  }
  .project-repo-buttons input {
    height: 34px !important;
  }
  .project-repo-buttons .count {
    color: var(--fg-1) !important;
  }
  .project-repo-buttons .count-badge-count {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .project-repo-buttons .count-badge:last-of-type {
    margin-right: 0;
  }
  .project-repo-buttons .count-with-arrow .arrow::before {
    border-right-color: var(--bg-5);
  }
  .project-repo-buttons .count-with-arrow .arrow::after {
    border-right-color: var(--bg-2);
  }
  .project-repo-buttons .count-with-arrow .count {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .text-expander {
    padding: 3px 5px;
    color: var(--fg-4) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .text-expander:hover {
    background-color: var(--bg-3) !important;
  }
  .text-expander.open {
    color: var(--fg-1) !important;
    background-color: var(--bg-4) !important;
    box-shadow: none;
  }
  .btn-label:hover,
  .btn-label:focus {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .btn-xs[download] {
    padding: 8px 10px;
    background-color: var(--bg-0);
  }
  .btn-xs[download]:hover {
    background-color: var(--bg-3);
  }
  .btn-dashed,
  .btn-missing {
    color: var(--fg-3) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    outline-color: transparent !important;
    border-style: dashed !important;
  }
  .btn-dashed:hover,
  .btn-missing:hover {
    background-color: var(--bg-3) !important;
  }
  .btn-dashed:focus,
  .btn-missing:focus {
    background-color: var(--bg-4) !important;
  }
  .btn-dashed.disabled,
  .btn-missing.disabled {
    background-color: var(--bg-1) !important;
  }
  .btn.gpg-status-box:focus {
    box-shadow: none !important;
  }
  .btn.gpg-status-box.valid {
    color: var(--v4-6) !important;
    border-color: var(--v4-6) !important;
    background-color: var(--bg-1) !important;
  }
  .btn.gpg-status-box.valid:hover {
    background-color: var(--v4-1) !important;
  }
  .btn.gpg-status-box.invalid {
    color: var(--fg-4) !important;
    border-color: var(--bg-3) !important;
    background-color: var(--bg-1) !important;
  }
  .btn[href*='.ics'] path {
    fill: var(--fg-4) !important;
  }
  .btn.selected[data-testid='award-button'].active,
  .btn.award-control.active {
    color: var(--ac) !important;
    border-color: var(--v0-5) !important;
    background-color: var(--v0-2) !important;
  }
  .btn.selected[data-testid='award-button'].active:hover,
  .btn.award-control.active:hover {
    background-color: var(--v0-3) !important;
  }
  .btn.selected[data-testid='award-button'].active:focus,
  .btn.award-control.active:focus {
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v0-1) !important;
  }
  .awards > .gl-button.selected {
    color: var(--ac) !important;
    border-color: var(--v0-5) !important;
    background-color: var(--v0-2) !important;
  }
  .awards > .gl-button.selected:hover {
    background-color: var(--v0-3) !important;
  }
  .awards > .gl-button.selected:focus {
    box-shadow: 0 0 0 1px var(--bg-1), 0 0 0 0.25rem var(--v0-1) !important;
  }
  .btn.selected[data-testid='award-button'].disabled:hover,
  .btn.award-control.disabled:hover {
    color: var(--fg-5) !important;
    border-color: var(--bg-3) !important;
    background-color: var(--bg-1) !important;
  }
  .btn.btn-text-field {
    color: var(--fg-3) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .btn.btn-text-field:hover {
    background-color: var(--bg-1) !important;
  }
  .provider-btn {
    line-height: unset;
    border-radius: 0 4px 4px 0;
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
  }
  .provider-btn-group {
    border-radius: 4px;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .provider-btn-image {
    border-radius: 4px 0 0 4px;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .btn[id*='_toggle_'] {
    border-style: solid !important;
  }
  .btn-info-tertiary,
  .btn-success-tertiary,
  .btn-danger-tertiary,
  .btn-warning-tertiary,
  .btn-dashed-tertiary,
  .btn-default-tertiary {
    mix-blend-mode: unset !important;
  }
  .label.label-monospace,
  .btn-label.gl-font-monospace {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .label.scoped-label .fa-question-circle {
    background-color: transparent !important;
  }
  .label.scoped-label .fa-question-circle[style *= '#FFFFFF'] {
    color: var(--inverse) !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(--fg-1) !important;
  }
  .label-badge-blue {
    color: var(--inverse) !important;
    background-color: var(--v6-5) !important;
  }
  .label-badge-gray {
    color: var(--fg-4) !important;
    background-color: var(--bg-2) !important;
  }
  .label-links a {
    color: var(--ac) !important;
  }
  .label-action svg {
    fill: var(--fg-4) !important;
  }
  .label-subscribe-button {
    font-weight: 400;
  }
  .label-lfs {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .badge.issues-count {
    color: var(--v9-9) !important;
    background-color: var(--v4-5) !important;
  }
  .badge.merge-requests-count {
    color: var(--v9-9) !important;
    background-color: var(--v2-5) !important;
  }
  .badge.todos-count {
    color: var(--v9-9) !important;
    background-color: var(--v6-5) !important;
  }
  .badge-pill {
    color: var(--fg-3) !important;
    background-color: var(--bg-3) !important;
  }
  .badge-pill.merge-request-badge {
    color: var(--fg-2) !important;
    background-color: var(--bg-4) !important;
  }
  .active:not(.user-counter) .badge-pill {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .badge-pill.badge-secondary {
    color: var(--fg-3) !important;
    background-color: var(--bg-2) !important;
  }
  .badge-pill.badge-secondary:hover {
    color: var(--fg-1) !important;
  }
  .badge.badge-gray {
    color: var(--fg-1) !important;
    background-color: var(--bg-3) !important;
  }
  .issue-count-badge,
  .mr-count-badge {
    color: var(--fg-1) !important;
    background-color: transparent !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(--v9-9) !important;
    background-color: var(--v6-3) !important;
  }
  .badge-secondary,
  .badge-inactive {
    color: var(--fg-4) !important;
    background-color: var(--bg-2) !important;
  }
  .badge-warning {
    color: var(--v9-9) !important;
    background-color: var(--v2-4) !important;
  }
  .badge-success {
    color: var(--v9-9) !important;
    background-color: var(--v4-4) !important;
  }
  .badge-danger {
    color: var(--v9-9) !important;
    background-color: var(--v1-4) !important;
  }
  .badge-light {
    color: var(--fg-3) !important;
    background-color: var(--bg-3) !important;
  }
  .badge-dark {
    color: var(--fg-1) !important;
    background-color: var(--bg-4) !important;
  }
  .badge.unverified {
    color: var(--fg-5) !important;
    border-color: var(--fg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .badge.unverified:hover {
    color: var(--bg-3) !important;
    border-color: var(--fg-5) !important;
    background-color: var(--fg-5) !important;
  }
  .badge.verified {
    color: var(--v4-5) !important;
    border-color: var(--v4-5) !important;
    background-color: var(--bg-1) !important;
  }
  .badge.verified:hover {
    color: var(--v9-9) !important;
    border-color: var(--v4-3) !important;
    background-color: var(--v4-3) !important;
  }
  .status-box {
    color: var(--v9-9) !important;
  }
  .status-box-issue-closed,
  .status-box-mr-merged {
    background-color: var(--v6-5) !important;
  }
  .status-box-closed,
  .status-box-mr-closed {
    background-color: var(--v1-5) !important;
  }
  .status-box-upcoming {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .status-box-expired {
    background-color: var(--v2-5) !important;
  }
  .status-box-open {
    background-color: var(--v4-5) !important;
  }
  .status-box > svg.s16 {
    fill: var(--v9-9) !important;
  }
  .form-control,
  .search form {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    border: 1px solid var(--bg-5) !important;
  }
  .form-control:focus,
  .search form:focus,
  .form-control.focus,
  .search form.focus {
    border-color: var(--v6-5) !important;
    box-shadow: 0 0 0 0.2rem var(--v6-3) !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(--bg-3) !important;
  }
  .top-area .form-control,
  .top-area .search form {
    height: 35px;
  }
  .form-control #search,
  .search form #search {
    color: var(--fg-1) !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .form-control #search ~ [class *= 'dropdown-menu'] .is-active,
  .search form #search ~ [class *= 'dropdown-menu'] .is-active {
    color: var(--fg-1) !important;
  }
  .dropdown-content-faded-mask::after {
    background: linear-gradient(to top, var(--bg-2), transparent) !important;
  }
  .search.has-location-badge {
    margin-top: 3px;
  }
  .search.has-location-badge > form {
    height: 34px;
    box-shadow: none !important;
  }
  .search.has-location-badge .location-badge {
    height: 32px;
    color: var(--fg-4) !important;
    background-color: var(--bg-3) !important;
    box-shadow: 1px 0 var(--bg-5) !important;
  }
  .form-control .search-icon,
  .search form .search-icon {
    fill: var(--fg-4) !important;
  }
  .form-actions {
    border-color: var(--bg-5) !important;
    background-color: transparent !important;
  }
  .form-control.select-control,
  .search form.select-control {
    background-color: var(--bg-2) !important;
  }
  .form-group button[class*='dropdown'] {
    height: 34px !important;
  }
  .atwho-view {
    color: var(--fg-4) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
    box-shadow: var(--bshadow);
  }
  .atwho-view .atwho-view-ul li {
    color: var(--fg-1) !important;
  }
  .atwho-view .atwho-view-ul li strong {
    color: var(--ac) !important;
  }
  .atwho-view .atwho-view-ul li small,
  .atwho-view .atwho-view-ul li .params {
    color: var(--fg-4) !important;
  }
  .atwho-view .atwho-view-ul li:hover,
  .atwho-view .atwho-view-ul li.cur {
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
  }
  ul.content-list li {
    color: var(--fg-1) !important;
    border-color: var(--bg-3) !important;
  }
  ul.content-list li a {
    color: var(--fg-1) !important;
  }
  ul.content-list li .commit-sha {
    color: var(--ac) !important;
  }
  .item-meta * {
    color: var(--fg-4) !important;
  }
  ul.content-list li .todo-label a,
  ul.content-list li .todo-project a {
    color: var(--ac) !important;
  }
  ul.content-list li .group-row-contents:hover {
    background-color: var(--bg-2) !important;
  }
  ul.content-list li .group-row-contents .metadata span,
  ul.content-list li .group-row-contents .metadata div {
    color: var(--fg-4) !important;
  }
  .has-no-search-results {
    color: var(--fg-4) !important;
  }
  ul.content-list li.group-row .description p,
  ul.content-list li.group-row .stats {
    color: var(--fg-3) !important;
  }
  ul.content-list li.issue:hover,
  ul.content-list li.merge-request:hover,
  ul.content-list li[id *= 'epic']:hover {
    background-color: var(--bg-2) !important;
  }
  ul.content-list:not(.event_commits) > li.commit:hover {
    background-color: var(--bg-2) !important;
  }
  ul.content-list.all-branches .graph-side .bar,
  ul.content-list.all-branches .graph-separator {
    background-color: var(--bg-5) !important;
  }
  ul.content-list.all-branches .branch-item:hover {
    background-color: var(--bg-2) !important;
  }
  ul.content-list.all-branches .commit-sha {
    color: var(--ac) !important;
  }
  ul.content-list.all-branches .cgray {
    color: var(--fg-4) !important;
  }
  ul.content-list.issuable-list .today {
    background-color: var(--v4-0) !important;
  }
  ul.content-list.issuable-list .today:hover {
    background-color: var(--v4-1) !important;
  }
  ul.content-list.issuable-list .closed,
  ul.content-list.issuable-list .merged {
    background-color: var(--bg-2) !important;
  }
  ul.content-list.issuable-list .fa:not(.fa-question-circle),
  ul.content-list.issuable-list .task-status {
    color: var(--fg-3) !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(--fg-3) !important;
  }
  .issuable-email-modal-btn {
    color: var(--ac) !important;
  }
  .icon-merge-request-unmerged {
    filter: invert(0.7);
  }
  ul.content-list.issuable-list.manual-ordering {
    background-color: var(--bg-2) !important;
  }
  ul.content-list.issuable-list.manual-ordering > .issue {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  ul.content-list.requirements-list > li:not([class*='gl-bg']):hover {
    background-color: transparent !important;
  }
  ul.content-list.members-list li {
    background-color: var(--bg-0) !important;
  }
  ul.content-list.members-list li:hover {
    background-color: var(--bg-2) !important;
  }
  input.form-control + button {
    border-color: var(--bg-5);
  }
  ul.content-list .snippet-filename,
  ul.content-list .snippet-info {
    color: var(--fg-4) !important;
  }
  .nav-sidebar {
    border-right: 1px solid var(--bg-5);
    background-color: var(--bg-2) !important;
    box-shadow: none !important;
  }
  .nav-sidebar[data-track-action]:not(#z) {
    top: 50px !important;
  }
  .nav-sidebar[data-track-action]:not(#z) ul li > a {
    margin-right: 6px !important;
    box-shadow: none !important;
  }
  .nav-sidebar[data-track-action]:not(#z) ul li > a:hover {
    background-color: var(--bg-3) !important;
  }
  .nav-sidebar[data-track-action]:not(#z) ul li.active > a.has-sub-items {
    color: var(--ac) !important;
  }
  .nav-sidebar[data-track-action]:not(#z) ul li.active > a:not(.has-sub-items) {
    background-color: var(--bg-4) !important;
  }
  .nav-sidebar[data-track-action]:not(#z) ul li.active {
    box-shadow: none !important;
  }
  .nav-sidebar[data-track-action]:not(#z) ul .has-sub-items + ul {
    margin-top: 0rem !important;
  }
  .nav-sidebar[data-track-action]:not(#z) .fly-out-top-item-container {
    color: var(--fg-1) !important;
    background-color: var(--bg-3) !important;
  }
  .nav-sidebar[data-track-action]:not(#z) .fly-out-top-item-container::before {
    border-right-color: var(--bg-4) !important;
  }
  .nav-sidebar[data-track-action]:not(#z) .toggle-sidebar-button {
    box-shadow: inset -1px 0 var(--bg-5) !important;
  }
  .nav-sidebar .context-header a {
    color: var(--fg-1) !important;
  }
  .nav-sidebar .context-header:hover:not([data-track-label]) {
    background-color: var(--bg-3) !important;
  }
  .nav-sidebar .context-header .identicon.s40 {
    line-height: 36px !important;
  }
  .nav-sidebar .context-header [class*="avatar"] {
    box-shadow: none !important;
  }
  .nav-sidebar .context-header .sidebar-context-title {
    color: var(--fg-1) !important;
  }
  .nav-sidebar .context-header.active {
    background-color: transparent !important;
  }
  .nav-sidebar .context-header.active > a {
    background-color: var(--bg-3) !important;
  }
  .nav-sidebar li a {
    margin-right: 0px !important;
    color: var(--fg-3) !important;
  }
  .nav-sidebar li svg {
    fill: currentColor !important;
  }
  .nav-sidebar li .divider {
    border-color: var(--bg-5) !important;
  }
  .nav-sidebar li .badge {
    background-color: var(--bg-4) !important;
  }
  .nav-sidebar li.active {
    box-shadow: inset 4px 0 0 var(--v0-8) !important;
  }
  .nav-sidebar li.active > a {
    color: var(--ac) !important;
  }
  .nav-sidebar .sidebar-top-level-items > li:not(.active) > a:hover {
    color: var(--fg-1) !important;
  }
  .nav-sidebar .sidebar-top-level-items > li.active:not([data-track-label]) {
    background-color: var(--bg-3) !important;
  }
  .nav-sidebar .sidebar-top-level-items > li.active:not([data-track-label]) > a:hover {
    background-color: var(--bg-4) !important;
  }
  .nav-sidebar .sidebar-top-level-items > li.active:not([data-track-label]) .badge {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .nav-sidebar .sidebar-top-level-items > li.is-over > a {
    color: var(--fg-1) !important;
    background-color: var(--bg-3) !important;
  }
  .nav-sidebar .sidebar-top-level-items > li.is-over.active > a {
    background-color: var(--bg-3) !important;
  }
  .nav-sidebar .sidebar-top-level-items > li:not(.is-showing-fly-out) > ul > li:not(.active) > a:hover,
  .nav-sidebar .sidebar-top-level-items > li:not(.is-showing-fly-out) > ul > li:not(.active) > a:focus {
    color: var(--fg-1) !important;
    background-color: var(--bg-4) !important;
    box-shadow: inset 4px 0 0 var(--v0-8) !important;
  }
  .nav-sidebar .sidebar-top-level-items > li:not(.is-showing-fly-out) > ul > li.active a {
    background-color: var(--bg-4) !important;
    box-shadow: inset 4px 0 0 var(--v0-8) !important;
  }
  .nav-sidebar .is-showing-fly-out > ul {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .nav-sidebar .is-showing-fly-out > ul li {
    box-shadow: none !important;
  }
  .nav-sidebar .is-showing-fly-out > ul li:not(.active) > a {
    color: var(--fg-3) !important;
  }
  .nav-sidebar .is-showing-fly-out > ul li:not(.active):first-child > a {
    color: var(--fg-1) !important;
  }
  .nav-sidebar .is-showing-fly-out > ul li a:hover,
  .nav-sidebar .is-showing-fly-out > ul li a:focus {
    color: var(--fg-1) !important;
    background-color: var(--bg-3) !important;
  }
  .nav-sidebar .toggle-sidebar-button,
  .nav-sidebar .close-nav-button {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .nav-sidebar .toggle-sidebar-button span,
  .nav-sidebar .close-nav-button span,
  .nav-sidebar .toggle-sidebar-button svg,
  .nav-sidebar .close-nav-button svg {
    color: var(--fg-3) !important;
  }
  .nav-sidebar .toggle-sidebar-button:hover,
  .nav-sidebar .close-nav-button:hover {
    background-color: var(--bg-3) !important;
  }
  .nav-sidebar .toggle-sidebar-button:hover > span,
  .nav-sidebar .close-nav-button:hover > span,
  .nav-sidebar .toggle-sidebar-button:hover > svg,
  .nav-sidebar .close-nav-button:hover > svg {
    color: var(--fg-1) !important;
  }
  .right-sidebar {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    top: 50px !important;
  }
  .right-sidebar .title {
    color: var(--fg-1) !important;
  }
  .right-sidebar .block {
    border-color: var(--bg-4) !important;
  }
  .right-sidebar a:not(.btn):hover {
    color: var(--v0-8);
  }
  .right-sidebar .edit-link,
  .right-sidebar .lock-edit,
  .right-sidebar .no-value,
  .right-sidebar a[href = '#'] {
    color: var(--fg-3) !important;
  }
  .right-sidebar button[data-testid='edit-button']:not(#z) {
    color: var(--fg-3) !important;
  }
  .right-sidebar .btn-link:not([disabled]) {
    color: var(--v0-9) !important;
  }
  .right-sidebar .btn-link:not([disabled]) > svg {
    fill: currentColor !important;
  }
  .right-sidebar .btn-link:not([disabled]).edit-link,
  .right-sidebar .btn-link:not([disabled]).edit-link * {
    color: var(--fg-4) !important;
    background-color: transparent !important;
  }
  .right-sidebar .btn-link:not([disabled]).dropdown-menu-close {
    color: var(--fg-3) !important;
  }
  .right-sidebar .btn.btn-block {
    border: 1px solid var(--bg-5);
  }
  .right-sidebar .btn-link[disabled] {
    color: var(--fg-5) !important;
    border-color: transparent !important;
    background-color: transparent !important;
  }
  .right-sidebar input.form-control,
  .right-sidebar .labels-select-dropdown-button:not(:hover) {
    background-color: var(--bg-1) !important;
  }
  .gl-drawer {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
    box-shadow: -1px 0 var(--bg-5), var(--bshadow);
    top: 50px !important;
  }
  .gl-drawer-header,
  .gl-drawer-body > * {
    border-color: var(--bg-5) !important;
  }
  .gl-drawer.whats-new-drawer {
    top: 10px !important;
  }
  .gl-drawer.whats-new-drawer .img-thumbnail {
    border-color: var(--bg-4) !important;
    background-color: var(--bg-2) !important;
  }
  .gl-drawer.whats-new-drawer .badge-pill {
    color: var(--fg-2) !important;
    background-color: var(--bg-3) !important;
  }
  .right-sidebar .issuable-sidebar {
    overflow-y: auto !important;
  }
  .right-sidebar .issuable-sidebar-header {
    border-color: var(--bg-4) !important;
  }
  .right-sidebar .issuable-sidebar-header .btn-default:not(.gutter-toggle),
  .right-sidebar .issuable-sidebar .dropdown .btn-default:not(.gutter-toggle),
  .right-sidebar .issuable-sidebar-header [data-toggle='dropdown'],
  .right-sidebar .issuable-sidebar .dropdown [data-toggle='dropdown'] {
    background-color: var(--bg-1) !important;
  }
  .right-sidebar .issuable-sidebar-header .btn-default:not(.gutter-toggle):hover,
  .right-sidebar .issuable-sidebar .dropdown .btn-default:not(.gutter-toggle):hover,
  .right-sidebar .issuable-sidebar-header [data-toggle='dropdown']:hover,
  .right-sidebar .issuable-sidebar .dropdown [data-toggle='dropdown']:hover {
    background-color: var(--bg-3) !important;
  }
  .right-sidebar .time_tracker .compare-label,
  .right-sidebar .time-tracker .compare-label {
    color: var(--fg-4) !important;
  }
  .right-sidebar .time_tracker .compare-value,
  .right-sidebar .time-tracker .compare-value {
    color: var(--fg-2) !important;
  }
  .right-sidebar .time_tracker .over_estimate .time-remaining,
  .right-sidebar .time-tracker .over_estimate .time-remaining,
  .right-sidebar .time_tracker .over_estimate .spent,
  .right-sidebar .time-tracker .over_estimate .spent {
    color: var(--v1-7) !important;
  }
  .right-sidebar .time_tracker .time-tracking-help-state,
  .right-sidebar .time-tracker .time-tracking-help-state {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .right-sidebar.build-sidebar .builds-container {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .right-sidebar.build-sidebar .builds-container .build-job.retried {
    background-color: transparent !important;
  }
  .right-sidebar.build-sidebar .builds-container .build-job:hover {
    background-color: var(--bg-0) !important;
  }
  .right-sidebar.build-sidebar .builds-container .build-job:hover a {
    color: var(--fg-1) !important;
  }
  .right-sidebar.build-sidebar .blocks-container a:not(.btn),
  .right-sidebar.build-sidebar .blocks-container .btn-link:not(.btn) {
    color: var(--ac) !important;
  }
  .right-sidebar.build-sidebar .btn,
  .right-sidebar.build-sidebar [data-toggle = 'dropdown'] {
    background-color: var(--bg-1) !important;
  }
  .right-sidebar.build-sidebar .btn:hover,
  .right-sidebar.build-sidebar [data-toggle = 'dropdown']:hover {
    background-color: var(--bg-3) !important;
  }
  .right-sidebar.build-sidebar .btn:focus,
  .right-sidebar.build-sidebar [data-toggle = 'dropdown']:focus {
    background-color: var(--bg-4) !important;
  }
  .right-sidebar.build-sidebar .btn-default-tertiary {
    background-color: transparent !important;
  }
  .right-sidebar .is-option-selected > span {
    color: var(--fg-4) !important;
  }
  .right-sidebar .vertical-timeline::before {
    border-color: var(--fg-4) !important;
  }
  .right-sidebar .vertical-timeline-icon {
    background-color: var(--bg-2) !important;
  }
  .right-sidebar .vertical-timeline-icon.opened svg {
    fill: var(--v4-5) !important;
  }
  .right-sidebar .vertical-timeline-icon.closed svg {
    fill: var(--v6-5) !important;
  }
  .right-sidebar .vertical-timeline-content a:hover {
    color: var(--ac) !important;
  }
  .labels-select-wrapper li.is-focused .label-item {
    background-color: var(--bg-4) !important;
  }
  .labels-select-wrapper .label-item.is-focused,
  .labels-select-wrapper .label-item:hover {
    color: var(--fg-1) !important;
    background-color: var(--bg-4) !important;
  }
  .labels-select-wrapper .gl-link:not(.gl-label-link),
  .labels-select-wrapper .btn-link:not(.gl-label-link) {
    color: var(--fg-3) !important;
  }
  .labels-select-dropdown-contents {
    border: 1px solid var(--bg-5) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    box-shadow: var(--bshadow) !important;
  }
  .labels-select-dropdown-contents .dropdown-title,
  .labels-select-dropdown-contents .dropdown-footer {
    border-color: var(--bg-5) !important;
  }
  .right-sidebar .btn-group li .dropdown-item:hover {
    background-color: var(--bg-5) !important;
  }
  .right-sidebar .btn-group li .dropdown-item,
  .right-sidebar .btn-group li .dropdown-item button.btn {
    background-color: transparent !important;
  }
  .dropdown-title-button {
    float: right;
  }
  .right-sidebar .trigger-build-variable,
  .right-sidebar .trigger-build-value {
    color: var(--fg-3) !important;
  }
  .right-sidebar-expanded .gutter-toggle {
    border-color: var(--bg-5) !important;
  }
  .right-sidebar.right-sidebar-collapsed .gutter-toggle {
    border-bottom-color: var(--bg-5) !important;
    border-radius: 0;
  }
  .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon {
    color: var(--fg-1) !important;
  }
  .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon svg {
    fill: var(--fg-4) !important;
  }
  .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-container:not(:hover) {
    background-color: transparent !important;
  }
  .right-sidebar.right-sidebar-collapsed .gutter-toggle:hover,
  .right-sidebar.right-sidebar-collapsed .block > .sub-block:hover,
  .right-sidebar.right-sidebar-collapsed .block:not(.with-sub-blocks):hover {
    background-color: var(--bg-3) !important;
  }
  .right-sidebar.right-sidebar-collapsed .copy-email-button {
    transition: none;
    border-radius: 0;
  }
  .right-sidebar.right-sidebar-collapsed .copy-email-button:hover {
    background-color: var(--bg-3) !important;
  }
  .top-area {
    border-color: var(--bg-3) !important;
  }
  .nav-links:not(.quick-links) {
    border-color: var(--bg-3) !important;
  }
  .nav-links li a,
  .nav-links li button {
    color: var(--fg-3) !important;
  }
  .nav-links li a:focus,
  .nav-links li button:focus {
    border-color: var(--bg-5) !important;
  }
  .nav-links li:hover a,
  .nav-links li:hover button {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
  }
  .nav-links li.active,
  .nav-links li.active a,
  .nav-links li.active button {
    color: var(--fg-1) !important;
    border-color: var(--v0-8) !important;
  }
  .nav-links li a.active,
  .nav-links li button.active,
  .nav-links li a strong,
  .nav-links li button strong {
    color: var(--fg-1) !important;
    border-color: var(--ac) !important;
  }
  .nav-links li [class$='badge'],
  .nav-links li [data-state] > .badge {
    color: var(--fg-3) !important;
    background-color: var(--bg-3) !important;
  }
  .nav-links li.active [class$='badge'],
  .nav-links li.active [data-state] > .badge {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .nav-tabs .nav-link.active {
    border-color: var(--ac) !important;
    background-color: transparent !important;
  }
  .top-area .form-control {
    background-color: var(--bg-2) !important;
  }
  .content-block {
    border-color: var(--bg-3) !important;
    background-color: transparent !important;
  }
  .content-block p:not(.status-box) {
    color: var(--fg-1) !important;
  }
  .content-block.landing {
    background-color: var(--bg-2) !important;
  }
  .content-block.landing h4 {
    color: var(--fg-1) !important;
  }
  .content-block .new-branch-col .btn {
    padding: 6px 10px !important;
    line-height: 20px !important;
    font-size: 0.875rem;
  }
  .content-block .new-branch-col .btn.gl-h-7 {
    height: unset;
  }
  .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(--bg-3) !important;
  }
  .row-content-block {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .row-content-block.middle-block .btn-cancel:not(:hover):not(:focus) {
    background-color: var(--bg-1) !important;
  }
  #diff-notes-app .diffs.tab-pane {
    margin: 0 !important;
  }
  .row-content-block.footer-block {
    border-color: var(--bg-3) !important;
    background-color: transparent !important;
  }
  .row-content-block :not([class*='group']) > .js-focus-mode-btn:not([disabled]),
  .row-content-block :not([class*='group']) > [class*='btn btn-default']:not([disabled]),
  .row-content-block :not([class*='group']) > [class*='btn btn-inverted']:not([disabled]) {
    background-color: var(--bg-1) !important;
  }
  .row-content-block :not([class*='group']) > .js-focus-mode-btn:not([disabled]):hover,
  .row-content-block :not([class*='group']) > [class*='btn btn-default']:not([disabled]):hover,
  .row-content-block :not([class*='group']) > [class*='btn btn-inverted']:not([disabled]):hover {
    background-color: var(--bg-3) !important;
  }
  .row-content-block [class*='group'] > .btn-default:not(#z) {
    background-color: var(--bg-1) !important;
  }
  .row-content-block [class*='group'] > .btn-default:not(#z):hover {
    background-color: var(--bg-3) !important;
  }
  .row-content-block [class*='group'] > .btn-default:not(#z):focus {
    background-color: var(--bg-4) !important;
  }
  .row-content-block .filtered-search-box,
  .row-content-block .gl-datepicker-input {
    background-color: var(--bg-1) !important;
  }
  .row-content-block button[class*='dropdown-']:not(#z) {
    box-shadow: none !important;
  }
  .row-content-block button[class*='dropdown-']:not(#z):hover,
  .row-content-block button[class*='dropdown-']:not(#z):focus {
    background-color: var(--bg-3) !important;
  }
  .row-content-block .filtered-search-box > .dropdown .gl-button {
    border-color: transparent !important;
    border-right-color: var(--bg-5) !important;
  }
  .row-content-block.top-block {
    padding: 16px 0;
    border-color: var(--bg-3) !important;
    background-color: transparent !important;
  }
  .row-content-block.top-block .event-last-push time {
    color: var(--fg-1) !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']:not(svg) {
    background-color: var(--bg-1) !important;
  }
  .row-content-block span > code,
  .row-content-block form > div > button {
    background-color: var(--bg-1) !important;
  }
  .row-content-block .block {
    border-color: var(--bg-5) !important;
  }
  .row-content-block .block .title {
    color: var(--fg-1) !important;
  }
  .row-content-block .block button.dropdown-toggle[id]:not(#z),
  .row-content-block .block button.dropdown-menu-toggle {
    background-color: var(--bg-2) !important;
  }
  .sub-header-block {
    border-color: var(--bg-3) !important;
    background-color: transparent !important;
  }
  .sub-header-block + .card.bg-light {
    background-color: transparent !important;
  }
  .gl-tabs-nav {
    border-color: var(--bg-3) !important;
  }
  .gl-tab-nav-item {
    color: var(--fg-4) !important;
  }
  .gl-tab-nav-item-active {
    color: var(--fg-1) !important;
  }
  .gl-tab-nav-item:hover {
    box-shadow: inset 0 -0.125rem var(--bg-5);
  }
  .gl-tab-nav-item.active {
    box-shadow: inset 0 -0.125rem var(--ac);
  }
  .gl-tab-content {
    color: var(--fg-1) !important;
  }
  .gl-tab-content .text-dark,
  .gl-tab-content .text-dark:hover {
    color: var(--fg-1) !important;
  }
  .gl-tab-content .text-secondary,
  .gl-tab-content .text-secondary:hover {
    color: var(--fg-4) !important;
  }
  .pipeline-quota {
    border-color: var(--bg-5) !important;
  }
  .pipeline-quota + .ci-table > div:first-child {
    margin-top: -1px !important;
  }
  .registry-placeholder .gl-text-black-normal {
    color: var(--fg-1) !important;
  }
  .registry-placeholder a.gl-text-black-normal:hover {
    color: var(--ac) !important;
  }
  .gitlab-tabs {
    border-radius: 4px 4px 0 0;
    border-color: var(--bg-5) !important;
    background-color: transparent !important;
  }
  .gitlab-tabs.nav.nav-tabs.nav-links {
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid;
    border-color: var(--bg-5) !important;
    box-shadow: none;
  }
  .gitlab-tabs.nav.nav-tabs.nav-links > .nav-item {
    margin: 0;
  }
  .gitlab-tabs li[class ^= 'nav-'] {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-5) !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(--fg-1) !important;
    border-color: transparent !important;
  }
  .gitlab-tabs li[class ^= 'nav-'] a:not(.active) {
    background-color: var(--bg-1) !important;
  }
  .gitlab-tabs li[class ^= 'nav-'] a.active.nav-link {
    margin-bottom: -1px;
    color: var(--fg-1) !important;
    border-color: var(--bg-2) !important;
    background-color: var(--bg-2) !important;
  }
  .gitlab-tabs + .gitlab-tab-content {
    border-radius: 0 0 4px 4px;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .gitlab-tabs + .gitlab-tab-content .form-control,
  .gitlab-tabs + .gitlab-tab-content .info-well {
    background-color: var(--bg-1) !important;
  }
  .gitlab-tabs + .gitlab-tab-content .select2-choice,
  .gitlab-tabs + .gitlab-tab-content .select2-choices {
    background-color: var(--bg-1) !important;
  }
  .gitlab-tabs + .gitlab-tab-content [class *= 'input-group']:not(.template-input-group) {
    border-radius: 3px 0 0 3px;
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .option-title {
    color: var(--fg-1) !important;
  }
  .option-description,
  .option-disabled-reason {
    color: var(--fg-4) !important;
  }
  .template-option {
    border-color: var(--bg-5) !important;
  }
  .gitlab-tabs + .gitlab-tab-content .card-slim {
    background-color: var(--bg-1) !important;
  }
  .new-session-tabs {
    border: 1px solid var(--bg-5) !important;
    border-bottom: none !important;
    background-color: var(--bg-1) !important;
    box-shadow: none !important;
  }
  .new-session-tabs li:not(.active),
  .new-session-tabs li:not(.active):hover a:not(.active) {
    border-color: var(--bg-5) !important;
    background-color: transparent !important;
  }
  .new-session-tabs li a.active {
    border-radius: 0;
    border-color: transparent !important;
    background-color: var(--bg-2) !important;
    box-shadow: 0 1px var(--bg-2);
  }
  .new-session-tabs + .tab-content > div {
    border-radius: 0 0 4px 4px !important;
  }
  [class*='gitea'] svg[version] path,
  [data-page='import:gitea:new'] svg[version] path {
    fill: var(--fg-3) !important;
  }
  [class*='gitea'] svg[version] rect,
  [data-page='import:gitea:new'] svg[version] rect {
    fill: var(--bg-1) !important;
  }
  .blank-state-row .blank-state-link,
  .new-namespace-panel {
    color: var(--fg-3) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .blank-state-row .blank-state-link:hover,
  .new-namespace-panel:hover {
    background-color: var(--bg-2) !important;
  }
  .blank-state-row .blank-state-link h3,
  .new-namespace-panel h3 {
    color: var(--v0-9) !important;
  }
  .blank-state-row .blank-state-link h3 + p,
  .new-namespace-panel h3 + p {
    color: var(--fg-2) !important;
  }
  .projects-list > li {
    border-color: var(--bg-4) !important;
  }
  .projects-list > li .description {
    color: var(--fg-3) !important;
  }
  .user-access-role {
    color: var(--fg-3) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .projects-list.compact .user-access-role {
    line-height: 18px;
  }
  .projects-list.compact .avatar {
    line-height: 36px !important;
  }
  .loading {
    color: var(--fg-4) !important;
  }
  .projects-list:not(.compact),
  .snippets-list-holder > ul,
  #groups > ul {
    margin-top: 10px;
    padding: 12px;
    background-color: var(--bg-2) !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 {
    margin: 0 15px;
    background-color: var(--bg-2) !important;
    border-radius: 4px;
  }
  .user-calendar-activities h4 {
    margin: 10px 12px 0;
    padding: 10px 0;
    border-bottom: 1px solid var(--bg-5);
  }
  .user-calendar-activities ul li,
  .user-calendar-activities > p {
    margin: 0 12px !important;
    padding: 10px 0 !important;
  }
  .event-item {
    color: var(--fg-3) !important;
    border-color: var(--bg-4) !important;
  }
  .event-item .commit,
  .event-item .commits-stat {
    color: var(--fg-1) !important;
  }
  .event-item [href],
  .event-item [href *= '/compare/'] {
    color: var(--ac) !important;
  }
  .event-user-info a[href] {
    color: var(--fg-1) !important;
  }
  div.content_list {
    margin-top: 10px;
    padding: 10px;
    background-color: var(--bg-2) !important;
    border-radius: 4px;
  }
  div.content_list > .event-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .event-note pre.code {
    border: 1px solid var(--bg-5) !important;
    color: var(--fg-1) !important;
    background-color: var(--bg-1) !important;
  }
  .card {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .card .user-info .user {
    color: var(--fg-1) !important;
  }
  .card-header {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .card-header.bg-info {
    color: c98 !important;
    border-color: var(--v6-5) !important;
    background-color: var(--v6-2) !important;
  }
  .card-header.bg-danger {
    color: c98 !important;
    border-color: var(--v1-5) !important;
    background-color: var(--v1-2) !important;
  }
  .card-header + ul > .list-group-item {
    border-color: var(--bg-5) !important;
    background-color: transparent !important;
  }
  .card.border-info {
    border-color: var(--v6-5) !important;
  }
  .card.border-danger {
    border-color: var(--v1-5) !important;
  }
  .list-group > .list-group-item {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .card-header input,
  .card-header [class *= 'dropdown-menu'] {
    background-color: var(--bg-1) !important;
  }
  .card-header .card-title {
    color: var(--fg-1) !important;
  }
  .card-header > .badge-pill {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .card-body > .form-actions {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .card-body,
  .card-body > .form-actions {
    border-radius: 0 0 3px 3px !important;
  }
  .card-footer {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .card-footer.alert-primary {
    color: var(--v6-5) !important;
    background-color: var(--bg-2) !important;
  }
  .card-footer pre,
  .card-footer code {
    border-radius: 4px;
    background-color: var(--bg-1) !important;
  }
  .card.border-0 {
    border: 1px solid var(--bg-5) !important;
  }
  .card.border-0 .card-header a {
    color: var(--fg-1) !important;
  }
  .environments-dashboard .dashboard-card {
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;
  }
  .related-issues-block .card-header {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    border-radius: 3px 3px 0 0;
  }
  .related-issues-block .card-header.panel-empty-heading {
    box-shadow: inset 0 -1px var(--bg-5);
  }
  .related-issues-block .card .linked-issues-card-body {
    min-height: 16px;
    border-radius: 0 0 3px 3px;
    background-color: var(--bg-0) !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(--fg-1) !important;
    background-color: var(--bg-2) !important;
  }
  .issue-token-reference {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .issue-token-remove-button {
    color: var(--v1-5) !important;
    background-color: var(--bg-5) !important;
  }
  .add-issuable-form-input {
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !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(--fg-1) !important;
  }
  .related-items-tree .item-meta {
    color: var(--fg-4) !important;
    border-color: var(--bg-5) !important;
  }
  .related-items-list .item-body.item-closed {
    background-color: var(--bg-0) !important;
    border-radius: 3px !important;
  }
  #merge-requests:not(.card) {
    background-color: var(--bg-0) !important;
  }
  #merge-requests .card-header {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    border-radius: 3px 3px 0 0;
  }
  #merge-requests ul li {
    background-color: transparent !important;
  }
  .item-assignees:not(#z) .avatar {
    border-color: var(--bg-2) !important;
  }
  .item-assignees:not(#z) .avatar-counter {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
    border-radius: var(--avatar);
  }
  [class *= '-filters'] + div[class]:not([class *= 'boards']),
  [class *= '-filters'] + div[class]:not([class *= 'boards']) .card {
    background-color: transparent !important;
  }
  [class *= '-filters'] + div[class]:not([class *= 'boards']) li {
    border-top: none;
    color: var(--fg-1) !important;
  }
  [class *= '-filters'] + div[class]:not([class *= 'boards']) li:hover {
    background-color: var(--bg-2) !important;
  }
  .done-reversible {
    border-top: none !important;
    opacity: 0.6;
    background-color: transparent !important;
  }
  [class *= '-filters'].epics-filters [class *= '-toggle'] {
    background-color: var(--bg-1) !important;
  }
  .card.linked-card::after,
  .card.release-block::after {
    border-color: var(--bg-2) !important;
  }
  .card.linked-card > .card-header,
  .card.release-block > .card-header {
    background-color: var(--bg-2) !important;
  }
  .card.linked-card > .card-body,
  .card.release-block > .card-body {
    background-color: var(--bg-1) !important;
  }
  .card.links-card a {
    color: var(--ac) !important;
  }
  .sortable-container {
    background-color: var(--bg-2) !important;
  }
  .sortable-container[class *= 'body'] {
    border-radius: 0 0 4px 4px;
  }
  .sortable-row .sortable-link {
    color: var(--ac) !important;
  }
  .epic-discussion-separator {
    border-color: var(--bg-5) !important;
  }
  .flex-grid .grid-row,
  .flex-grid .grid-cell {
    border-color: var(--bg-5) !important;
  }
  .flex-grid .property-label {
    color: var(--fg-3) !important;
  }
  .flex-grid .property-value {
    color: var(--fg-1) !important;
  }
  .animation-container [class *= 'skeleton-line-'] {
    background-color: var(--bg-2) !important;
  }
  .animation-container [class *= 'skeleton-line-']::after {
    background-image: linear-gradient(90deg, var(--bg-3) 0%, var(--bg-4) 50%, var(--bg-3));
  }
  [class *= 'card-skeleton-']::after {
    background-image: linear-gradient(90deg, var(--bg-3) 0%, var(--bg-4) 50%, var(--bg-3));
  }
  .gl-spinner.gl-spinner-dark {
    border-color: var(--bg-5) !important;
    border-top-color: var(--ac) !important;
  }
  .gl-spinner-container.labels-fetch-loading {
    background-color: transparent !important;
  }
  svg.gl-skeleton-loader .primary-stop {
    stop-color: var(--bg-3);
  }
  svg.gl-skeleton-loader .secondary-stop {
    stop-color: var(--bg-4);
  }
  .pika-single {
    margin-top: 10px;
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    border-radius: 4px;
  }
  .pika-single .pika-label {
    color: var(--fg-1) !important;
    background-color: transparent !important;
  }
  .pika-single .pika-prev,
  .pika-single .pika-next {
    color: var(--fg-1) !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:not(.gl-datepicker-theme) .pika-table {
    border: 1px solid var(--bg-5);
  }
  .pika-single:not(.gl-datepicker-theme) .pika-table th:not(#z) {
    border-top: none !important;
    color: var(--fg-1) !important;
    border-color: transparent !important;
    background-color: var(--bg-1) !important;
  }
  .pika-single:not(.gl-datepicker-theme) .pika-table td {
    border-color: var(--bg-5) !important;
  }
  .pika-single:not(.gl-datepicker-theme) .pika-table td .pika-day {
    color: var(--fg-1) !important;
    background-color: var(--bg-0) !important;
  }
  .pika-single:not(.gl-datepicker-theme) .pika-table td .pika-day:hover,
  .pika-single:not(.gl-datepicker-theme) .pika-table td[class ^= 'is-'] .pika-day {
    color: var(--ac) !important;
    background-color: var(--bg-2) !important;
  }
  .pika-single:not(.gl-datepicker-theme) .pika-table td.is-disabled .pika-day {
    color: var(--fg-4) !important;
    background-color: transparent !important;
  }
  .pika-single:not(.gl-datepicker-theme) .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(--bg-5);
  }
  .gl-datepicker-theme .pika-lendar:not(#z) tr th {
    color: var(--fg-3) !important;
  }
  .gl-datepicker-theme .pika-lendar:not(#z) .pika-table {
    border-color: transparent !important;
    background-color: transparent !important;
  }
  .gl-datepicker-theme .pika-button {
    color: var(--fg-4) !important;
  }
  .gl-datepicker-theme .pika-button:hover {
    color: var(--fg-1) !important;
    background-color: var(--bg-3) !important;
  }
  .gl-datepicker-theme .is-selected .pika-button {
    color: var(--v9-9) !important;
    background-color: var(--v0-8) !important;
  }
  .avatar,
  .avatar-circle,
  .avatar-container,
  .gl-avatar-s32 {
    text-shadow: 1px 1px 1px var(--shadow);
    border-radius: var(--avatar) !important;
    color: var(--fg-1) !important;
    border-color: transparent !important;
    background-color: transparent !important;
  }
  .rect-avatar.border {
    border: none !important;
  }
  [class*='identicon'] {
    border: 1px solid transparent !important;
  }
  [class*='identicon'][class*='s20'] {
    line-height: 16px !important;
  }
  [class*='identicon'][class*='s24'] {
    line-height: 22px !important;
  }
  [class*='identicon'][class*='s32'] {
    line-height: 28px !important;
  }
  [class*='identicon'][class*='s40'] {
    line-height: 28px !important;
  }
  [class*='identicon'][class*='s48'] {
    line-height: 44px !important;
  }
  [class*='identicon'][class*='s64'] {
    line-height: 60px !important;
  }
  [class*='identicon'][class*='s90'] {
    line-height: 86px !important;
  }
  [class*='identicon'][class*='bg0'] {
    color: var(--v1-9) !important;
    border-color: var(--v1-3) !important;
    background-color: var(--v1-1) !important;
  }
  [class*='identicon'][class*='bg1'] {
    color: var(--v4-9) !important;
    border-color: var(--v4-3) !important;
    background-color: var(--v4-1) !important;
  }
  [class*='identicon'][class*='bg2'] {
    color: var(--v5-9) !important;
    border-color: var(--v5-3) !important;
    background-color: var(--v5-1) !important;
  }
  [class*='identicon'][class*='bg3'] {
    color: var(--v3-9) !important;
    border-color: var(--v3-3) !important;
    background-color: var(--v3-1) !important;
  }
  [class*='identicon'][class*='bg4'] {
    color: var(--v7-9) !important;
    border-color: var(--v7-3) !important;
    background-color: var(--v7-1) !important;
  }
  [class*='identicon'][class*='bg5'] {
    color: var(--v6-9) !important;
    border-color: var(--v6-3) !important;
    background-color: var(--v6-1) !important;
  }
  [class*='identicon'][class*='bg6'] {
    color: var(--v8-9) !important;
    border-color: var(--v8-3) !important;
    background-color: var(--v8-1) !important;
  }
  [class*='identicon'][class*='bg7'] {
    color: var(--v2-9) !important;
    border-color: var(--v2-3) !important;
    background-color: var(--v2-1) !important;
  }
  .avatar.bgNaN {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .page-title {
    color: var(--fg-1) !important;
  }
  .page-title-holder {
    border-color: var(--bg-3) !important;
  }
  .commit-box {
    border-color: var(--bg-3) !important;
  }
  .commit-box .commit-title,
  .commit-box time {
    color: var(--fg-1) !important;
  }
  .breadcrumb-item > a {
    color: var(--fg-4) !important;
  }
  .breadcrumb-item > a strong,
  .breadcrumb-item > a.router-link-exact-active:not(#z) {
    font-weight: bold;
    color: var(--fg-1) !important;
  }
  .breadcrumbs-list a {
    color: var(--fg-4) !important;
  }
  .breadcrumbs-list-angle {
    fill: var(--fg-4) !important;
  }
  .breadcrumbs-container {
    border-color: var(--bg-3) !important;
  }
  .breadcrumbs-sub-title a {
    color: var(--fg-1) !important;
  }
  .breadcrumbs-links img {
    border-color: var(--bg-2) !important;
    background-color: var(--bg-2) !important;
  }
  .breadcrumbs.group-epics-roadmap {
    border-color: var(--bg-3) !important;
  }
  .breadcrumbs.issue-boards-content > .breadcrumbs-container {
    border-color: var(--bg-5) !important;
  }
  .breadcrumb.repo-breadcrumb > li + li::before,
  .breadcrumb.repo-breadcrumb a:not([class*='dropdown']) {
    color: var(--fg-3) !important;
  }
  .pagination .page-link {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .pagination .page-link:not(.active):hover {
    background-color: var(--bg-4) !important;
    box-shadow: none;
  }
  .pagination .disabled .page-link {
    color: var(--fg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .pagination .active .page-link,
  .pagination .page-link.active {
    color: var(--v9-9) !important;
    border-color: var(--v0-7) !important;
    background-color: var(--v0-3) !important;
  }
  .md {
    color: var(--fg-1) !important;
  }
  .md h1,
  .md h2 {
    color: var(--fg-1) !important;
    border-color: var(--bg-3) !important;
  }
  .md hr {
    border-color: var(--bg-4) !important;
  }
  .md a > code,
  .md p > code {
    padding: 2px 4px;
  }
  .md a,
  .md a > code {
    color: var(--ac) !important;
  }
  .md p,
  .md p > code {
    color: var(--fg-1) !important;
  }
  .md kbd {
    border-color: var(--bg-5) !important;
    box-shadow: inset 0 -1px 0 var(--bg-5) !important;
  }
  .md kbd > kbd {
    background-color: var(--bg-0) !important;
  }
  .md blockquote,
  .md .blockquote {
    border-left-width: 4px;
    color: var(--fg-3) !important;
    border-color: var(--bg-5) !important;
  }
  .md blockquote p,
  .md .blockquote p {
    color: var(--fg-3) !important;
  }
  .md img.lazy {
    background-color: var(--bg-2) !important;
  }
  .md img:not(.emoji) {
    border-color: var(--bg-5) !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(--bg-5);
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
  }
  .md pre.code.white.highlight {
    background-color: var(--bg-2) !important;
  }
  .md pre.code.none {
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
  }
  .md pre.code.none .line span {
    color: var(--fg-1) !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(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .md-suggestion-diff {
    font-family: var(--mono-font) !important;
    border-radius: 0 0 4px 4px !important;
    border-color: var(--bg-5) !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(--fg-1) !important;
  }
  .task-list {
    color: var(--fg-1) !important;
  }
  .swagger-ui {
    color: var(--fg-1) !important;
  }
  .swagger-ui a {
    color: var(--ac) !important;
  }
  .swagger-ui a:not([href]) {
    color: inherit !important;
  }
  .swagger-ui.info a:hover {
    opacity: 0.8;
  }
  .swagger-ui p,
  .swagger-ui li,
  .swagger-ui table,
  .swagger-ui h3,
  .swagger-ui h4,
  .swagger-ui h5,
  .swagger-ui label {
    color: var(--fg-1) !important;
  }
  .swagger-ui :not(pre) > code {
    color: var(--ac) !important;
    background-color: var(--bg-2) !important;
  }
  .swagger-ui pre.microlight {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .swagger-ui pre.microlight span:not([style]) {
    color: var(--fg-1) !important;
  }
  .swagger-ui pre.microlight span[style^='color: rgb(162'] {
    color: var(--v4-7) !important;
  }
  .swagger-ui pre.microlight span[style^='color: rgb(211'] {
    color: var(--v2-7) !important;
  }
  .swagger-ui input,
  .swagger-ui textarea {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .swagger-ui input[disabled],
  .swagger-ui textarea[disabled],
  .swagger-ui input[disabled]::placeholder,
  .swagger-ui textarea[disabled]::placeholder {
    color: var(--fg-5) !important;
  }
  .swagger-ui input:focus,
  .swagger-ui textarea:focus {
    border-color: var(--v6-5) !important;
    box-shadow: 0 0 0 0.2rem var(--v6-3);
  }
  .swagger-ui .btn {
    color: var(--fg-3) !important;
    border-color: var(--bg-5) !important;
  }
  .swagger-ui .btn-done {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
  }
  .swagger-ui .btn.execute {
    color: var(--v9-9) !important;
    border-color: var(--v0-7) !important;
    background-color: var(--v0-5) !important;
  }
  .swagger-ui .btn.cancel {
    color: var(--v9-9) !important;
    border-color: var(--v1-7) !important;
    background-color: var(--v1-4) !important;
  }
  .swagger-ui .btn.authorize {
    color: var(--v4-7) !important;
    border-color: var(--v4-3) !important;
  }
  .swagger-ui .btn.authorize:hover {
    background-color: var(--v4-1) !important;
  }
  .swagger-ui .btn:hover {
    opacity: 0.9;
    box-shadow: var(--bshadow);
  }
  .swagger-ui select {
    background-size: auto !important;
    background-position-x: right -10px !important;
    background-position-y: top 5px !important;
    background-repeat: no-repeat !important;
  }
  .swagger-ui select.content-type {
    color: var(--fg-1) !important;
    border-color: var(--v4-6) !important;
  }
  .swagger-ui select[disabled] {
    color: var(--fg-5) !important;
  }
  .swagger-ui *:not(code):not(pre) {
    font-family: var(--ui-font) !important;
  }
  .swagger-ui svg.arrow {
    fill: var(--fg-3) !important;
  }
  .swagger-ui .unlocked > svg {
    fill: var(--v9-9) !important;
  }
  .swagger-ui .authorize > svg {
    fill: var(--v4-7) !important;
  }
  .swagger-ui .close-modal > svg {
    fill: var(--fg-3) !important;
  }
  .swagger-ui .title {
    color: var(--fg-1) !important;
  }
  .swagger-ui .title small {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .swagger-ui .title .version-stamp {
    color: var(--inverse) !important;
    background-color: var(--v0-7) !important;
  }
  .swagger-ui .dialog-ux .backdrop-ux {
    background-color: var(--bg-0) !important;
    opacity: 0.85;
  }
  .swagger-ui .dialog-ux .modal-ux {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .swagger-ui .dialog-ux .modal-ux-header {
    border-color: var(--bg-5) !important;
  }
  .swagger-ui .opblock-tag {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
  }
  .swagger-ui .opblock-tag:hover {
    background-color: var(--bg-2) !important;
  }
  .swagger-ui .opblock-section-header {
    background-color: var(--bg-2) !important;
    box-shadow: 0 1px var(--bg-5), inset 0 1px var(--bg-5) !important;
  }
  .swagger-ui .opblock-summary {
    border-color: inherit !important;
  }
  .swagger-ui .opblock-summary-path {
    color: var(--v9-8) !important;
  }
  .swagger-ui .opblock-summary-description {
    color: var(--v9-6) !important;
  }
  .swagger-ui .opblock-summary-operation-id,
  .swagger-ui .opblock-summary-path__deprecated {
    color: var(--fg-1) !important;
  }
  .swagger-ui .opblock .active h4 span::after {
    background-color: var(--ac) !important;
  }
  .swagger-ui .opblock [class*='accept-message'] {
    color: var(--v4-7) !important;
  }
  .swagger-ui .opblock .download-contents,
  .swagger-ui .opblock .copy-to-clipboard {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .swagger-ui .opblock .download-contents:hover,
  .swagger-ui .opblock .copy-to-clipboard:hover {
    opacity: 0.8;
  }
  .swagger-ui .opblock-get {
    border-color: var(--v6-4) !important;
    background-color: var(--v6-1) !important;
  }
  .swagger-ui .opblock-get .opblock-summary-method {
    background-color: var(--v6-4) !important;
  }
  .swagger-ui .opblock-put {
    border-color: var(--v2-4) !important;
    background-color: var(--v2-1) !important;
  }
  .swagger-ui .opblock-put .opblock-summary-method {
    background-color: var(--v2-4) !important;
  }
  .swagger-ui .opblock-post {
    border-color: var(--v4-4) !important;
    background-color: var(--v4-1) !important;
  }
  .swagger-ui .opblock-post .opblock-summary-method {
    background-color: var(--v4-4) !important;
  }
  .swagger-ui .opblock-patch {
    border-color: var(--v5-4) !important;
    background-color: var(--v5-1) !important;
  }
  .swagger-ui .opblock-patch .opblock-summary-method {
    background-color: var(--v5-4) !important;
  }
  .swagger-ui .opblock-delete {
    border-color: var(--v1-4) !important;
    background-color: var(--v1-1) !important;
  }
  .swagger-ui .opblock-delete .opblock-summary-method {
    background-color: var(--v1-4) !important;
  }
  .swagger-ui .scheme-container {
    background-color: var(--bg-2) !important;
    box-shadow: 0 1px var(--bg-5), inset 0 1px var(--bg-5) !important;
  }
  .swagger-ui .models {
    border-color: var(--bg-5) !important;
  }
  .swagger-ui .model,
  .swagger-ui .model-title {
    color: var(--fg-1) !important;
  }
  .swagger-ui .model-toggle {
    filter: invert();
  }
  .swagger-ui .prop-format {
    color: var(--fg-4) !important;
  }
  .swagger-ui .prop-type {
    color: var(--v8-7) !important;
  }
  .swagger-ui .parameter__name {
    color: var(--fg-1) !important;
  }
  .swagger-ui .parameter__name::after {
    color: var(--v1-5) !important;
  }
  .swagger-ui .parameter__name.required span {
    color: var(--v1-7) !important;
  }
  .swagger-ui .parameter__in,
  .swagger-ui .parameter__type {
    color: var(--fg-4) !important;
  }
  .swagger-ui table:not(#z) {
    padding: 0 !important;
    background-color: transparent !important;
  }
  .swagger-ui table:not(#z) thead tr {
    box-shadow: 0 1px var(--bg-5) !important;
  }
  .swagger-ui table:not(#z) thead tr th,
  .swagger-ui table:not(#z) thead tr td {
    color: var(--fg-1) !important;
    background-color: transparent !important;
  }
  .gl-banner {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .close {
    color: var(--fg-4) !important;
    text-shadow: none;
  }
  .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/'],
  .new-namespace-panel-illustration,
  [data-page='projects:new'] .col-lg-3 svg[width][height],
  #oauth-login-github > img {
    filter: invert(0.8) brightness(110%) hue-rotate(180deg);
    box-shadow: none !important;
  }
  .gl-alert-title {
    color: var(--v9-9) !important;
  }
  .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-warning {
    color: var(--v9-7) !important;
    border-color: var(--v2-3) !important;
    background-color: var(--v2-1) !important;
  }
  .gl-alert-warning .gl-alert-icon {
    fill: var(--v2-8) !important;
  }
  .gl-alert-danger {
    color: var(--v9-7) !important;
    border-color: var(--v1-3) !important;
    background-color: var(--v1-1) !important;
  }
  .gl-alert-danger .gl-alert-icon {
    fill: var(--v1-8) !important;
  }
  .gl-alert-success {
    color: var(--v9-7) !important;
    border-color: var(--v4-3) !important;
    background-color: var(--v4-1) !important;
  }
  .gl-alert-success .gl-alert-icon {
    fill: var(--v4-8) !important;
  }
  .gl-alert-info {
    color: var(--v9-7) !important;
    border-color: var(--v6-3) !important;
    background-color: var(--v6-1) !important;
  }
  .gl-alert-info .gl-alert-icon {
    fill: var(--v6-8) !important;
  }
  .gl-alert-tip {
    color: var(--fg-2) !important;
    border-color: var(--bg-4) !important;
    background-color: var(--bg-2) !important;
  }
  .gl-alert-tip .gl-alert-icon {
    fill: var(--fg-4) !important;
  }
  .alert-wrapper > .gl-alert {
    border-bottom: 1px solid;
  }
  .flash-container svg {
    fill: currentColor !important;
  }
  .flash-container .flash-alert {
    color: var(--v9-8) !important;
    background-color: var(--v1-3) !important;
  }
  .flash-container .flash-notice {
    color: var(--v9-8) !important;
    background-color: var(--v6-3) !important;
  }
  .flash-container .flash-warning {
    color: var(--v9-8) !important;
    background-color: var(--v2-3) !important;
  }
  .flash-container .flash-success {
    color: var(--v9-8) !important;
    background-color: var(--v4-3) !important;
  }
  .flash-container.sticky {
    top: 58px !important;
  }
  .alert.alert-info,
  .alert.alert-primary {
    color: var(--v9-8) !important;
    border-color: var(--v6-3) !important;
    background-color: var(--v6-2) !important;
  }
  .alert.alert-warning {
    color: var(--v9-8) !important;
    border-color: var(--v2-3) !important;
    background-color: var(--v2-2) !important;
  }
  .alert.alert-success {
    color: var(--v9-8) !important;
    border-color: var(--v4-3) !important;
    background-color: var(--v4-2) !important;
  }
  .alert.alert-secondary {
    color: var(--fg-3) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .alert.alert-danger {
    color: var(--v9-8) !important;
    border-color: var(--v1-3) !important;
    background-color: var(--v1-2) !important;
  }
  .alert.alert-light {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .alert h4 {
    color: inherit !important;
  }
  [class *= 'broadcast-banner'] svg {
    fill: currentColor !important;
  }
  [class *= 'broadcast-banner'] .fa {
    color: currentColor !important;
  }
  .broadcast-notification-message {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    box-shadow: var(--bshadow);
  }
  .broadcast-notification-message .btn {
    color: var(--fg-1) !important;
  }
  .broadcast-notification-message a {
    color: var(--ac) !important;
  }
  [role = 'alert'][class *= '_message']:not([class *= 'epic']) {
    border-radius: 4px;
  }
  [role = 'alert'] .warning_message:not(#z),
  .warning_message:not(#z) {
    color: var(--v9-8) !important;
    border-color: var(--v2-4) !important;
    background-color: var(--v2-1) !important;
  }
  [role = 'alert'] .danger_message:not(#z),
  .danger_message:not(#z) {
    color: var(--v9-8) !important;
    border-color: var(--v1-4) !important;
    background-color: var(--v1-1) !important;
  }
  .gl-toggle,
  .project-feature-toggle {
    background-color: var(--bg-4) !important;
  }
  .gl-toggle .toggle-icon,
  .project-feature-toggle .toggle-icon {
    background-color: var(--bg-1) !important;
  }
  .gl-toggle .toggle-icon svg,
  .project-feature-toggle .toggle-icon svg {
    fill: var(--fg-4) !important;
  }
  .gl-toggle.is-checked,
  .project-feature-toggle.is-checked {
    background-color: var(--ac) !important;
  }
  .gl-toggle.is-checked svg,
  .project-feature-toggle.is-checked svg {
    fill: var(--ac) !important;
  }
  .gl-form-checkbox,
  .gl-form-radio {
    color: var(--fg-1) !important;
  }
  .gl-form-input {
    box-shadow: none !important;
    font-family: var(--ui-font) !important;
  }
  .custom-select {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .custom-select:focus {
    border-color: var(--v6-5) !important;
    box-shadow: 0 0 0 0.2rem var(--v6-2) !important;
  }
  .gl-form-group .bordered-box.pl-3 {
    padding: 0 !important;
    background-color: var(--bg-1) !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(--v6-5) !important;
  }
  .help-form .form-group form,
  .help-form .form-group .form-control,
  .help-form .form-group code {
    background-color: var(--bg-1) !important;
  }
  .form-group > label + input {
    background-color: var(--bg-2) !important;
  }
  .gl-font-monospace {
    font-family: var(--mono-font) !important;
  }
  .gl-filtered-search-scrollable {
    background-color: var(--bg-1) !important;
    border-radius: 4px 0 0 4px;
    box-shadow: inset 0 0 0 1px var(--bg-5) !important;
  }
  .gl-filtered-search-scrollable input {
    color: var(--fg-1) !important;
    background-color: transparent !important;
  }
  .gl-filtered-search-suggestion-active {
    background-color: var(--bg-5) !important;
  }
  .gl-filtered-search-suggestion-active a,
  .gl-filtered-search-suggestion-active p {
    color: var(--fg-1) !important;
  }
  .gl-filtered-search-token-operator-description {
    color: var(--fg-4) !important;
  }
  .gl-token {
    color: var(--fg-1);
    background-color: var(--bg-3);
  }
  .gl-token-close {
    color: var(--fg-4) !important;
  }
  .gl-token-content {
    color: var(--fg-1) !important;
  }
  .gl-token.gl-filtered-search-token-type,
  .gl-token.gl-filtered-search-token-operator {
    background-color: var(--bg-2) !important;
  }
  .gl-token.gl-filtered-search-token-data {
    background-color: var(--bg-3) !important;
  }
  .gl-search-box-by-click-search-button {
    border: 1px solid var(--bg-5);
  }
  .gl-text-body {
    color: var(--fg-1) !important;
  }
  .gl-text-white {
    color: var(--inverse) !important;
  }
  .gl-text-black-normal {
    color: var(--fg-0) !important;
  }
  .gl-text-orange-500:not(#z) {
    color: var(--v2-5) !important;
    fill: var(--v2-5) !important;
  }
  .gl-text-red-500\! {
    color: var(--v1-5) !important;
  }
  .gl-text-gray-900 {
    color: var(--fg-1) !important;
  }
  .gl-bg-white {
    background-color: var(--bg-0) !important;
  }
  .gl-bg-gray-10 {
    background-color: var(--bg-1) !important;
  }
  .gl-bg-gray-50 {
    background-color: var(--bg-2) !important;
  }
  .bg-secondary-50 {
    background-color: var(--bg-3) !important;
  }
  .gl-bg-green-100.gl-text-green-800 {
    color: var(--v4-8) !important;
    border-color: var(--v4-2) !important;
    background-color: var(--v4-2) !important;
  }
  .gl-bg-green-500 {
    background-color: var(--v4-5) !important;
  }
  .gl-bg-blue-50 {
    background-color: var(--v6-2) !important;
  }
  .gl-bg-blue-50\! {
    background-color: var(--v6-1) !important;
  }
  .gl-bg-red-50 {
    background-color: var(--v1-0) !important;
  }
  .gl-border-gray-50 {
    border-color: var(--bg-4) !important;
  }
  .gl-border-gray-100,
  .gl-border-gray-200 {
    border-color: var(--bg-5) !important;
  }
  .border {
    border: 1px solid var(--bg-5) !important;
  }
  .border-left {
    border-left-color: var(--bg-3) !important;
  }
  .border-top {
    border-top-color: var(--bg-3) !important;
  }
  .gl-border-b-gray-100 {
    border-color: var(--bg-5) !important;
  }
  .gl-border-b-gray-200 {
    border-color: var(--bg-4) !important;
  }
  .gl-border-t-gray-100 {
    border-color: var(--bg-5) !important;
  }
  .gl-sm-text-body {
    color: var(--fg-1) !important;
  }
  .gl-inset-border-1-gray-100,
  .gl-inset-border-1-gray-100\! {
    box-shadow: inset 0 0 0 1px var(--bg-5) !important;
  }
  .gl-new-dropdown button[class*='close'] {
    border-color: transparent !important;
    background-color: transparent !important;
  }
  .gl-new-dropdown-header-top {
    border-color: var(--bg-5) !important;
  }
  .gl-new-dropdown .dropdown-menu:not(#z) {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .gl-new-dropdown .dropdown-menu:not(#z) .btn-link.dropdown-item {
    color: var(--fg-3) !important;
  }
  .gl-new-dropdown .dropdown-menu:not(#z) .btn-link.dropdown-item.is-active {
    color: var(--fg-1) !important;
  }
  .gl-new-dropdown .dropdown-toggle-split:not(:disabled)::after {
    background-color: var(--fg-3) !important;
  }
  .gl-new-dropdown-item .dropdown-item {
    color: inherit;
  }
  .gl-new-dropdown-item .dropdown-item:not(.disable-hover):hover {
    color: var(--fg-1) !important;
    background-color: var(--bg-4) !important;
  }
  .gl-new-dropdown-item .dropdown-item:not(.disable-hover):hover p {
    color: var(--fg-1) !important;
  }
  .gl-new-dropdown button.dropdown-toggle-split {
    margin-left: -1px !important;
  }
  .gl-card {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .gl-card-header,
  .gl-card-footer {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .gl-badge:not(#z).badge-success {
    color: var(--v9-9) !important;
    background-color: var(--v4-5) !important;
  }
  .gl-badge:not(#z).badge-warning {
    color: var(--v9-9) !important;
    background-color: var(--v2-5) !important;
  }
  .gl-badge:not(#z).badge-danger {
    color: var(--v9-9) !important;
    background-color: var(--v1-5) !important;
  }
  .gl-badge:not(#z).badge-info {
    color: var(--v9-9) !important;
    background-color: var(--v6-5) !important;
  }
  .gl-breadcrumbs {
    box-shadow: inset 0 -1px var(--bg-5);
  }
  .gl-breadcrumb-separator > svg {
    color: var(--fg-4) !important;
  }
  .gl-breadcrumb-item:last-child > a {
    color: var(--fg-1) !important;
  }
  .gl-form-input.form-control-plaintext {
    color: var(--fg-1) !important;
    background-color: transparent !important;
  }
  .gl-form-select {
    font-family: var(--ui-font);
    box-shadow: inset 0 0 0 1px var(--bg-5);
  }
  .gl-form-select:disabled {
    color: var(--fg-5) !important;
    box-shadow: inset 0 0 0 1px var(--bg-5);
  }
  .gl-avatar-labeled-labels {
    color: var(--fg-1) !important;
  }
  .gl-avatar-labeled-sublabel {
    color: var(--fg-3) !important;
  }
  .gfm {
    color: var(--fg-1) !important;
  }
  .gfm.gfm-issue,
  .gfm.gfm-merge_request,
  .gfm.gfm-epic,
  .gfm.gfm-milestone {
    color: var(--ac) !important;
  }
  .gfm.gfm-commit,
  .gfm.gfm-commit_range {
    font-family: var(--mono-font);
  }
  .gfm.gfm-commit,
  .gfm.gfm-commit_range > code {
    color: var(--ac) !important;
  }
  .gfm-color_chip > span {
    border-color: transparent !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(--ac) !important;
    background-color: transparent !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(--ac) !important;
  }
  .gfm.gfm-project_member:hover::before {
    opacity: 0.4;
  }
  .gfm.gfm-project_member.current-user {
    color: var(--inverse) !important;
    background-color: var(--v0-7) !important;
  }
  .gfm.gfm-project_member.current-user:hover {
    opacity: 0.7;
  }
  .suggestion {
    color: var(--fg-1) !important;
  }
  .suggestion-confidential.s16 {
    fill: var(--v2-5) !important;
  }
  .suggestion-state-closed.s16 {
    fill: var(--v6-5) !important;
  }
  .suggestion-state-open.s16 {
    fill: var(--v4-5) !important;
  }
  .gl-label {
    transition: 0.2s ease;
    background-color: var(--bg-3);
    z-index: 1;
  }
  .gl-label span {
    z-index: -1;
    position: relative;
  }
  .gl-label span,
  .gl-label a {
    text-decoration: none !important;
  }
  .gl-label[style*='d-color:#333'] {
    background-color: var(--v9-3) !important;
    box-shadow: inset 0 0 0 1px var(--v9-6) !important;
  }
  .gl-label-text-light[style*='--label-background'] .gl-label-text-scoped {
    filter: grayscale();
    color: var(--fg-1) !important;
  }
  .gl-label-text-light[style*='--label-background'] .gl-label-close svg {
    fill: var(--inverse) !important;
  }
  .gl-label-text-light[style] {
    text-shadow: 1px 1px 0px var(--shadow), 1px 1px 0px var(--shadow), 1px 1px 0px var(--shadow);
  }
  .gl-label-text-dark .gl-label-text-scoped {
    filter: grayscale();
    color: var(--fg-1) !important;
  }
  .gl-label-text-dark:not([style]) {
    color: var(--fg-1) !important;
  }
  .gl-label-close {
    background-color: transparent !important;
    position: relative;
  }
  .gl-label-close:hover {
    background-color: var(--shadow) !important;
  }
  .gl-label-close::before {
    z-index: -1;
    content: '';
    position: absolute;
    pointer-events: none;
    top: -4px;
    left: 4px;
    bottom: -4px;
    right: -4px;
    transition: background 0.2s ease;
    background-color: var(--shadow) !important;
  }
  .gl-label:hover .gl-label-close::before {
    background-color: transparent !important;
  }
  .gl-label span::before {
    z-index: -1;
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: background 0.2s ease;
    background-color: var(--shadow) !important;
  }
  .gl-label:hover span::before {
    background-color: transparent !important;
  }
  .gfm-form[action $= 'tags'] .form-control,
  .gfm-form[action $= 'tags'] .dropdown-menu-toggle {
    background-color: var(--bg-1) !important;
  }
  .modal {
    background-color: transparent !important;
  }
  .modal .modal-content {
    border: 1px solid var(--bg-5);
    color: var(--fg-1) !important;
    background-color: var(--bg-1) !important;
    box-shadow: var(--bshadow) !important;
  }
  .modal .modal-content .modal-header {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .modal .modal-content .modal-header .close {
    color: var(--fg-4) !important;
  }
  .modal .modal-content .modal-body {
    background-color: transparent !important;
  }
  .modal .modal-content .modal-body .modal-subheader {
    border-color: var(--bg-5) !important;
  }
  .modal .modal-content .modal-body table th {
    color: var(--fg-1) !important;
  }
  .modal .modal-content .modal-body table td {
    color: var(--fg-4) !important;
  }
  .modal .modal-content .modal-footer {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .modal .modal-content .modal-footer .btn-default:not(:hover):not(:focus) {
    background-color: var(--bg-0) !important;
  }
  .modal .modal-content .btn-clipboard:not(#z) {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .modal .modal-content .btn[href *= 'mailto:'] {
    height: 34px;
  }
  .modal-backdrop {
    opacity: 0.85 !important;
    background-color: var(--bg-0) !important;
  }
  body.modal-open {
    padding-right: 0px !important;
  }
  .dropzone-previews {
    border-color: var(--bg-5) !important;
  }
  .markdown-selector {
    color: var(--ac);
  }
  .design-dropzone-card .text-center {
    color: var(--fg-1) !important;
  }
  #add-projects-modal .gl-form-input {
    background-color: var(--bg-2) !important;
  }
  .gl-infinite-scroll-container .btn {
    background-color: transparent !important;
  }
  .gl-infinite-scroll-container .btn:focus,
  .gl-infinite-scroll-container .btn.focus {
    background-color: var(--bg-2) !important;
    box-shadow: none !important;
  }
  .gl-infinite-scroll-legend {
    color: var(--fg-4) !important;
  }
  .modal-doorkeepr-auth > .modal-content {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .modal-doorkeepr-auth > .modal-content .modal-header {
    border-color: var(--bg-5) !important;
    background-color: transparent !important;
  }
  .modal-doorkeepr-auth > .modal-content .modal-body {
    background-color: transparent !important;
  }
  .modal-doorkeepr-auth > .modal-content .modal-body .form-actions {
    background-color: var(--bg-2) !important;
  }
  .gl-popover {
    font-family: var(--ui-font);
    border-radius: 4px;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    box-shadow: var(--bshadow) !important;
  }
  .gl-popover-header {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .gl-popover-body {
    padding: 8px;
    color: var(--fg-1) !important;
  }
  .gl-popover.blue {
    background-color: var(--v6-5) !important;
  }
  .arrow {
    color: var(--bg-2);
  }
  .gl-popover.blue .arrow {
    color: var(--v6-5) !important;
  }
  [class *= '-top'] .arrow::before {
    border-top-color: var(--bg-5) !important;
  }
  [class *= '-top'] .arrow::after {
    border-top-color: inherit !important;
  }
  [class *= '-bottom'] .arrow::before {
    border-bottom-color: var(--bg-5) !important;
  }
  [class *= '-bottom'] .arrow::after {
    border-bottom-color: inherit !important;
  }
  [class *= '-left'] .arrow::before {
    border-left-color: var(--bg-5) !important;
  }
  [class *= '-left'] .arrow::after {
    border-left-color: inherit !important;
  }
  [class *= '-right'] .arrow::before {
    border-right-color: var(--bg-5) !important;
  }
  [class *= '-right'] .arrow::after {
    border-right-color: inherit !important;
  }
  .gpg-popover-icon.valid svg {
    border-color: var(--v4-5) !important;
    fill: var(--v4-5) !important;
  }
  .gpg-popover-icon.invalid svg {
    border-color: var(--v1-5) !important;
    fill: var(--v1-5) !important;
  }
  .gpg-popover-user-link {
    color: var(--fg-1) !important;
  }
  .gl-popover .milestone-popover-body {
    background-color: transparent !important;
  }
  .gl-popover .milestone-popover-footer {
    border-color: var(--bg-5) !important;
  }
  .gl-popover .js-user-status {
    color: var(--fg-4) !important;
  }
  .tooltip.show {
    opacity: 1;
  }
  .tooltip-inner {
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
    border: 1px solid var(--bg-5);
    box-shadow: var(--bshadow);
  }
  .tooltip-inner [class *= 'share'] {
    color: var(--fg-3) !important;
  }
  .tooltip-inner [class *= 'scoped-label'] {
    color: var(--ac) !important;
  }
  .tooltip-inner .text-white-50 {
    color: var(--fg-4) !important;
    opacity: 0.5;
  }
  .tooltip[class *= 'bottom'] .arrow::before {
    border-bottom-color: var(--bg-5);
  }
  .tooltip[class *= 'right'] .arrow::before {
    border-right-color: var(--bg-5);
  }
  .tooltip[class *= 'left'] .arrow::before {
    border-left-color: var(--bg-5);
  }
  .tooltip[class *= 'top'] .arrow::before {
    border-top-color: var(--bg-5);
  }
  .popover {
    border: 1px solid var(--bg-5);
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
    box-shadow: var(--bshadow);
  }
  .popover-header {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .popover-body {
    color: var(--fg-1) !important;
  }
  .onboarding-helper-container {
    background-color: var(--bg-1) !important;
    box-shadow: inset 0 0 0 1px var(--bg-5), 0 4px 8px 0 var(--shadow);
  }
  .onboarding-helper-container .avatar {
    border-radius: 50% !important;
    background-color: var(--bg-5) !important;
    box-shadow: inset 0 0 0 1px var(--bg-5);
  }
  .onboarding-helper-container .progress {
    background-color: var(--bg-5) !important;
  }
  .onboarding-helper-container .bg-info {
    background-color: var(--v6-5) !important;
  }
  .onboarding-helper-container .text-info {
    color: var(--v6-5) !important;
  }
  .onboarding-helper-container .active {
    background-color: var(--bg-5) !important;
  }
  .onboarding-helper-container .qa-toggle-btn {
    background-color: transparent !important;
  }
  .onboarding-helper-container .qa-toggle-btn:hover svg {
    fill: var(--fg-1) !important;
  }
  .slead {
    color: var(--fg-3) !important;
  }
  .slead + hr + .no-repo-actions .btn-primary {
    color: var(--ac) !important;
    border-color: var(--ac) !important;
    background-color: transparent !important;
  }
  .slead + hr + .no-repo-actions .btn-primary::before {
    content: '';
    background-color: var(--ac) !important;
  }
  .access-request-link {
    border-color: var(--bg-5) !important;
  }
  .home-panel-description + p time {
    color: var(--fg-1) !important;
  }
  .git-empty h5 {
    color: var(--fg-1) !important;
  }
  .git-empty pre.bg-light {
    background-color: var(--bg-2) !important;
    border-radius: 4px;
  }
  .project-home-panel {
    border-color: var(--bg-5) !important;
  }
  .project-home-panel .project-metadata > div {
    color: var(--fg-4) !important;
  }
  .project-stats {
    border-color: var(--bg-5) !important;
  }
  .project-stats .nav .stat-link {
    color: var(--fg-3) !important;
  }
  .project-stats .nav .stat-link:hover {
    color: var(--fg-1) !important;
  }
  .info-well {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .info-well .commit-row-message,
  .info-well .committer a {
    color: var(--fg-1) !important;
  }
  .info-well .commit-actions {
    align-self: center;
  }
  .info-well .branch-info {
    border-color: var(--bg-5) !important;
  }
  .info-well .branch-info .badge {
    background-color: var(--bg-5) !important;
  }
  .info-well .branch-info .cgray {
    color: var(--fg-1) !important;
  }
  .info-well svg path {
    fill: var(--fg-4) !important;
  }
  .info-well .limit-box {
    color: var(--inverse) !important;
    background-color: var(--v1-5) !important;
  }
  .info-well .limit-box .fa {
    color: var(--inverse) !important;
  }
  .info-well .branches .s12 {
    margin-top: 2px;
  }
  .info-well .well-segment {
    border-color: var(--bg-5) !important;
  }
  .info-well .well-segment code:not([class]) {
    background-color: var(--bg-1) !important;
  }
  .table-holder.bordered-box {
    border: none !important;
  }
  .blame tr:not(:first-child) > td {
    border-top: 1px solid var(--bg-5) !important;
  }
  .file-blame-legend {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !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(--bg-2) !important;
  }
  .blame-commit + .line-numbers:not(#z) {
    border-left: 1px solid var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    border-radius: 0;
  }
  .blame .commit-author-link,
  .blame .cdark {
    color: var(--fg-1) !important;
  }
  .blame .commit-sha {
    color: var(--ac) !important;
  }
  .legend-box-0,
  .blame-commit-age-0::before {
    background-color: var(--v4-5) !important;
    opacity: 0.099;
  }
  .legend-box-1,
  .blame-commit-age-1::before {
    background-color: var(--v4-5) !important;
    opacity: 0.199;
  }
  .legend-box-2,
  .blame-commit-age-2::before {
    background-color: var(--v4-5) !important;
    opacity: 0.299;
  }
  .legend-box-3,
  .blame-commit-age-3::before {
    background-color: var(--v4-5) !important;
    opacity: 0.399;
  }
  .legend-box-4,
  .blame-commit-age-4::before {
    background-color: var(--v4-5) !important;
    opacity: 0.499;
  }
  .legend-box-5,
  .blame-commit-age-5::before {
    background-color: var(--v4-5) !important;
    opacity: 0.599;
  }
  .legend-box-6,
  .blame-commit-age-6::before {
    background-color: var(--v4-5) !important;
    opacity: 0.699;
  }
  .legend-box-7,
  .blame-commit-age-7::before {
    background-color: var(--v4-5) !important;
    opacity: 0.799;
  }
  .legend-box-8,
  .blame-commit-age-8::before {
    background-color: var(--v4-5) !important;
    opacity: 0.899;
  }
  .legend-box-9,
  .blame-commit-age-9::before {
    background-color: var(--v4-5) !important;
    opacity: 0.999;
  }
  .readme-holder {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .readme-holder [class *= 'file-title'] {
    padding: 10px 16px;
    border-radius: 4px 4px 0 0;
  }
  .readme-holder [class *= 'file-title'] a:not(.btn) {
    color: var(--fg-1) !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(--bg-1) !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(--fg-3) !important;
  }
  .commit .commit-author-link,
  .commit-row-message {
    color: var(--fg-1) !important;
  }
  .commit a,
  .generic-commit-status a {
    color: var(--fg-1);
  }
  .commit-header {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .commit-header:first-child {
    border-top-width: 1px;
  }
  .commit-message-container {
    font-family: var(--mono-font);
    background-color: transparent !important;
  }
  .pipeline-graph > div,
  .js-pipeline-graph > div {
    background-color: var(--bg-2) !important;
  }
  .pipeline-graph .ci-status-text,
  .js-pipeline-graph .ci-status-text {
    color: var(--fg-1) !important;
  }
  .pipeline-graph .build,
  .js-pipeline-graph .build,
  .pipeline-graph .gl-build,
  .js-pipeline-graph .gl-build {
    width: 100% !important;
  }
  .pipeline-graph .build-content,
  .js-pipeline-graph .build-content,
  .pipeline-graph .gl-build-content,
  .js-pipeline-graph .gl-build-content {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
    transition: 0.1s ease !important;
  }
  .pipeline-graph .build-content:hover,
  .js-pipeline-graph .build-content:hover,
  .pipeline-graph .gl-build-content:hover,
  .js-pipeline-graph .gl-build-content:hover {
    background-color: var(--bg-3) !important;
  }
  .pipeline-graph .build .linked-pipeline-content,
  .js-pipeline-graph .build .linked-pipeline-content,
  .pipeline-graph .gl-build .linked-pipeline-content,
  .js-pipeline-graph .gl-build .linked-pipeline-content {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
    border-radius: 8px !important;
  }
  .pipeline-graph .build .linked-pipeline-content::before,
  .js-pipeline-graph .build .linked-pipeline-content::before,
  .pipeline-graph .gl-build .linked-pipeline-content::before,
  .js-pipeline-graph .gl-build .linked-pipeline-content::before {
    content: unset !important;
  }
  .pipeline-graph .build .linked-pipeline-content:hover,
  .js-pipeline-graph .build .linked-pipeline-content:hover,
  .pipeline-graph .gl-build .linked-pipeline-content:hover,
  .js-pipeline-graph .gl-build .linked-pipeline-content:hover {
    background-color: var(--bg-0) !important;
  }
  .pipeline-graph .curve::before,
  .js-pipeline-graph .curve::before,
  .pipeline-graph .build:not(first-child)::before,
  .js-pipeline-graph .build:not(first-child)::before,
  .pipeline-graph .gl-build:not(first-child)::before,
  .js-pipeline-graph .gl-build:not(first-child)::before,
  .stage-container::before,
  .pipeline-graph .curve::after,
  .js-pipeline-graph .curve::after,
  .pipeline-graph .build:not(first-child)::after,
  .js-pipeline-graph .build:not(first-child)::after,
  .pipeline-graph .gl-build:not(first-child)::after,
  .js-pipeline-graph .gl-build:not(first-child)::after,
  .stage-container::after {
    border-color: var(--bg-5) !important;
  }
  .ci-build-text,
  .ci-status-text,
  .pipeline-graph .build-content .gl-font-weight-100,
  .js-pipeline-graph .build-content .gl-font-weight-100,
  .pipeline-graph .gl-build-content .gl-font-weight-100,
  .js-pipeline-graph .gl-build-content .gl-font-weight-100 {
    font-weight: normal !important;
    color: var(--fg-4) !important;
  }
  div[class *= 'mini-pipe']:focus {
    box-shadow: 0 0 4px 0px var(--ac) !important;
  }
  div[class *= 'mini-pipe'] li:hover [class *= 'dropdown-item'] {
    background-color: var(--bg-5) !important;
  }
  .build-page .top-bar {
    z-index: 99;
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    border-radius: 4px 4px 0 0;
    top: 49px !important;
  }
  .build-page .job-log {
    border: 1px solid var(--bg-5);
    border-top: none;
    color: var(--fg-1) !important;
    background-color: var(--bg-1) !important;
    box-shadow: none;
    border-radius: 0 0 4px 4px;
  }
  .build-page .line-number {
    color: var(--fg-4) !important;
  }
  .build-page .collapsible-line .log-duration-badge {
    background-color: var(--bg-5) !important;
  }
  .build-page .collapsible-line:hover {
    background-color: var(--bg-2) !important;
  }
  .build-page .term-fg-l-red {
    color: var(--v1-5) !important;
  }
  .build-page .term-fg-l-blue {
    color: var(--v6-5) !important;
  }
  .build-page .term-fg-l-cyan {
    color: var(--v5-5) !important;
  }
  .build-page .term-fg-l-green {
    color: var(--v4-5) !important;
  }
  .build-page .term-fg-l-yellow {
    color: var(--v3-5) !important;
  }
  .build-page .term-fg-l-magenta {
    color: var(--v7-5) !important;
  }
  .build-page div.build-trace-container {
    padding-right: 0 !important;
  }
  .build-trace {
    border: 1px solid var(--bg-5);
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
  }
  .build-trace-container {
    padding-right: 16px !important;
  }
  .detail-page-header {
    color: var(--fg-4) !important;
    border-color: var(--bg-3) !important;
  }
  .author {
    color: var(--fg-1) !important;
  }
  .detail-page-header a {
    color: var(--fg-3);
  }
  .issuable-warning-icon {
    background-color: var(--v2-2) !important;
  }
  .issuable-warning-icon svg {
    fill: var(--v2-8) !important;
  }
  .detail-page-description,
  .detail-page-description .title {
    border-color: var(--bg-3) !important;
  }
  .page-content-header [class *= '-link'] {
    color: var(--fg-1) !important;
  }
  .page-content-header .header-content a {
    color: var(--fg-1) !important;
  }
  .detail-page-description .title {
    color: var(--fg-1) !important;
  }
  .detail-page-description small {
    color: var(--fg-4) !important;
  }
  .edited-text,
  .edited-text .author-link {
    color: var(--fg-4) !important;
  }
  .filtered-search-box {
    border-radius: 4px;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    min-height: 36px;
  }
  .filtered-search-box ul {
    padding: 0 !important;
  }
  .filtered-search-box input {
    padding-left: 12px !important;
    border: none !important;
    background-color: transparent !important;
  }
  .filtered-search-box input:focus {
    box-shadow: none !important;
  }
  .filtered-search-box .clear-search {
    border-radius: 4px;
    background-color: var(--bg-1) !important;
  }
  .filtered-search-box.focus {
    border-color: var(--v6-6) !important;
    box-shadow: 0 0 0 0.2rem var(--v6-3) !important;
  }
  .filtered-search-box-input-container {
    background-color: transparent !important;
  }
  .filtered-search-token .name,
  .filtered-search-term .name,
  .filtered-search-token .operator,
  .filtered-search-term .operator {
    color: var(--fg-2) !important;
    background-color: var(--bg-2) !important;
  }
  .filtered-search-token .value-container,
  .filtered-search-term .value-container {
    color: var(--fg-1) !important;
    background-color: var(--bg-3) !important;
  }
  .filtered-search-token:first-child {
    margin-left: 5px;
  }
  .filtered-search-term .name {
    background-color: transparent !important;
  }
  .mr-state-widget .mr-source-target {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .mr-widget-heading {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .mr-state-widget .mr-widget-extension {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    box-shadow: 0 1px var(--bg-5) !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(--bg-1) !important;
  }
  .mr-state-widget .mr-widget-extension + .border-top > table {
    margin-bottom: 0px !important;
    border: none !important;
    border-radius: 0 0 4px 4px !important;
  }
  .mr-state-widget .mr-widget-extension + .border-top > table thead tr th {
    background-color: var(--bg-1) !important;
  }
  .mr-state-widget .mr-section-container {
    border: 1px solid var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .mr-state-widget .mr-section-container::before {
    border-color: var(--bg-2) !important;
  }
  .mr-state-widget .mr-section-container > .mr-widget-section {
    border-radius: 0;
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
  }
  .mr-state-widget .mr-section-container .mr-widget-help {
    color: var(--fg-4) !important;
  }
  .mr-state-widget .mr-section-container .mr-widget-empty-state {
    color: var(--fg-1) !important;
  }
  .mr-widget-workflow::before {
    border-width: 2px;
    border-color: var(--bg-2) !important;
  }
  .mr-widget-workflow > :first-child {
    border-top: none;
  }
  .mr-state-widget .mr-widget-border-top {
    border-color: var(--bg-5) !important;
  }
  .mr-state-widget .mr-widget-info {
    color: var(--fg-1) !important;
  }
  .mr-state-widget .mr-widget-body.mr-pipeline-suggest {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .mr-state-widget .mr-widget-body .gl-font-weight-bold {
    color: var(--fg-3) !important;
  }
  .report-block {
    color: var(--fg-1) !important;
  }
  .report-block-list-issue-parent {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .report-block-list-issue-description {
    color: var(--fg-1) !important;
  }
  .report-block-container {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-0) !important;
  }
  .failed > svg {
    fill: var(--v1-5) !important;
  }
  .neutral > svg {
    fill: var(--fg-4) !important;
  }
  .success > svg {
    fill: var(--v4-5) !important;
  }
  .mr-state-widget .border-top {
    border-color: var(--bg-5) !important;
  }
  .mr-state-widget .border-top .table tr:not(:first-child) > td {
    border-top: 1px solid var(--bg-5) !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(--fg-4) !important;
  }
  .mr-state-widget .deploy-heading,
  .mr-state-widget .merge-train-position-indicator {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !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(--bg-2) !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(--fg-1) !important;
  }
  .mr-state-widget .mr-widget-footer {
    border-color: var(--bg-5) !important;
  }
  .mr-state-widget .mr-widget-footer .btn-link {
    color: var(--ac) !important;
  }
  .mr-state-widget .mr-widget-footer .mr-widget-help {
    color: var(--fg-3) !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(--ac);
    background-color: var(--bg-2) !important;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px var(--bg-5);
  }
  .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(--fg-1) !important;
  }
  .mr-state-widget .diverged-commits-count,
  .mr-state-widget .coverage {
    color: var(--fg-4) !important;
  }
  .wiki a {
    color: var(--ac);
  }
  .wiki h1,
  .wiki h2 {
    color: var(--fg-1) !important;
    border-color: var(--bg-3) !important;
  }
  .wiki-last-edit-by {
    color: var(--fg-4) !important;
  }
  .wiki-last-edit-by strong {
    color: var(--fg-1) !important;
  }
  .wiki-sidebar.right-sidebar a {
    color: var(--fg-4) !important;
  }
  .wiki-sidebar.right-sidebar .active a {
    color: var(--ac) !important;
  }
  .wiki-sidebar.right-sidebar .btn {
    background-color: var(--bg-1) !important;
  }
  .wiki-form .form-control {
    background-color: var(--bg-1) !important;
  }
  .wiki-page-header + .table-holder > table {
    margin-top: 10px;
    border: 1px solid var(--bg-5);
  }
  .wiki-page-header + .table-holder > table thead > tr > th {
    border-top: none;
  }
  .wiki-page-header + .table-holder > table tbody > tr:hover {
    background-color: var(--bg-0) !important;
  }
  .wiki-history.table {
    margin-top: 16px;
    border: 1px solid var(--bg-5);
  }
  .wiki-history.table thead > tr > th {
    border-top: none;
  }
  .wiki-history.table tbody > tr > td {
    border-top: 1px solid var(--bg-5) !important;
  }
  .cluster-application-list {
    border-color: var(--bg-5) !important;
  }
  .cluster-application-row {
    background-color: var(--bg-2) !important;
  }
  .cluster-application-row img.avatar:not(.identicon) {
    background-color: 0 0 unset !important;
  }
  .clusters-container .clusters-table {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .project-visibility-setting,
  .project-feature-settings,
  .sub-section {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .settings {
    border-color: var(--bg-3) !important;
  }
  .project-feature-row .form-control {
    background-color: var(--bg-1) !important;
  }
  .settings-message {
    color: var(--v9-8) !important;
    border-color: var(--v2-4) !important;
    background-color: var(--v2-1) !important;
  }
  .settings .account-well {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .settings .account-well li > code {
    background-color: var(--bg-1) !important;
  }
  .settings .protected-branches-list > .table-bordered {
    border: none !important;
  }
  .settings .protected-tags-list {
    border: 1px solid var(--bg-5) !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(--bg-1) !important;
  }
  .settings-content .sub-section .btn-default:hover {
    background-color: var(--bg-3) !important;
  }
  .project-badges {
    margin-top: -0.5rem;
  }
  .project-badges img {
    margin-top: 0.5rem;
    border-radius: 4px;
  }
  .file-holder {
    border-color: var(--bg-5) !important;
  }
  .file-holder .file-title {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .file-holder .file-title-flex-parent {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .file-holder .file-title-flex-parent a {
    color: var(--fg-1);
  }
  .file-holder .file-title-flex-parent .btn.disabled {
    color: var(--fg-5) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .file-holder .file-title-name,
  .file-holder .file-title strong {
    color: var(--fg-1) !important;
  }
  .file-holder .file-content {
    background-color: var(--bg-1) !important;
    border-radius: 0 0 3px 3px;
  }
  .file-holder .file-content pre.code.highlight.white:not([lang]) {
    background-color: var(--bg-1) !important;
  }
  .file-holder .file-content.wiki,
  .documentation-index {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
  }
  .file-holder .file-content.wiki p,
  .documentation-index p {
    color: inherit !important;
  }
  .file-holder .file-content.wiki > *,
  .documentation-index > * {
    color: inherit !important;
    border-color: inherit !important;
  }
  .file-holder .file-content.wiki a,
  .documentation-index a,
  .file-holder .file-content.wiki a > code,
  .documentation-index a > code {
    color: var(--v0-8);
  }
  .file-holder .file-content.wiki .anchor::after,
  .documentation-index .anchor::after {
    content: '#' !important;
    color: var(--fg-5) !important;
  }
  .panel {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .panel-default {
    background-color: transparent !important;
  }
  .panel > .panel-heading {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .panel li:not([class*='disabled']):hover {
    background-color: var(--bg-2) !important;
  }
  .code.white .line-numbers,
  .code.none .line-numbers {
    background-color: var(--bg-2) !important;
  }
  .code.white .line-numbers > a,
  .code.none .line-numbers > a {
    color: var(--fg-3) !important;
    background-color: transparent !important;
  }
  .code.white pre.code,
  .code.none pre.code,
  .code.white .line_content,
  .code.none .line_content {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .code.white code span.line:hover,
  .code.none code span.line:hover {
    background-color: var(--bg-2) !important;
  }
  .code.white code span.line:hover.hll,
  .code.none code span.line:hover.hll {
    background-color: var(--v3-2) !important;
  }
  .code.white code .hll,
  .code.none code .hll {
    background-color: var(--v3-1) !important;
  }
  .idiff.addition {
    color: var(--v4-9) !important;
    background-color: var(--v4-1) !important;
  }
  .idiff.deletion {
    color: var(--v1-9) !important;
    background-color: var(--v1-1) !important;
  }
  .old .idiff {
    color: var(--v9-9) !important;
    background-color: var(--v1-2) !important;
  }
  .new .idiff {
    color: var(--v9-9) !important;
    background-color: var(--v4-2) !important;
  }
  .code.white pre.code {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .code.none pre.code {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .code.none pre.code .line span {
    color: var(--fg-1) !important;
  }
  .code.white .line a {
    color: var(--v6-7) !important;
  }
  .code.white .err {
    color: var(--v9-9) !important;
    background-color: var(--v1-3) !important;
  }
  .code.white .gi {
    color: var(--v9-8) !important;
    background-color: var(--v4-2) !important;
  }
  .code.white .gd {
    color: var(--v9-8) !important;
    background-color: var(--v1-2) !important;
  }
  .code.white .c,
  .code.white .cm,
  .code.white .c1,
  .code.white .gh,
  .code.white .nn,
  .code.white .go,
  .code.white .gt {
    color: var(--fg-4) !important;
  }
  .code.white .n,
  .code.white .cp,
  .code.white .gp,
  .code.white .s {
    color: var(--fg-1) !important;
  }
  .code.white .no,
  .code.white .na,
  .code.white .nb {
    color: var(--v5-7) !important;
  }
  .code.white .sx,
  .code.white .se,
  .code.white .sh,
  .code.white .s1,
  .code.white .s2 {
    color: var(--v1-7) !important;
  }
  .code.white .sr,
  .code.white .vi,
  .code.white .mf,
  .code.white .ne,
  .code.white .nv {
    color: var(--v4-6) !important;
  }
  .code.white .nt,
  .code.white .m,
  .code.white .mi,
  .code.white .mh {
    color: var(--v6-7) !important;
  }
  .code.white .nf,
  .code.white .ss,
  .code.white .si,
  .code.white .nc {
    color: var(--v7-8) !important;
  }
  .code.white .ni,
  .code.white .gu,
  .code.white .sb,
  .code.white .kt {
    color: var(--v8-6) !important;
  }
  .file-title,
  .file-title-flex-parent {
    border-top: 1px solid var(--bg-5) !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::before,
  .diff-file .file-title-flex-parent::before {
    background-color: var(--bg-0) !important;
  }
  .diff-file.preview-container .file-container {
    background-color: transparent !important;
  }
  .diff-file.preview-container .file-container .file-info {
    color: var(--fg-3) !important;
  }
  .note-container {
    border-color: var(--bg-5) !important;
    background-color: transparent !important;
  }
  .note-container .discussion-notes::before,
  .note-container .discussion-form::before {
    background-color: transparent !important;
    filter: invert(0.7);
  }
  .diff-file .diff-content {
    border-radius: 0 0 4px 4px;
    color: var(--fg-1) !important;
    background-color: var(--bg-1) !important;
  }
  .nothing-here-block {
    color: var(--fg-4) !important;
  }
  .nothing-here-block .click-to-expand {
    color: var(--ac) !important;
    border-color: transparent !important;
    background-color: transparent !important;
  }
  .diff-file .diff-content .image {
    background-color: var(--bg-1) !important;
  }
  .diff-file .diff-content .image .frame {
    background-color: transparent !important;
  }
  .diff-file .diff-content .image .frame.added {
    border-color: var(--v4-5) !important;
  }
  .diff-file .diff-content .image .frame.deleted {
    border-color: var(--v1-5) !important;
  }
  .diff-file .diff-content .image .frame img {
    background-image: linear-gradient(45deg, var(--bg-5) 25%, transparent 25%, transparent 75%, var(--bg-5) 75%, var(--bg-5) 100%), linear-gradient(45deg, var(--bg-5) 25%, transparent 25%, transparent 75%, var(--bg-5) 75%, var(--bg-5) 100%);
    border-color: var(--bg-5) !important;
  }
  .diff-file .diff-content .image .frame img:-moz-broken::before {
    content: 'broken image';
  }
  .diff-file .diff-content .image-info {
    color: var(--fg-3) !important;
  }
  .diff-file .diff-content .image ~ .note-container {
    border-color: transparent !important;
    background-color: transparent !important;
  }
  .diff-file .diff-content .image .swipe .swipe-bar,
  .diff-file .diff-content .image .controls {
    filter: invert(0.95) brightness(100%);
  }
  .diff-file .diff-content .view-modes {
    background-color: transparent !important;
  }
  .diff-file .diff-content .view-modes li {
    color: var(--fg-4) !important;
    border-color: var(--bg-5) !important;
  }
  .diff-file .diff-content .view-modes .active {
    color: var(--fg-1) !important;
  }
  .diff-file .diff-content .notes_holder td {
    border-top-color: var(--bg-5) !important;
  }
  .diff-file .diff-content .notes_holder td,
  .diff-file .diff-content .diff-discussions {
    border-bottom-color: var(--bg-5) !important;
  }
  .diff-files-changed {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-0) !important;
    top: 49px;
  }
  .diff-files-changed > div > .dropdown {
    margin-left: 0;
    padding-left: 0;
    background-color: transparent !important;
  }
  .cred:not(#z) {
    color: var(--v1-6) !important;
    fill: var(--v1-6) !important;
  }
  .cgreen:not(#z) {
    color: var(--v4-5) !important;
    fill: var(--v4-5) !important;
  }
  .highlighted:not(#z) {
    color: var(--v0-9) !important;
  }
  .diff-changed-file-path {
    color: var(--fg-4) !important;
  }
  .diff-files-changed [class *= 'summary-toggle'] {
    color: var(--v6-7) !important;
    background-color: transparent !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(--bg-2) !important;
  }
  .diff-tree-list .drag-handle.is-dragging {
    background-color: var(--bg-5) !important;
  }
  .diff-tree-list .file-row:hover,
  .diff-tree-list .file-row:focus {
    background-color: var(--bg-2) !important;
  }
  .diff-tree-list .file-row-header.bg-white {
    background-color: var(--bg-0) !important;
  }
  .diff-tree-list .file-row.is-active {
    background-color: var(--bg-2) !important;
  }
  .diff-file.conflict {
    border-top: none !important;
  }
  .diff-file.conflict tr.line_holder .head {
    border-color: var(--v4-3) !important;
    background-color: var(--v4-0) !important;
  }
  .diff-file.conflict tr.line_holder .head .btn {
    border-color: var(--v4-3) !important;
    background-color: var(--v4-3) !important;
  }
  .diff-file.conflict tr.line_holder .head.diff-line-num,
  .diff-file.conflict tr.line_holder .head.line_content.header,
  .diff-file.conflict tr.line_holder .head.line_content:hover {
    background-color: var(--v4-1) !important;
  }
  .diff-file.conflict tr.line_holder .origin {
    border-color: var(--v6-3) !important;
    background-color: var(--v6-0) !important;
  }
  .diff-file.conflict tr.line_holder .origin .btn {
    border-color: var(--v6-3) !important;
    background-color: var(--v6-3) !important;
  }
  .diff-file.conflict tr.line_holder .origin.diff-line-num,
  .diff-file.conflict tr.line_holder .origin.line_content.header,
  .diff-file.conflict tr.line_holder .origin.line_content:hover {
    background-color: var(--v6-1) !important;
  }
  .diff-file.conflict tr.line_holder .unselected {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .diff-file.conflict tr.line_holder .unselected.diff-line-num {
    background-color: var(--bg-3) !important;
  }
  .diff-file.conflict tr.line_holder .unselected.line_content.header,
  .diff-file.conflict tr.line_holder .unselected.line_content:hover:not(#z) {
    background-color: var(--bg-3) !important;
  }
  .diff-file.conflict tr.line_holder .unselected.line_content:not(.header) {
    background-color: var(--bg-2) !important;
  }
  .diff-file.conflict .editor-wrap.saved .editor {
    border-color: var(--v4-5) !important;
  }
  .code.white,
  .code.none {
    color: var(--fg-1);
    background-color: var(--bg-1);
  }
  .code.white .line_holder pre.code,
  .code.none .line_holder pre.code,
  .code.white .line_holder .line_content,
  .code.none .line_holder .line_content {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
  }
  button.add-diff-note {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  button.add-diff-note:hover {
    background-color: var(--bg-4) !important;
  }
  .code.white .line_holder .unfold:not(#z),
  .code.none .line_holder .unfold:not(#z),
  .code.white .line_holder .unfold:not(#z) + .line_content,
  .code.none .line_holder .unfold:not(#z) + .line_content {
    color: var(--fg-4) !important;
  }
  .code.white .line_holder.match,
  .code.none .line_holder.match,
  .code.white .line_holder.new-nonewline,
  .code.none .line_holder.new-nonewline {
    background-color: var(--bg-2) !important;
  }
  .code.white .line_holder.match .match,
  .code.none .line_holder.match .match,
  .code.white .line_holder.new-nonewline .match,
  .code.none .line_holder.new-nonewline .match {
    color: var(--fg-4) !important;
  }
  .code.white .line_holder .diff-line-num,
  .code.none .line_holder .diff-line-num {
    color: var(--fg-4) !important;
    background-color: var(--bg-2) !important;
  }
  .code.white .line_holder .diff-line-num > a,
  .code.none .line_holder .diff-line-num > a {
    color: var(--fg-3) !important;
  }
  .diff-line-num {
    border-color: var(--bg-5) !important;
  }
  .code.white .line_holder .diff-line-num.old,
  .code.none .line_holder .diff-line-num.old {
    border-color: var(--v1-2) !important;
    background-color: var(--v1-1) !important;
  }
  .code.white .line_holder .diff-line-num.new,
  .code.none .line_holder .diff-line-num.new {
    border-color: var(--v4-2) !important;
    background-color: var(--v4-1) !important;
  }
  .code.white .line_holder .diff-line-num.hll,
  .code.none .line_holder .diff-line-num.hll {
    border-color: var(--v3-2) !important;
    background-color: var(--v3-1) !important;
  }
  .code.white .line_holder .diff-line-num.is-over.diff-line-num,
  .code.none .line_holder .diff-line-num.is-over.diff-line-num {
    background-color: var(--bg-4) !important;
  }
  .code.white .line_holder .diff-line-num.is-over.diff-line-num + .line_content,
  .code.none .line_holder .diff-line-num.is-over.diff-line-num + .line_content {
    background-color: var(--bg-3) !important;
  }
  .code.white .line_holder .diff-line-num.is-over.old,
  .code.none .line_holder .diff-line-num.is-over.old {
    border-color: var(--v1-4) !important;
    background-color: var(--v1-2) !important;
  }
  .code.white .line_holder .diff-line-num.is-over.new,
  .code.none .line_holder .diff-line-num.is-over.new {
    border-color: var(--v4-4) !important;
    background-color: var(--v4-2) !important;
  }
  .code.white .line_holder .diff-line-num.is-over.hll,
  .code.none .line_holder .diff-line-num.is-over.hll {
    border-color: var(--v3-4) !important;
    background-color: var(--v3-2) !important;
  }
  .code.white .line_holder:hover .diff-td:not(.match):not(.old):not(.new):not(.hll),
  .code.none .line_holder:hover .diff-td:not(.match):not(.old):not(.new):not(.hll),
  .code.white .line_holder:hover > [class ^= 'line']:not(.match):not(.old):not(.new):not(.hll),
  .code.none .line_holder:hover > [class ^= 'line']:not(.match):not(.old):not(.new):not(.hll) {
    background-color: var(--bg-3) !important;
  }
  .code.white .line_holder:hover .diff-td.old:not(.diff-line-num),
  .code.none .line_holder:hover .diff-td.old:not(.diff-line-num),
  .code.white .line_holder:hover > [class ^= 'line'].old:not(.diff-line-num),
  .code.none .line_holder:hover > [class ^= 'line'].old:not(.diff-line-num) {
    background-color: var(--v1-1) !important;
  }
  .code.white .line_holder:hover .diff-td.new:not(.diff-line-num),
  .code.none .line_holder:hover .diff-td.new:not(.diff-line-num),
  .code.white .line_holder:hover > [class ^= 'line'].new:not(.diff-line-num),
  .code.none .line_holder:hover > [class ^= 'line'].new:not(.diff-line-num) {
    background-color: var(--v4-1) !important;
  }
  .code.white .line_holder:hover .diff-td.hll:not(.diff-line-num),
  .code.none .line_holder:hover .diff-td.hll:not(.diff-line-num),
  .code.white .line_holder:hover > [class ^= 'line'].hll:not(.diff-line-num),
  .code.none .line_holder:hover > [class ^= 'line'].hll:not(.diff-line-num) {
    background-color: var(--v3-1) !important;
  }
  .code.white .line_holder [class^='line'],
  .code.none .line_holder [class^='line'],
  .code.white .line_holder .diff-td:not(.diff-line-num),
  .code.none .line_holder .diff-td:not(.diff-line-num) {
    background-color: transparent !important;
  }
  .parallel.left-side.old {
    background-color: var(--v1-0) !important;
  }
  .code.white .line_holder [class^='line'].old,
  .code.none .line_holder [class^='line'].old,
  .code.white .line_holder .diff-td:not(.diff-line-num).old,
  .code.none .line_holder .diff-td:not(.diff-line-num).old {
    background-color: var(--v1-0) !important;
  }
  .code.white .line_holder [class^='line'].old::before,
  .code.none .line_holder [class^='line'].old::before,
  .code.white .line_holder .diff-td:not(.diff-line-num).old::before,
  .code.none .line_holder .diff-td:not(.diff-line-num).old::before {
    color: var(--v1-6) !important;
  }
  .code.white .line_holder [class^='line'].new,
  .code.none .line_holder [class^='line'].new,
  .code.white .line_holder .diff-td:not(.diff-line-num).new,
  .code.none .line_holder .diff-td:not(.diff-line-num).new {
    background-color: var(--v4-0) !important;
  }
  .code.white .line_holder [class^='line'].new::before,
  .code.none .line_holder [class^='line'].new::before,
  .code.white .line_holder .diff-td:not(.diff-line-num).new::before,
  .code.none .line_holder .diff-td:not(.diff-line-num).new::before {
    color: var(--v4-6) !important;
  }
  .code.white .line_holder [class^='line'].hll,
  .code.none .line_holder [class^='line'].hll,
  .code.white .line_holder .diff-td:not(.diff-line-num).hll,
  .code.none .line_holder .diff-td:not(.diff-line-num).hll {
    background-color: var(--v3-0) !important;
  }
  .code.white .line_holder [class^='line'].hll::before,
  .code.none .line_holder [class^='line'].hll::before,
  .code.white .line_holder .diff-td:not(.diff-line-num).hll::before,
  .code.none .line_holder .diff-td:not(.diff-line-num).hll::before {
    color: var(--fg-3) !important;
  }
  .code.white .line_holder:not(.diff-expanded) > .left-side + .right-side,
  .code.none .line_holder:not(.diff-expanded) > .left-side + .right-side,
  .code.white .line_holder:not(.diff-expanded) > .left-side + .diff-line-num,
  .code.none .line_holder:not(.diff-expanded) > .left-side + .diff-line-num {
    border-left: 1px solid var(--bg-5) !important;
  }
  .code.white .line_holder.diff-expanded .diff-line-num,
  .code.none .line_holder.diff-expanded .diff-line-num {
    border-right-color: var(--bg-2) !important;
  }
  .code.white .line_holder.diff-expanded .line_content:not(#z),
  .code.none .line_holder.diff-expanded .line_content:not(#z) {
    background-color: var(--bg-2) !important;
  }
  .diff-comment-avatar,
  .diff-comments-more-count {
    border-color: var(--bg-1) !important;
  }
  .diff-comments-more-count,
  .diff-notes-collapse {
    border-radius: var(--avatar);
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-4) !important;
  }
  .js-temp-notes-holder td {
    border-color: var(--bg-5) !important;
  }
  .code.white .line_expansion,
  .code.none .line_expansion {
    background-color: var(--bg-2) !important;
  }
  .code.white .line_expansion td,
  .code.none .line_expansion td,
  .code.white .line_expansion .diff-td,
  .code.none .line_expansion .diff-td {
    border-color: var(--bg-5) !important;
  }
  .code.white .line_expansion a,
  .code.none .line_expansion a,
  .code.white .line_expansion span,
  .code.none .line_expansion span {
    color: var(--ac) !important;
  }
  .code.white.white,
  .code.none.white {
    color: var(--fg-1);
    background-color: transparent;
  }
  .code.white .diff-tr:last-child,
  .code.none .diff-tr:last-child {
    border-radius: 0 0 4px 4px;
  }
  .code.white .diff-tr:last-child > .diff-td,
  .code.none .diff-tr:last-child > .diff-td,
  .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(--bg-5) !important;
  }
  .group-list-tree .folder-caret,
  .group-list-tree .item-type-icon {
    color: var(--fg-4) !important;
  }
  .group-list-tree .group-row {
    border-color: var(--bg-5) !important;
  }
  .group-list-tree .group-row a {
    color: var(--fg-1) !important;
  }
  .group-list-tree .group-row::before {
    border-color: var(--bg-5) !important;
  }
  .group-list-tree .group-row-contents:hover {
    background-color: var(--bg-2) !important;
  }
  .group-list-tree .group-row:last-child::before {
    background-color: var(--bg-0) !important;
  }
  .group-list-tree .group-row .metadata {
    margin-right: 10px;
  }
  .group-list-tree .group-row .description p,
  .group-list-tree .group-row .stat-value,
  .group-list-tree .group-row .last-updated {
    color: var(--fg-4) !important;
  }
  .group-list-tree .folder-caret {
    margin-left: 10px;
  }
  .cover-block {
    background-color: var(--bg-1) !important;
  }
  .cover-title,
  .cover-status,
  .cover-desc {
    color: var(--fg-1) !important;
  }
  .calendar-hint {
    color: var(--fg-1) !important;
  }
  .calendar svg.contrib-calendar > g text {
    fill: var(--fg-4) !important;
  }
  .calendar svg.contrib-calendar > g rect {
    fill: var(--v0-9) !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;
  }
  .calendar svg.contrib-calendar > g .user-contrib-cell[data-level="0"] {
    opacity: 0.06;
  }
  .calendar svg.contrib-calendar > g .user-contrib-cell[data-level="1"] {
    opacity: 0.2;
  }
  .calendar svg.contrib-calendar > g .user-contrib-cell[data-level="2"] {
    opacity: 0.45;
  }
  .calendar svg.contrib-calendar > g .user-contrib-cell[data-level="3"] {
    opacity: 0.7;
  }
  .calendar svg.contrib-calendar > g .user-contrib-cell[data-level="4"] {
    opacity: 1;
  }
  .user-profile .projects-block,
  .user-profile .activities-block {
    padding: 0 12px;
    background-color: var(--bg-2) !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(--fg-1) !important;
  }
  .roadmap-container .roadmap-shell {
    border-color: var(--bg-5) !important;
    border-top: 1px solid var(--bg-5);
  }
  .roadmap-container .timeline-header-blank,
  .roadmap-container .timeline-header-item {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-0) !important;
  }
  .roadmap-container .timeline-header-blank::before {
    border-color: var(--bg-5) !important;
    box-shadow: none !important;
    background: linear-gradient(to bottom, var(--shadow) 0%, transparent 100%) !important;
  }
  .roadmap-container .timeline-header-item .item-label {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
  }
  .roadmap-container .timeline-header-item .item-sublabel .sublabel-value {
    color: var(--fg-4) !important;
  }
  .roadmap-container .timeline-header-item .item-sublabel .label-bold {
    color: var(--fg-1) !important;
  }
  .roadmap-container .milestones-list-title {
    background-color: var(--bg-0) !important;
  }
  .roadmap-container .milestones-list-title::after {
    width: 4px;
    right: -4px;
    background: linear-gradient(to right, var(--shadow) 0%, transparent 100%);
  }
  .roadmap-container .milestone-start-and-end {
    border-color: var(--bg-5) !important;
  }
  .roadmap-container .milestone-timeline-cell {
    background-color: var(--bg-1) !important;
  }
  .roadmap-container .milestone-item-details {
    color: var(--fg-4) !important;
  }
  .roadmap-container .milestone-item-details .timeline-bar,
  .roadmap-container .milestone-item-details .timeline-bar::before {
    background-color: var(--fg-4) !important;
  }
  .roadmap-container .milestone-item-details .timeline-bar::after {
    border-color: var(--fg-4) !important;
    background-color: var(--fg-1) !important;
  }
  .roadmap-container .milestone-url {
    color: var(--fg-4) !important;
  }
  .roadmap-container .milestone-item-details:hover .timeline-bar,
  .roadmap-container .milestone-item-details:hover .timeline-bar::before {
    background-color: var(--fg-1) !important;
  }
  .roadmap-container .milestone-item-details:hover .milestone-url {
    color: var(--fg-1) !important;
  }
  .roadmap-container .epic-bar {
    background-color: var(--v6-5) !important;
  }
  .roadmap-container .epic-bar-child-epic {
    border-color: var(--v6-5) !important;
    background-color: var(--bg-0) !important;
  }
  .roadmap-container .epic-bar-child-epic p,
  .roadmap-container .epic-bar-child-epic svg {
    color: var(--v6-5) !important;
  }
  .roadmap-container .epic-bar-child-epic .progress-bar {
    background-color: var(--v6-5) !important;
  }
  .roadmap-container .epic-details-cell {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-0) !important;
  }
  .roadmap-container .epic-timeline-cell {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .roadmap-container .epics-list-item:hover > .epic-timeline-cell {
    background-color: var(--bg-0) !important;
  }
  .roadmap-container .epic-group-timeframe {
    color: var(--fg-4) !important;
  }
  .roadmap-container .epic-title,
  .roadmap-container .epic-title > a {
    color: var(--fg-1) !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%, transparent 100%);
  }
  .roadmap-container .current-day-indicator,
  .roadmap-container .current-day-indicator-header {
    background-color: var(--ac) !important;
  }
  .notes {
    background-color: transparent !important;
  }
  .notes::before {
    border-color: var(--bg-4) !important;
  }
  .notes .replies-toggle {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .notes .replies-toggle > span:hover {
    color: var(--fg-3) !important;
  }
  .notes .replies-toggle.collapsed {
    color: var(--fg-3) !important;
    border-bottom: none;
  }
  .notes .replies-toggle.collapsed .author-link {
    color: var(--fg-1) !important;
  }
  .notes .replies-toggle .collapse-replies-btn:hover {
    color: var(--fg-3) !important;
  }
  .diff-file .notes_holder {
    font-family: var(--ui-font) !important;
  }
  .diff-file .notes_holder .diff-td,
  .diff-file .notes_holder td {
    border-color: var(--bg-5);
  }
  .diff-file .notes-content {
    padding-bottom: 0px !important;
    background-color: transparent !important;
  }
  .note-headline-light,
  .note-timestamp {
    color: var(--fg-3) !important;
  }
  .note-header-info a:hover,
  .note-header-info a.hover {
    color: var(--ac) !important;
  }
  .note-actions button.btn:not(#z) {
    color: var(--fg-3) !important;
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .note-actions .js-reply-button > *,
  .note-actions .note-action-button:not(.line-resolve-btn) > *,
  .note-actions .js-reply-button > * > svg,
  .note-actions .note-action-button:not(.line-resolve-btn) > * > svg {
    transition: 0.15s ease;
    color: var(--fg-4) !important;
  }
  .note-actions .js-reply-button:hover > *,
  .note-actions .note-action-button:not(.line-resolve-btn):hover > *,
  .note-actions .js-reply-button:hover > * > svg,
  .note-actions .note-action-button:not(.line-resolve-btn):hover > * > svg {
    color: var(--fg-1) !important;
    fill: var(--fg-1) !important;
  }
  .note.system-note .note-text {
    color: var(--fg-1) !important;
  }
  .note.system-note .timeline-icon > svg {
    fill: var(--fg-4) !important;
  }
  .note.system-note .system-note-message a:not(.gl-link) {
    color: var(--ac);
  }
  .note.system-note.note-wrapper .timeline-icon {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .note.system-note .system-note-commit-list::after {
    background: linear-gradient(transparent -100px, var(--bg-0) 100%) !important;
  }
  .note.system-note .system-note-commit-list-toggler {
    color: var(--ac) !important;
  }
  .note.timeline-entry {
    color: var(--fg-1) !important;
  }
  .note.timeline-entry:not(.note-form):not(.system-note) {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .note.timeline-entry:not(.note-wrapper):not(.note-discussion) {
    background-color: transparent !important;
  }
  .note.timeline-entry:not(.note-wrapper):not(.note-discussion) > .timeline-entry-inner {
    border-color: var(--bg-5) !important;
  }
  .note.timeline-entry:not(.note-wrapper):not(.note-discussion) blockquote > p,
  .note.timeline-entry:not(.note-wrapper):not(.note-discussion) .blockquote > p,
  .note.timeline-entry:not(.note-wrapper):not(.note-discussion) li > p {
    color: var(--fg-3) !important;
  }
  .note.timeline-entry:not(.note-wrapper):not(.note-discussion) .system-note-message a:not(.gl-link) {
    color: var(--ac);
  }
  .disabled-comment {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .disabled-comment a {
    color: var(--ac) !important;
  }
  .notes + div > .disabled-comment {
    margin-top: 16px;
    padding: 8px 0;
  }
  [class *= 'award-control-'],
  [class *= 'award-control-'] svg {
    fill: var(--fg-4) !important;
  }
  [class *= 'award-control-']:hover svg {
    fill: var(--fg-1) !important;
  }
  [class *= 'award-control-'].is-active svg {
    fill: var(--ac) !important;
  }
  .emoji-menu {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    box-shadow: var(--bshadow);
  }
  .emoji-menu input {
    background-color: var(--bg-1) !important;
  }
  .emoji-picker-category-active {
    color: var(--fg-1) !important;
    border-color: var(--ac) !important;
  }
  .emoji-picker-category-header {
    background: linear-gradient(to top, transparent, var(--bg-2)) !important;
  }
  .line-resolve-all {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .line-resolve-btn {
    color: var(--fg-4) !important;
  }
  .line-resolve-btn.is-disabled svg {
    fill: var(--fg-4) !important;
  }
  .line-resolve-btn.is-active {
    color: var(--v4-5) !important;
  }
  .line-resolve-btn.is-active svg {
    fill: var(--v4-5) !important;
  }
  .epic-tabs-content .card-header .issue-count-badge {
    background-color: transparent !important;
  }
  .status-at-risk {
    color: var(--v1-5) !important;
    background-color: rgba(255,0,102,0.125) !important;
  }
  .status-on-track {
    color: var(--v4-5) !important;
    background-color: rgba(0,255,102,0.125) !important;
  }
  .status-needs-attention {
    color: var(--v2-5) !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(--fg-4) !important;
  }
  .gl-label[class *= 'status-'] > .gl-label-text {
    box-shadow: none !important;
  }
  .sortable-drag {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .js-comment-form .float-left.btn-group {
    float: unset !important;
  }
  .discussion-header {
    border-color: transparent !important;
  }
  .discussion-header + .discussion-body[style=''] {
    border-top: 1px solid var(--bg-5);
  }
  .discussion-headline-light {
    color: var(--fg-4) !important;
  }
  .discussion-toggle-button,
  .discussion-header .author-link {
    color: var(--fg-1);
  }
  .discussion-toggle-button:hover,
  .discussion-header .author-link:hover,
  .discussion-toggle-button:focus,
  .discussion-header .author-link:focus {
    color: var(--ac) !important;
  }
  .discussion-notes .system-note {
    background-color: transparent !important;
  }
  .discussion-notes .system-note .system-note-message a:not(.gl-link) {
    color: var(--ac);
  }
  .discussion-body .notes .notes li.note {
    border-radius: 0;
  }
  .discussion-body .diff-content {
    border-radius: 0 0 4px 4px !important;
  }
  .discussion-body li.bordered-box {
    border-bottom: 1px solid var(--bg-5);
  }
  .discussion .timeline-entry.target:not(#z) {
    background-color: var(--v3-1) !important;
  }
  .discussion-body .file-title {
    top: 98px !important;
  }
  .discussion-reply-holder:not(.new-note) {
    border-top: 1px solid var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .discussion-reply-holder:not(.new-note) textarea[rows] {
    font-family: var(--mono-font) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-3) !important;
  }
  .discussion-form {
    background-color: transparent !important;
  }
  .draft-note-component {
    background-color: var(--v3-1) !important;
  }
  .draft-note-component .note.draft-note:not(#z) {
    background-color: transparent !important;
  }
  .draft-note-component .badge.badge-success {
    background-color: var(--v4-4) !important;
  }
  .draft-note-component .badge.draft-pending-label {
    color: var(--v9-9) !important;
    background-color: var(--v2-4) !important;
  }
  .review-bar-component {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .note-form {
    background-color: transparent !important;
  }
  .issuable-note-warning {
    color: var(--v2-9) !important;
    border-color: var(--v2-2) !important;
    background-color: var(--v2-1) !important;
  }
  .issuable-note-warning a,
  .issuable-note-warning svg {
    color: currentColor !important;
    fill: currentColor !important;
  }
  .issuable-note-warning.gl-border-b-gray-100 {
    border-color: var(--bg-5) !important;
  }
  .md-area {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .toolbar-btn svg {
    fill: var(--fg-4) !important;
  }
  .toolbar-btn svg:hover {
    fill: var(--fg-1) !important;
  }
  .md-area.is-focused {
    border-color: var(--v6-6) !important;
    box-shadow: 0 0 0 0.2rem var(--v6-3) !important;
  }
  .md-area.is-focused.gfm-form:not(data-uploads-spath*='/wikis/attachments') {
    box-shadow: 0 0 0 1px var(--v6-6), 0 0 0 0.25rem var(--v6-3) !important;
  }
  .md-area .markdown-selector {
    color: var(--ac) !important;
  }
  .md-area .markdown-area {
    color: var(--fg-1) !important;
    background-color: transparent !important;
  }
  .md-area .comment-toolbar {
    color: var(--fg-4) !important;
    border-color: var(--bg-3) !important;
  }
  .md-area textarea {
    font-family: var(--mono-font);
  }
  .note-form .timeline-icon {
    background-color: transparent !important;
  }
  .referenced-commands {
    color: var(--fg-3) !important;
    background-color: var(--bg-3) !important;
  }
  .zen-control svg {
    fill: var(--fg-4) !important;
  }
  .zen-backdrop.fullscreen {
    background-color: var(--bg-1) !important;
  }
  .note-form-actions {
    color: var(--fg-4) !important;
  }
  .board-inner {
    border-color: var(--bg-5);
    background-color: var(--bg-1) !important;
  }
  .board-title {
    border-color: var(--bg-5) !important;
  }
  .board-title-sub-text {
    color: var(--fg-4) !important;
  }
  .board-title-caret:hover {
    background-color: var(--bg-2) !important;
  }
  .board-list-count {
    color: var(--fg-4) !important;
  }
  .board .issue-count-badge {
    background-color: transparent !important;
  }
  .board .form-control {
    background-color: var(--bg-1) !important;
  }
  .board-card {
    border-top: 1px solid var(--bg-5) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    box-shadow: none;
  }
  .board-card-header a,
  .board-card-title a {
    color: var(--fg-1) !important;
  }
  .board-card-number {
    color: var(--fg-4) !important;
  }
  .board-card-weight {
    color: var(--fg-1) !important;
  }
  .board-card:last-child {
    margin-bottom: 0.25rem;
  }
  .board-delete:not(:hover) {
    opacity: 0.6;
  }
  .issue-boards-content.is-focused {
    background-color: var(--bg-0) !important;
  }
  .board-blank-state,
  .board-promotion-state {
    background-color: transparent !important;
  }
  .top-space #hide-btn {
    margin-top: 15px;
  }
  .board-inner > header h3 {
    min-height: 51px !important;
  }
  .boards-list,
  .board-swimlanes {
    --offset: 11px;
    height: calc(100vh - 156px - var(--offset));
  }
  @media (max-width: 1081px) {
    .boards-list,
    .board-swimlanes {
      --offset: 21px;
    }
  }
  @media (max-width: 993px) {
    .boards-list,
    .board-swimlanes {
      --offset: 53px;
    }
  }
  @media (max-width: 768px) {
    .boards-list,
    .board-swimlanes {
      --offset: -90px;
    }
  }
  .boards-app .add-issues-container {
    border: 1px solid;
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .boards-app .add-issues-container > div > header {
    background-color: var(--bg-2) !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(--inverse) !important;
    border-color: var(--v6-5) !important;
    background-color: var(--v6-5) !important;
    fill: var(--inverse) !important;
  }
  .boards-app .add-issues-container .btn.close {
    top: -5px;
  }
  .boards-app .add-issues-container .filtered-search {
    background-color: transparent !important;
  }
  .boards-app .add-issues-container .clear-search {
    background-color: transparent !important;
  }
  .milestones .milestone:not(:last-child) {
    margin-bottom: 8px;
  }
  .milestone .label-badge-gray {
    color: var(--fg-1) !important;
  }
  .milestone-content .card-header {
    border-color: transparent !important;
  }
  .milestone-content .card-header.bg-primary {
    color: var(--ac) !important;
  }
  .milestone-content li.issuable-row {
    background-color: var(--bg-1) !important;
  }
  .milestone-content li.issuable-row:first-child {
    border-top: 1px solid var(--bg-5) !important;
  }
  .milestone-content li.issuable-row:last-child {
    border-radius: 0 0 4px 4px;
  }
  .milestone-content li.issuable-row .issuable-number {
    color: var(--fg-4) !important;
  }
  .manage-labels-list li {
    background-color: transparent !important;
  }
  .burndown-chart {
    background-color: var(--bg-1) !important;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px var(--bg-5);
  }
  .burndown-chart text {
    fill: var(--fg-1) !important;
  }
  .burndown-chart .axis-label text {
    fill: var(--fg-1) !important;
  }
  .burndown-chart .axis-label line,
  .burndown-chart .axis line,
  .burndown-chart .axis path {
    stroke: var(--fg-4) !important;
  }
  .burndown-chart .line.ideal {
    stroke: var(--fg-4) !important;
  }
  .burndown-chart .line.actual {
    stroke: var(--v4-5) !important;
  }
  .burndown-chart .legend rect {
    stroke: var(--fg-4) !important;
  }
  .burndown-chart .legend text {
    fill: var(--fg-1) !important;
  }
  .gl-legend,
  .gl-legend-inline {
    color: var(--fg-1) !important;
  }
  .burndown-chart [style *= '221, 221, 221'] {
    fill: var(--bg-5) !important;
  }
  .burndown-chart [stroke = '#ddd'],
  .burndown-chart [stroke = '#dfdfdf'],
  .burndown-chart [stroke = '#919191'] {
    stroke: var(--bg-5) !important;
  }
  .burndown-chart [stroke = '#1f78d1'] {
    stroke: var(--v6-5) !important;
  }
  .burndown-chart [fill = '#1f78d1'],
  .burndown-chart [fill *= '34,132,229'],
  .burndown-chart [style *= '31, 120, 209'] {
    fill: var(--v6-5) !important;
  }
  .content-block.burndown-hint {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    border-radius: 4px;
  }
  .content-block.burndown-hint svg path[fill = '#fff'] {
    fill: transparent !important;
  }
  .js-burndown-data-selector .btn-primary {
    color: var(--inverse) !important;
    border-color: var(--v6-5) !important;
    background-color: var(--v6-5) !important;
  }
  [class *= '-tabs-holder'] {
    border-color: var(--bg-3) !important;
    background-color: var(--bg-0) !important;
    top: 50px;
  }
  .mr-version-controls {
    color: var(--fg-1) !important;
    border-color: var(--bg-3) !important;
    background-color: var(--bg-0) !important;
    top: 98px;
  }
  .design-detail {
    background-color: transparent !important;
  }
  .design-detail::before {
    content: '';
    z-index: -1;
    opacity: 0.9;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--bg-2) !important;
  }
  .design-detail header {
    border-bottom: 1px solid var(--bg-5);
  }
  .design-detail .frame .badge-pill {
    color: var(--inverse) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--ac) !important;
  }
  .design-detail .image-notes {
    border-left: 1px solid var(--bg-5);
    background-color: var(--bg-1) !important;
  }
  .design-detail .image-notes .design-discussion {
    background-color: var(--bg-2) !important;
  }
  .design-detail .image-notes .design-discussion::before,
  .design-detail .image-notes .design-discussion .reply-wrapper {
    border-color: var(--bg-5) !important;
  }
  .design-detail .image-notes .design-discussion .btn-text-field {
    background-color: var(--bg-1) !important;
  }
  .design-detail .image-notes .badge-pill,
  .design-detail .image-notes .key {
    color: var(--inverse) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--ac) !important;
    box-shadow: none;
  }
  .file-holder {
    background-color: var(--bg-1) !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(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .file-editor .nav-links {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !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(--bg-1) !important;
  }
  .file-editor .file-title [data-toggle = 'dropdown'] {
    background-color: var(--bg-1) !important;
  }
  .file-editor .file-title .dropdown-content a {
    color: var(--fg-3);
  }
  .file .toolbar-btn:hover svg {
    fill: var(--fg-1) !important;
  }
  .file .btn,
  .file .encoding-selector,
  .file #preview {
    font-family: var(--ui-font);
  }
  .file .editor-ref {
    border-color: var(--bg-5) !important;
    background-color: transparent !important;
  }
  .template-selectors-menu {
    border-color: var(--bg-5) !important;
  }
  .template-selector-dropdowns-wrap > div[class] {
    font-family: var(--ui-font);
  }
  .file input,
  .file .btn,
  .file .select2-choice {
    background-color: var(--bg-1) !important;
  }
  .file .btn[class*='active'] {
    background-color: var(--bg-4) !important;
  }
  .ace-tm {
    border-radius: 0 0 3px 3px !important;
    color: var(--fg-1) !important;
    background-color: var(--bg-1) !important;
  }
  .ace_gutter {
    border-radius: 0 0 0 3px;
    color: var(--fg-4) !important;
    background-color: var(--bg-2) !important;
    box-shadow: 1px 0 var(--bg-5);
  }
  .ace_gutter-cell {
    background-color: transparent !important;
  }
  .ace_gutter + .ace_scroller {
    border-radius: 0 0 3px 0;
  }
  .ace_gutter-active-line,
  .ace_active-line {
    background-color: var(--bg-2) !important;
  }
  .ace_selected-word,
  .ace_selection {
    background-color: var(--v6-5) !important;
    opacity: 0.3;
  }
  .ace_cursor {
    color: var(--ac) !important;
  }
  .ace_indent-guide {
    background: none;
    box-shadow: inset -1px 0 var(--bg-5);
  }
  .ace_print-margin {
    background-color: var(--bg-5) !important;
  }
  .ace_search {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    box-shadow: var(--bshadow);
  }
  .ace_search_form,
  .ace_search_field {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .ace_search [action] {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .ace_search_options {
    margin: 4px 0 0 -2px;
    text-align: left;
  }
  .ace_search_options .ace_button {
    padding: 4px;
    border-radius: 3px;
    color: var(--fg-4) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .ace_search_options .ace_button:hover,
  .ace_search_options .ace_button.checked {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .ace_scroller.ace_scroll-left {
    box-shadow: inset 17px 0 16px -16px var(--shadow);
  }
  .ace_url {
    color: var(--v6-6) !important;
  }
  .ace_list {
    color: var(--v7-6) !important;
  }
  .ace_name.ace_function {
    color: var(--v8-6) !important;
  }
  .ace_line,
  .ace_constant,
  .ace_numeric {
    color: var(--fg-1) !important;
  }
  .file_type.ace_support,
  .file_function.ace_support {
    color: var(--fg-4) !important;
  }
  .ace_variable,
  .ace_string,
  .ace_comment {
    color: var(--v4-6) !important;
  }
  .ace_heading,
  .ace_storage,
  .ace_keyword,
  .ace_meta.ace_tag {
    color: var(--v6-6) !important;
  }
  .labels-container,
  .milestones {
    background-color: var(--bg-2) !important;
  }
  .manage-labels-list > li:not(.empty-message):not(.no-border),
  .milestones > ul > li:not(.empty-message):not(.no-border) {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  [data-page *= 'network:show'] .row-content-block {
    background-color: transparent !important;
  }
  [data-page *= 'network:show'] .row-content-block + div {
    padding: 0;
  }
  [data-page *= 'network:show'] .project-network {
    margin-top: 16px;
    border-color: var(--bg-5) !important;
    border-radius: 4px;
  }
  [data-page *= 'network:show'] .project-network .controls {
    border-radius: 3px 3px 0 0;
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  [data-page *= 'network:show'] .project-network .controls input {
    background-color: var(--bg-1) !important;
  }
  [data-page *= 'network:show'] .project-network .network-graph {
    background-color: var(--bg-1) !important;
  }
  [data-page *= 'network:show'] text {
    fill: var(--fg-1) !important;
  }
  [data-page *= 'network:show'] rect[fill='#222222'] {
    fill: var(--bg-3) !important;
    stroke: transparent !important;
  }
  [data-page *= 'network:show'] rect[fill='#444444'] {
    fill: var(--bg-2) !important;
    stroke: transparent !important;
  }
  [data-page *= 'network:show'] rect[transform='matrix(1,0,0,1,20,20)'] {
    fill: var(--bg-3) !important;
    stroke: var(--bg-5) !important;
  }
  [data-page *= 'network:show'] rect[style = 'fill-opacity: 0.5;'],
  [data-page *= 'network:show'] path[style = 'fill-opacity: 0.5;'] {
    fill: var(--ac) !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(--inverse) !important;
  }
  [data-page *= 'network:show'] rect[stroke = '#cc7a7a'],
  [data-page *= 'network:show'] path[stroke = '#cc7a7a'] {
    stroke: var(--fg-1) !important;
  }
  [data-page *= 'network:show'] rect[stroke = '#cccccc'],
  [data-page *= 'network:show'] path[stroke = '#cccccc'] {
    stroke: var(--fg-4) !important;
  }
  [data-page *= 'network:show'] rect[stroke = '#cc0000'],
  [data-page *= 'network:show'] path[stroke = '#cc0000'] {
    stroke: var(--v1-5) !important;
  }
  [data-page *= 'network:show'] rect[stroke = '#00cc8f'],
  [data-page *= 'network:show'] path[stroke = '#00cc8f'] {
    stroke: var(--v5-5) !important;
  }
  [data-page *= 'network:show'] rect[stroke = '#5283cc'],
  [data-page *= 'network:show'] path[stroke = '#5283cc'] {
    stroke: var(--v6-5) !important;
  }
  [data-page *= 'network:show'] rect[stroke = '#49cc29'],
  [data-page *= 'network:show'] path[stroke = '#49cc29'] {
    stroke: var(--v4-5) !important;
  }
  [data-page *= 'network:show'] rect[stroke = '#7a29cc'],
  [data-page *= 'network:show'] path[stroke = '#7a29cc'] {
    stroke: var(--v2-5) !important;
  }
  [data-page *= 'network:show'] rect[stroke = '#ccc052'],
  [data-page *= 'network:show'] path[stroke = '#ccc052'] {
    stroke: var(--v3-5) !important;
  }
  [data-page *= 'network:show'] rect[stroke = '#cc007a'],
  [data-page *= 'network:show'] path[stroke = '#cc007a'] {
    stroke: var(--v8-5) !important;
  }
  [data-page *= 'network:show'] rect[stroke = '#b8a3cc'],
  [data-page *= 'network:show'] path[stroke = '#b8a3cc'] {
    stroke: var(--v7-5) !important;
  }
  [data-page *= 'network:show'] circle[fill = '#cc7a7a'] {
    fill: var(--fg-1) !important;
  }
  [data-page *= 'network:show'] circle[fill = '#cccccc'] {
    fill: var(--fg-4) !important;
  }
  [data-page *= 'network:show'] circle[fill = '#cc0000'] {
    fill: var(--v1-5) !important;
  }
  [data-page *= 'network:show'] circle[fill = '#00cc8f'] {
    fill: var(--v5-5) !important;
  }
  [data-page *= 'network:show'] circle[fill = '#5283cc'] {
    fill: var(--v6-5) !important;
  }
  [data-page *= 'network:show'] circle[fill = '#49cc29'] {
    fill: var(--v4-5) !important;
  }
  [data-page *= 'network:show'] circle[fill = '#7a29cc'] {
    fill: var(--v2-5) !important;
  }
  [data-page *= 'network:show'] circle[fill = '#ccc052'] {
    fill: var(--v3-5) !important;
  }
  [data-page *= 'network:show'] circle[fill = '#cc007a'] {
    fill: var(--v8-5) !important;
  }
  [data-page *= 'network:show'] circle[fill = '#b8a3cc'] {
    fill: var(--v7-5) !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(--fg-1);
  }
  [data-page *= 'network:show'] [class *= '-chart'] [fill = '#919191'],
  [_echarts_instance_ *= 'ec'] [fill = '#919191'] {
    fill: var(--fg-4);
  }
  [data-page *= 'network:show'] [class *= '-chart'] [fill = '#dbdbdb'],
  [_echarts_instance_ *= 'ec'] [fill = '#dbdbdb'] {
    fill: var(--bg-5);
  }
  [data-page *= 'network:show'] [class *= '-chart'] [fill = '#dbdbdb'],
  [_echarts_instance_ *= 'ec'] [fill = '#dbdbdb'] {
    fill: var(--bg-5);
  }
  [data-page *= 'network:show'] [class *= '-chart'] [stroke = '#bfbfbf'],
  [_echarts_instance_ *= 'ec'] [stroke = '#bfbfbf'] {
    stroke: var(--bg-5);
  }
  [data-page *= 'network:show'] [class *= '-chart'] .gl-series-label,
  [_echarts_instance_ *= 'ec'] .gl-series-label {
    color: var(--fg-1) !important;
  }
  [data-page *= 'network:show'] [class *= '-chart'] .gl-legend-series,
  [_echarts_instance_ *= 'ec'] .gl-legend-series {
    color: var(--fg-4) !important;
  }
  .issues-analytics-legend {
    color: var(--fg-4) !important;
  }
  #cycle-analytics h4 {
    color: var(--fg-1) !important;
  }
  #cycle-analytics .empty-stage,
  #cycle-analytics .no-access-stage {
    color: var(--fg-4) !important;
  }
  #cycle-analytics .card-header {
    border-bottom: 1px solid var(--bg-5) !important;
  }
  #cycle-analytics .stage-nav {
    margin-top: 4px;
  }
  #cycle-analytics .stage-nav-item {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-0) !important;
  }
  #cycle-analytics .stage-nav-item.active {
    border-color: var(--ac) !important;
    background-color: var(--bg-2) !important;
    box-shadow: inset 4px 0 var(--ac) !important;
  }
  #cycle-analytics .stage-nav-item:hover:not(.active) {
    background-color: var(--bg-2) !important;
    box-shadow: none !important;
  }
  #cycle-analytics .stage-nav-item .stage-empty,
  #cycle-analytics .stage-nav-item .not-available {
    color: var(--fg-4) !important;
  }
  #cycle-analytics .stage-event-item {
    color: var(--fg-4) !important;
    border-color: var(--bg-5) !important;
  }
  #cycle-analytics .stage-event-item .total-time,
  #cycle-analytics .stage-event-item .total-time span {
    color: var(--fg-4) !important;
  }
  #cycle-analytics .stage-event-item .issue-date,
  #cycle-analytics .stage-event-item .build-date {
    color: var(--fg-4) !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(--fg-1) !important;
  }
  .dashboard-card.border-0 {
    border: none !important;
  }
  .dashboard-card-header-failed,
  .dashboard-card-footer-failed {
    border-color: var(--v1-5) !important;
    background-color: var(--v1-1) !important;
  }
  .dashboard-card-body-failed {
    background-color: var(--v1-2) !important;
  }
  .dashboard-card-body .gl-link {
    color: var(--fg-1) !important;
  }
  .dashboard-card-body .ci-status {
    background-color: transparent !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: transparent !important;
    background-color: transparent !important;
  }
  [data-page ^= 'snippets:'] .snippet-header h2 {
    color: var(--fg-1) !important;
  }
  [data-page ^= 'snippets:'] .file-holder pre.code.highlight {
    background-color: var(--bg-1) !important;
  }
  [data-page ^= 'snippets:'] .row-content-block.content-component-block {
    background-color: transparent !important;
  }
  .search-results-row {
    border-color: var(--bg-5) !important;
  }
  .search-results-row .author {
    color: var(--ac) !important;
  }
  .search-results-row pre.code {
    border-radius: 4px;
  }
  .search-results .blob-result {
    margin: 16px 0;
  }
  .search-results .code.highlight.white {
    background-color: var(--bg-2) !important;
  }
  .search-results .search-result-row {
    border-color: var(--bg-5) !important;
  }
  .ide {
    --ide-link-color: var(--ac);
    --ide-text-color: var(--fg-1);
    --ide-background: var(--bg-5);
    --ide-input-color: var(--fg-1);
    --ide-border-color: var(--bg-1);
    --ide-input-background: var(--bg-2);
    --ide-text-color-secondary: var(--fg-4);
    --ide-highlight-background: var(--bg-2);
    --ide-animation-gradient-1: var(--bg-5);
    --ide-animation-gradient-2: var(--bg-2);
    --ide-dropdown-background: var(--bg-2);
    --ide-dropdown-hover-background: var(--bg-3);
    --ide-dropdown-btn-hover-border: var(--bg-5);
    --ide-dropdown-btn-hover-background: var(--bg-4);
  }
  .ide-view {
    color: var(--fg-1) !important;
  }
  .ide .sidebar-context-title {
    color: var(--fg-1) !important;
  }
  .ide .avatar-container {
    background-color: transparent !important;
  }
  .ide-activity-bar svg.s16 {
    fill: var(--fg-4) !important;
  }
  .ide-activity-bar button.active {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
    box-shadow: inset 3px 0 var(--ac) !important;
  }
  .ide-activity-bar button.active.is-right {
    box-shadow: inset -3px 0 var(--ac) !important;
  }
  .ide-activity-bar button.active::after {
    background-color: transparent !important;
  }
  .ide-activity-bar button.active svg.s16 {
    fill: var(--fg-1) !important;
  }
  .ide .ide-right-sidebar .ide-activity-bar {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !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(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .ide .ide-right-sidebar .multi-file-commit-panel .card-body {
    background-color: var(--bg-0) !important;
  }
  .ide-sidebar-link:hover {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .ide .multi-file-commit-panel {
    background-color: var(--bg-2) !important;
  }
  .ide .multi-file-commit-panel .ic-git-merge {
    color: var(--fg-4) !important;
  }
  .ide .multi-file-commit-panel-header,
  .ide .multi-file-commit-form > form {
    border-color: var(--bg-5) !important;
  }
  .ide .multi-file-commit-panel-header .ide-staged-action-btn {
    background-color: transparent !important;
  }
  .ide .multi-file-commit-list-path:hover,
  .ide .multi-file-commit-list-path:focus {
    background-color: var(--bg-2) !important;
  }
  .ide .multi-file-commit-list-path.is-active {
    background-color: var(--bg-5) !important;
  }
  .ide .multi-file-edit-pane {
    border-color: var(--bg-5) !important;
  }
  .ide .multi-file-commit-panel-inner-content {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .ide .multi-file-commit-form {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .ide .multi-file-commit-form > .commit-form-compact {
    border-color: var(--bg-5) !important;
  }
  .ide .multi-file-edit-pane {
    border-color: var(--bg-5) !important;
  }
  .ide .multi-file-edit-pane-content > .ide-mode-tabs {
    border-color: var(--bg-5) !important;
  }
  .ide .multi-file-tabs {
    background-color: var(--bg-2) !important;
    box-shadow: none;
  }
  .ide .multi-file-tabs li {
    color: var(--fg-4) !important;
    border-color: var(--bg-2) !important;
    background-color: var(--bg-2) !important;
  }
  .ide .multi-file-tabs li:hover {
    background-color: rgba(136,136,136,0.082) !important;
  }
  .ide .multi-file-tabs li.active {
    color: var(--fg-1) !important;
    border-color: var(--bg-1) !important;
    background-color: var(--bg-1) !important;
  }
  .ide .multi-file-tab-close {
    color: var(--fg-4) !important;
  }
  .ide .multi-file-tab-close:not([disabled]):hover {
    background-color: var(--bg-5) !important;
  }
  .ide-file-templates {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .ide-file-templates [class *= 'menu-toggle'] {
    background-color: var(--bg-1) !important;
  }
  .ide-file-list .ide-tree-header {
    border-color: var(--bg-5) !important;
  }
  .ide-file-list .ide-tree-body .file-row:hover,
  .ide-file-list .ide-tree-body .file-row.is-active {
    background-color: var(--bg-2) !important;
  }
  .ide-file-list .ide-tree-body .ide-entry-dropdown-toggle {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .ide-review-sub-header {
    color: var(--fg-4) !important;
  }
  .ide-review-header a {
    color: var(--ac) !important;
  }
  .ide-commit-editor-header {
    background-color: var(--bg-2) !important;
    box-shadow: inset 0 -1px var(--bg-5);
  }
  .ide-commit-list-container.is-first {
    border-color: var(--bg-5) !important;
  }
  .ide-commit-message-field {
    background-color: transparent !important;
  }
  .ide-commit-message-field .md-area {
    background-color: var(--bg-2) !important;
  }
  .ide-commit-message-textarea-container .note-textarea {
    font-family: var(--mono-font) !important;
    color: var(--fg-1) !important;
  }
  .ide-nav-form li a:not(.active) {
    background-color: transparent !important;
  }
  .ide-nav-form ul > li {
    width: 100%;
  }
  .ide-tree-header {
    border-color: var(--bg-5) !important;
  }
  .ide-tree-header svg {
    color: var(--fg-4) !important;
  }
  .ide-tree-header svg:hover {
    color: var(--ac) !important;
  }
  .ide .drag-handle:hover {
    background-color: var(--bg-5) !important;
  }
  .ide .drag-handle.is-dragging {
    background-color: var(--ac) !important;
  }
  .ide-status-bar {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .ide-status-bar .ide-status-avatar[src *= 'png;base64'] {
    filter: invert(0.8);
  }
  .ide .diffOverview {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-0) !important;
  }
  .ide .diffOverviewRuler {
    filter: invert(0.8) hue-rotate(180deg);
  }
  .monaco-editor {
    color: var(--fg-1) !important;
    background-color: var(--bg-1) !important;
  }
  .monaco-editor,
  .monaco-editor .margin *:not(.codicon),
  .monaco-editor .view-lines[style*='font-family:'] {
    font-family: var(--mono-font) !important;
  }
  .monaco-editor .margin {
    border-color: var(--bg-5) !important;
    background-color: transparent !important;
  }
  .monaco-editor .line-numbers {
    opacity: 0.6;
    color: var(--fg-4) !important;
  }
  .monaco-editor .current-line {
    background-color: var(--bg-2) !important;
  }
  .monaco-editor .current-line ~ .line-numbers {
    opacity: 1;
    color: var(--fg-1) !important;
  }
  .monaco-editor-background,
  .monaco-editor .inputarea.ime-input {
    background-color: transparent !important;
  }
  .monaco-editor .cigr,
  .monaco-editor .cigra {
    box-shadow: inset 1px 0 var(--bg-5) !important;
  }
  .monaco-editor .view-overlays .current-line {
    border-color: transparent !important;
    background-color: var(--bg-2) !important;
  }
  .monaco-editor .cursor {
    color: var(--bg-1) !important;
    border-color: var(--bg-1) !important;
    background-color: var(--fg-1) !important;
  }
  .monaco-editor .scroll-decoration {
    box-shadow: inset 0 6px 6px -6px var(--bg-1);
  }
  .monaco-editor .mtk1 {
    color: var(--fg-1) !important;
  }
  .monaco-editor .mtk3,
  .monaco-editor .mtk10 {
    color: var(--fg-4) !important;
  }
  .monaco-editor .mtk5,
  .monaco-editor .mtk6,
  .monaco-editor .mtk23 {
    color: var(--v6-6) !important;
  }
  .monaco-editor .mtk7 {
    color: var(--v5-6) !important;
  }
  .monaco-editor .mtk8 {
    color: var(--v4-6) !important;
  }
  .monaco-editor .mtk11 {
    color: var(--v2-6) !important;
  }
  .monaco-editor .mtk4,
  .monaco-editor .mtk15,
  .monaco-editor .mtk20 {
    color: var(--v1-6) !important;
  }
  .monaco-editor .mtk14,
  .monaco-editor .mtk20 {
    color: var(--v7-6) !important;
  }
  .monaco-editor .mtk12,
  .monaco-editor .mtk22,
  .monaco-editor .mtk23 {
    color: var(--v5-6) !important;
  }
  .monaco-editor .lines-content .cursor {
    color: var(--fg-1) !important;
    border-color: var(--ac) !important;
    background-color: var(--ac) !important;
  }
  .monaco-editor .lines-content .current-line {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
  }
  .monaco-editor .selected-text {
    background-color: var(--v6-5) !important;
  }
  .monaco-editor .selectionHighlight {
    background-color: var(--bg-5) !important;
  }
  .monaco-editor .lines-content [class *= 'cigr'] {
    box-shadow: inset 1px 0 var(--fg-4);
  }
  .monaco-editor .monaco-quick-open-widget {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
    box-shadow: 0 0 0 1px var(--bg-5), var(--bshadow) !important;
  }
  .monaco-editor .monaco-quick-open-widget .results-group {
    color: var(--fg-4) !important;
  }
  .monaco-editor .monaco-quick-open-widget .label-name {
    color: var(--fg-1) !important;
  }
  .monaco-editor .monaco-quick-open-widget .label-name .highlight {
    color: var(--ac) !important;
  }
  .monaco-editor .monaco-quick-open-widget .monaco-tree-row:hover,
  .monaco-editor .monaco-quick-open-widget .monaco-tree-row.focused {
    color: var(--ac) !important;
    background-color: var(--bg-5) !important;
  }
  .monaco-editor .monaco-inputbox {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .monaco-editor .monaco-inputbox input {
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
  }
  .monaco-editor .find-widget {
    color: var(--fg-1) !important;
    border-color: var(--ac) !important;
    background-color: var(--bg-2) !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(--bg-5) !important;
  }
  .monaco-editor .find-widget textarea {
    color: var(--fg-1) !important;
    background-color: var(--bg-1) !important;
  }
  .monaco-editor .accessibilityHelpWidget {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    box-shadow: 0 0 0 1px var(--bg-5), var(--bshadow);
  }
  .monaco-menu-container .monaco-scrollable-element {
    box-shadow: var(--bshadow) !important;
  }
  .monaco-menu-container .monaco-action-bar {
    background-color: var(--bg-1) !important;
    box-shadow: inset 0 0 0 1px var(--bg-5), var(--bshadow) !important;
  }
  .monaco-menu-container .monaco-action-bar .action-item > a {
    color: var(--fg-4) !important;
    background-color: transparent !important;
  }
  .monaco-menu-container .monaco-action-bar .action-item.focused a {
    color: var(--fg-1) !important;
    background-color: var(--bg-2) !important;
  }
  .monaco-menu-container .monaco-action-bar .action-item.disabled a {
    border-color: var(--bg-5) !important;
  }
  .monaco-editor .scroll-decoration {
    box-shadow: inset var(--bshadow) !important;
  }
  .monaco-editor .tokens-inspect-widget {
    color: var(--fg-1) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .monaco-editor .findOptionsWidget {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-5) !important;
    box-shadow: var(--bshadow);
  }
  .monaco-editor .monaco-editor-hover {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-1) !important;
  }
  .monaco-editor .cslr.selected-text {
    background-color: var(--bg-5);
  }
  .monaco-editor .selectionHighlight {
    background-color: var(--bg-5) !important;
  }
  .monaco-editor .tree {
    color: var(--fg-4) !important;
    border-color: var(--bg-5) !important;
    background-color: var(--bg-2) !important;
    box-shadow: var(--bshadow);
  }
  .monaco-editor .tree .focused {
    color: var(--fg-1) !important;
    background-color: var(--bg-5) !important;
  }
  .monaco-editor .dirty-diff-added {
    background-color: var(--v4-5) !important;
  }
  .monaco-editor .dirty-diff-modified {
    background-color: var(--v6-5) !important;
  }
  .monaco-editor .inline-deleted-margin-view-zone,
  .monaco-editor .char-delete {
    background-color: var(--v1-3) !important;
  }
  .monaco-editor .inline-added-margin-view-zone,
  .monaco-editor .char-insert {
    background-color: var(--v4-3) !important;
  }
  .monaco-editor .line-delete {
    color: var(--inverse) !important;
    border-color: var(--shadow) !important;
    background-color: var(--v1-1) !important;
  }
  .monaco-editor .line-insert {
    color: var(--inverse) !important;
    border-color: var(--shadow) !important;
    background-color: var(--v4-1) !important;
  }
  .monaco-editor .current-line-margin {
    border-color: var(--bg-5) !important;
    background-color: var(--bg-5) !important;
  }
  .hover-overlay hr {
    background-color: var(--bg-5) !important;
  }
  .hover-overlay__contents {
    border-color: var(--bg-5) !important;
  }
  .hover-overlay--gitlab .hljs-comment,
  .hover-overlay--gitlab .hljs-quote {
    color: var(--fg-4) !important;
  }
  .hover-overlay--gitlab .hljs-section,
  .hover-overlay--gitlab .hljs-selector-id,
  .hover-overlay--gitlab .hljs-title {
    color: var(--fg-1) !important;
  }
  .hover-overlay .loading-spinner {
    border-color: var(--bg-5) !important;
    border-top-color: var(--ac) !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(--bg-2) !important;
  }
  .board-card-score-value {
    color: var(--fg-4) !important;
  }
  .incident-management-list .new-alert {
    background-color: transparent !important;
  }
}

@-moz-document domain('next.gitlab.com') {
  body {
    background: linear-gradient(130deg, var(--bg-2), var(--bg-1)) !important;
  }
  .wrapper {
    padding: 1rem;
    min-height: calc(100vh - 2rem);
  }
  .wrapper h1,
  .wrapper p {
    color: var(--fg-1) !important;
  }
  .wrapper a {
    color: var(--v0-9) !important;
  }
  .wrapper a:hover {
    color: var(--v0-7) !important;
  }
  .wrapper * {
    font-family: var(--ui-font) !important;
  }
  .wrapper .bg {
    filter: grayscale(1) invert(0.5) opacity(0.2);
  }
  .wrapper [class*='box'] {
    border-radius: 4px !important;
    background-color: var(--bg-2) !important;
    box-shadow: inset 0 0 0 1px var(--bg-5) !important;
  }
  .wrapper [class*='box'] .text-switch {
    color: var(--fg-3) !important;
  }
  .wrapper [class*='box'] [class*='toggle'] + label {
    background-color: var(--v0-9) !important;
  }
  .wrapper [class*='box'] [class*='toggle'] + label::after {
    background-color: var(--fg-0) !important;
  }
  .wrapper [class*='box'] [class*='toggle'] + label::before {
    background-color: var(--bg-1) !important;
  }
  .wrapper [class*='box'] [class*='toggle']:not(:checked) + label {
    background-color: var(--bg-5) !important;
  }
  .wrapper [class*='box'] [class*='toggle']:checked + label::before {
    background-color: var(--v0-5) !important;
  }
}