/* ==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 (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,') !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,') !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,') !important; border-color: var(--v1-8) !important; background-color: var(--v1-5) !important; } [aria-sort='ascending'] { background-image: url('data:image/svg+xml;utf8,') !important; } [aria-sort='descending'] { background-image: url('data:image/svg+xml;utf8,') !important; } .swagger-ui select, .select2-arrow { background: url('data:image/svg+xml;utf8,') 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,') !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; } }