dots-of-war/eggs/other-dotfiles-stuff/other-dotfile-stuff/gitlab_gruvbox.css

6756 lines
197 KiB
CSS
Raw Normal View History

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