2020-04-21 15:21:10 +00:00
|
|
|
.ide.theme-dark {
|
|
|
|
$border-color: #1d1f21;
|
|
|
|
$highlight-accent: #fff;
|
|
|
|
$text-color: #ccc;
|
|
|
|
$background: #333;
|
|
|
|
$background-hover: #2d2d2d;
|
|
|
|
$highlight-background: #252526;
|
|
|
|
$link-color: #428fdc;
|
|
|
|
$footer-background: #060606;
|
|
|
|
|
|
|
|
$input-border: #868686;
|
|
|
|
$input-background: transparent;
|
|
|
|
$input-color: $highlight-accent;
|
|
|
|
|
|
|
|
$btn-default-background: transparent;
|
|
|
|
$btn-default-border: #bfbfbf;
|
|
|
|
$btn-default-hover-border: #d8d8d8;
|
|
|
|
|
|
|
|
$btn-primary-background: #1068bf;
|
|
|
|
$btn-primary-border: #428fdc;
|
|
|
|
$btn-primary-hover-border: #63a6e9;
|
|
|
|
|
|
|
|
$btn-success-background: #217645;
|
|
|
|
$btn-success-border: #108548;
|
|
|
|
$btn-success-hover-border: #2da160;
|
|
|
|
|
|
|
|
$btn-disabled-border: rgba(223, 223, 223, 0.24);
|
|
|
|
$btn-disabled-color: rgba(145, 145, 145, 0.48);
|
|
|
|
|
2020-05-04 12:09:46 +00:00
|
|
|
$dropdown-background: #404040;
|
|
|
|
$dropdown-hover-background: #525252;
|
|
|
|
|
2020-04-30 21:09:47 +00:00
|
|
|
$diff-insert: rgba(155, 185, 85, 0.2);
|
|
|
|
$diff-remove: rgba(255, 0, 0, 0.2);
|
|
|
|
|
2020-05-06 12:09:36 +00:00
|
|
|
a:not(.btn) {
|
2020-04-21 15:21:10 +00:00
|
|
|
color: $link-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
2020-05-08 12:09:37 +00:00
|
|
|
h4,
|
2020-04-21 15:21:10 +00:00
|
|
|
h5,
|
|
|
|
h6,
|
2020-04-30 21:09:47 +00:00
|
|
|
code,
|
|
|
|
.md table:not(.code),
|
2020-04-21 15:21:10 +00:00
|
|
|
.md,
|
|
|
|
.md p,
|
|
|
|
.ide-view,
|
|
|
|
.context-header > a,
|
|
|
|
.ide-sidebar-link,
|
|
|
|
.multi-file-tab-close,
|
|
|
|
.ide-tree-header button,
|
|
|
|
.ide-status-bar,
|
|
|
|
input,
|
|
|
|
textarea,
|
|
|
|
.md-area.is-focused,
|
|
|
|
.ide-entry-dropdown-toggle,
|
2020-05-04 12:09:46 +00:00
|
|
|
.dropdown-menu li button,
|
|
|
|
.ide-merge-request-project-path,
|
|
|
|
.dropdown-menu-selectable li a.is-active,
|
|
|
|
.dropdown-menu-inner-title,
|
2020-05-06 12:09:36 +00:00
|
|
|
.dropdown-menu-inner-content,
|
|
|
|
.nav-links:not(.quick-links) li:not(.md-header-toolbar) a,
|
|
|
|
.nav-links:not(.quick-links) li:not(.md-header-toolbar) a:hover,
|
|
|
|
.nav-links:not(.quick-links) li:not(.md-header-toolbar) a.active .badge.badge-pill,
|
|
|
|
.nav-links:not(.quick-links) li:not(.md-header-toolbar) a:hover .badge.badge-pill,
|
|
|
|
.badge.badge-pill,
|
|
|
|
.ide-navigator-button,
|
|
|
|
.bs-callout,
|
|
|
|
.ide-navigator-btn,
|
|
|
|
.ide-pipeline .top-bar,
|
|
|
|
.ide-pipeline .top-bar .controllers .controllers-buttons {
|
2020-04-21 15:21:10 +00:00
|
|
|
color: $text-color;
|
|
|
|
}
|
|
|
|
|
2020-05-06 12:09:36 +00:00
|
|
|
.drag-handle:hover,
|
|
|
|
.card-header .badge.badge-pill {
|
|
|
|
background-color: $dropdown-hover-background;
|
|
|
|
}
|
|
|
|
|
2020-04-21 15:21:10 +00:00
|
|
|
.dropdown-menu-toggle svg,
|
|
|
|
.dropdown-menu-toggle svg:hover,
|
2020-05-06 12:09:36 +00:00
|
|
|
.ide-tree-header:not(.ide-pipeline-header) svg,
|
2020-04-21 15:21:10 +00:00
|
|
|
.file-row .file-row-icon svg,
|
2020-05-06 12:09:36 +00:00
|
|
|
.file-row:hover .file-row-icon svg,
|
|
|
|
.controllers-buttons svg {
|
2020-04-21 15:21:10 +00:00
|
|
|
fill: $text-color;
|
|
|
|
}
|
|
|
|
|
2020-05-06 12:09:36 +00:00
|
|
|
.ide-pipeline svg {
|
2020-05-07 15:09:29 +00:00
|
|
|
--svg-status-bg: $background;
|
2020-05-06 12:09:36 +00:00
|
|
|
}
|
|
|
|
|
2020-04-21 15:21:10 +00:00
|
|
|
.multi-file-tab-close:hover {
|
|
|
|
background-color: $input-border;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ide-review-sub-header:hover {
|
|
|
|
color: $input-border;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-secondary {
|
|
|
|
color: $text-color !important;
|
|
|
|
}
|
|
|
|
|
2020-05-04 12:09:46 +00:00
|
|
|
input[type='search']::placeholder,
|
2020-04-21 15:21:10 +00:00
|
|
|
input[type='text']::placeholder,
|
2020-05-04 12:09:46 +00:00
|
|
|
textarea::placeholder,
|
|
|
|
.dropdown-input .fa {
|
2020-04-21 15:21:10 +00:00
|
|
|
color: $input-border;
|
|
|
|
}
|
|
|
|
|
2020-05-04 12:09:46 +00:00
|
|
|
.ide-nav-form .input-icon {
|
|
|
|
fill: $input-border;
|
|
|
|
}
|
|
|
|
|
2020-04-21 15:21:10 +00:00
|
|
|
.ide-staged-action-btn {
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
2020-04-30 21:09:47 +00:00
|
|
|
code,
|
2020-04-21 15:21:10 +00:00
|
|
|
.multi-file-commit-panel,
|
|
|
|
.multi-file-tabs,
|
|
|
|
.multi-file-tabs li,
|
|
|
|
.file-row:hover,
|
|
|
|
.file-row:focus,
|
|
|
|
.multi-file-commit-list-path:hover,
|
|
|
|
.multi-file-commit-list-path:focus,
|
|
|
|
.multi-file-commit-list-path.is-active,
|
|
|
|
.file-row.is-active,
|
|
|
|
.ide-commit-editor-header,
|
|
|
|
.ide-file-templates,
|
|
|
|
.ide-entry-dropdown-toggle,
|
2020-05-06 12:09:36 +00:00
|
|
|
.ide-staged-action-btn,
|
|
|
|
.badge.badge-pill,
|
|
|
|
.card-header,
|
|
|
|
.bs-callout,
|
|
|
|
.ide-pipeline .top-bar,
|
|
|
|
.ide-terminal .top-bar {
|
2020-04-21 15:21:10 +00:00
|
|
|
background-color: $background;
|
|
|
|
}
|
|
|
|
|
2020-04-30 21:09:47 +00:00
|
|
|
pre code {
|
|
|
|
background-color: inherit;
|
|
|
|
}
|
|
|
|
|
2020-05-06 12:09:36 +00:00
|
|
|
.bs-callout {
|
|
|
|
border-color: $dropdown-background;
|
|
|
|
|
|
|
|
code {
|
|
|
|
background-color: $dropdown-background;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-links:not(.quick-links) li:not(.md-header-toolbar) a:hover {
|
|
|
|
border-color: $dropdown-hover-background;
|
|
|
|
}
|
|
|
|
|
2020-05-04 12:09:46 +00:00
|
|
|
.ide-sidebar-link:hover,
|
|
|
|
.multi-file-tabs li {
|
2020-04-21 15:21:10 +00:00
|
|
|
background-color: $background-hover;
|
|
|
|
}
|
|
|
|
|
|
|
|
.common-note-form .md-area {
|
|
|
|
border-color: $input-border;
|
|
|
|
}
|
|
|
|
|
|
|
|
&,
|
2020-04-30 21:09:47 +00:00
|
|
|
.md table:not(.code) tr th,
|
2020-04-21 15:21:10 +00:00
|
|
|
.multi-file-commit-panel-inner-content,
|
|
|
|
.multi-file-commit-form,
|
|
|
|
.multi-file-tabs li.active,
|
|
|
|
.ide-sidebar-link.active,
|
|
|
|
.ide-sidebar-link.active::after,
|
|
|
|
.ide-right-sidebar .multi-file-commit-panel-inner,
|
|
|
|
.common-note-form .md-area,
|
2020-05-06 12:09:36 +00:00
|
|
|
.ide-commit-message-field,
|
|
|
|
.card,
|
|
|
|
.multi-file-commit-panel-success-message,
|
|
|
|
.ide-preview-header {
|
2020-04-21 15:21:10 +00:00
|
|
|
background-color: $highlight-background;
|
|
|
|
}
|
|
|
|
|
|
|
|
.multi-file-commit-panel {
|
|
|
|
padding-right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ide-mode-tabs,
|
|
|
|
.multi-file-commit-panel-inner,
|
|
|
|
.multi-file-commit-panel-inner-content,
|
|
|
|
.multi-file-commit-form,
|
|
|
|
.multi-file-edit-pane,
|
|
|
|
.ide-right-sidebar .ide-activity-bar,
|
|
|
|
.ide-sidebar-link.active,
|
|
|
|
.multi-file-tabs li.active,
|
|
|
|
.multi-file-tabs li,
|
|
|
|
.ide-status-bar,
|
|
|
|
.ide-commit-editor-header,
|
2020-05-06 12:09:36 +00:00
|
|
|
.ide-file-templates,
|
|
|
|
.card,
|
|
|
|
.card-header,
|
|
|
|
.ide-job-item:not(:last-child),
|
|
|
|
.ide-terminal .top-bar,
|
|
|
|
.ide-pipeline .top-bar {
|
2020-04-21 15:21:10 +00:00
|
|
|
border-color: $border-color;
|
|
|
|
}
|
|
|
|
|
2020-04-30 21:09:47 +00:00
|
|
|
.md h1,
|
|
|
|
.md h2,
|
|
|
|
.md blockquote,
|
|
|
|
pre,
|
|
|
|
.md table:not(.code) tbody td,
|
|
|
|
.md table:not(.code) tr th,
|
2020-04-21 15:21:10 +00:00
|
|
|
.multi-file-commit-form > .commit-form-compact,
|
|
|
|
.ide-tree-header,
|
|
|
|
.multi-file-commit-panel-header,
|
|
|
|
.multi-file-commit-form > form,
|
|
|
|
.multi-file-commit-form hr,
|
|
|
|
.ide-commit-list-container.is-first,
|
2020-05-06 12:09:36 +00:00
|
|
|
.multi-file-commit-form .nav-links:not(.quick-links),
|
|
|
|
.ide-pipeline-list .nav-links:not(.quick-links),
|
|
|
|
.ide-preview-header {
|
2020-04-21 15:21:10 +00:00
|
|
|
border-color: $background;
|
|
|
|
}
|
|
|
|
|
|
|
|
.multi-file-tabs li.active {
|
|
|
|
border-bottom-color: $highlight-background;
|
|
|
|
}
|
|
|
|
|
|
|
|
.multi-file-tabs,
|
|
|
|
.ide-commit-editor-header {
|
|
|
|
box-shadow: inset 0 -1px $border-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ide-sidebar-link.active {
|
|
|
|
color: $highlight-accent;
|
|
|
|
box-shadow: inset 3px 0 $highlight-accent;
|
|
|
|
|
|
|
|
&.is-right {
|
|
|
|
box-shadow: inset -3px 0 $highlight-accent;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-05-06 12:09:36 +00:00
|
|
|
.nav-links li.active a,
|
|
|
|
.nav-links li a.active {
|
2020-04-21 15:21:10 +00:00
|
|
|
border-color: $highlight-accent;
|
|
|
|
color: $text-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.avatar-container {
|
|
|
|
&,
|
|
|
|
.avatar {
|
|
|
|
color: $text-color;
|
|
|
|
background-color: $highlight-background;
|
|
|
|
border-color: $highlight-background;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.ide-status-bar {
|
|
|
|
background-color: $footer-background;
|
|
|
|
}
|
|
|
|
|
2020-05-04 12:09:46 +00:00
|
|
|
input[type='text'],
|
|
|
|
input[type='search'],
|
|
|
|
.filtered-search-box {
|
2020-04-21 15:21:10 +00:00
|
|
|
border-color: $input-border;
|
2020-05-06 12:09:36 +00:00
|
|
|
background: $input-background !important;
|
2020-04-21 15:21:10 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
input[type='text'],
|
2020-05-04 12:09:46 +00:00
|
|
|
input[type='search'],
|
|
|
|
.filtered-search-box,
|
2020-04-21 15:21:10 +00:00
|
|
|
textarea {
|
|
|
|
color: $input-color !important;
|
|
|
|
}
|
|
|
|
|
2020-05-04 12:09:46 +00:00
|
|
|
.filtered-search-box input[type='search'] {
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.filtered-search-token .value-container,
|
|
|
|
.filtered-search-term .value-container {
|
|
|
|
background-color: $dropdown-hover-background;
|
|
|
|
|
|
|
|
color: $text-color;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: $input-border;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-04-21 15:21:10 +00:00
|
|
|
.ide-entry-dropdown-toggle:hover {
|
|
|
|
background: $gray-800;
|
|
|
|
}
|
|
|
|
|
2020-05-06 12:09:36 +00:00
|
|
|
.btn:not(.btn-link):not([disabled]):hover {
|
2020-04-21 15:21:10 +00:00
|
|
|
border-width: 2px;
|
|
|
|
padding: 5px 9px;
|
|
|
|
}
|
|
|
|
|
2020-05-06 12:09:36 +00:00
|
|
|
.btn:not([disabled]).btn-sm:hover {
|
2020-04-21 15:21:10 +00:00
|
|
|
padding: 3px 9px;
|
|
|
|
}
|
|
|
|
|
2020-05-06 12:09:36 +00:00
|
|
|
.btn:not([disabled]).btn-block:hover {
|
2020-04-21 15:21:10 +00:00
|
|
|
padding: 5px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-inverted,
|
|
|
|
.btn-default,
|
|
|
|
.dropdown,
|
|
|
|
.dropdown-menu-toggle {
|
|
|
|
background-color: $input-background !important;
|
|
|
|
color: $input-color !important;
|
|
|
|
border-color: $btn-default-border;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-inverted,
|
|
|
|
.btn-default {
|
|
|
|
&:hover,
|
|
|
|
&:focus {
|
|
|
|
border-color: $btn-default-hover-border !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown,
|
|
|
|
.dropdown-menu-toggle {
|
|
|
|
&:hover,
|
|
|
|
&:focus {
|
|
|
|
background-color: $gray-900 !important;
|
|
|
|
border-color: $gray-200 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-05-04 12:09:46 +00:00
|
|
|
.dropdown-menu {
|
|
|
|
color: $text-color;
|
|
|
|
border-color: $background;
|
|
|
|
background-color: $dropdown-background;
|
|
|
|
|
|
|
|
.divider,
|
|
|
|
.nav-links:not(.quick-links) {
|
|
|
|
background-color: $dropdown-hover-background;
|
|
|
|
border-color: $dropdown-hover-background;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-links li a.active {
|
|
|
|
border-color: $highlight-accent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ide-nav-form .nav-links li a:not(.active) {
|
|
|
|
background-color: $dropdown-background;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-links:not(.quick-links) li:not(.md-header-toolbar) a {
|
|
|
|
color: $text-color;
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
color: $text-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
li > a:not(.disable-hover):hover,
|
|
|
|
li > a:not(.disable-hover):focus,
|
|
|
|
li button:not(.disable-hover):hover,
|
|
|
|
li button:not(.disable-hover):focus,
|
|
|
|
li button.is-focused {
|
|
|
|
background-color: $dropdown-hover-background;
|
|
|
|
color: $text-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-title,
|
|
|
|
.dropdown-input {
|
|
|
|
border-color: $dropdown-hover-background !important;
|
|
|
|
}
|
|
|
|
|
2020-04-21 15:21:10 +00:00
|
|
|
.btn-primary {
|
|
|
|
background-color: $btn-primary-background;
|
|
|
|
border-color: $btn-primary-border !important;
|
|
|
|
|
|
|
|
&:hover,
|
|
|
|
&:focus {
|
|
|
|
border-color: $btn-primary-hover-border !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-success {
|
|
|
|
background-color: $btn-success-background;
|
|
|
|
border-color: $btn-success-border !important;
|
|
|
|
|
|
|
|
&:hover,
|
|
|
|
&:focus {
|
|
|
|
border-color: $btn-success-hover-border !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn[disabled] {
|
|
|
|
background: $btn-default-background !important;
|
|
|
|
border: 1px solid $btn-disabled-border !important;
|
|
|
|
color: $btn-disabled-color !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.md-previewer,
|
2020-04-30 21:09:47 +00:00
|
|
|
.md table:not(.code) tbody,
|
2020-04-21 15:21:10 +00:00
|
|
|
.ide-empty-state {
|
|
|
|
background-color: $border-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ide-tree-header svg:focus,
|
|
|
|
.ide-tree-header svg:hover {
|
|
|
|
color: $blue-600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.animation-container {
|
|
|
|
[class^='skeleton-line-'] {
|
|
|
|
background-color: $gray-800;
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
background-image: linear-gradient(to right,
|
|
|
|
$gray-800 0%,
|
|
|
|
$gray-700 20%,
|
|
|
|
$gray-800 40%,
|
|
|
|
$gray-800 100%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-04-30 21:09:47 +00:00
|
|
|
|
|
|
|
.idiff.addition {
|
|
|
|
background-color: $diff-insert;
|
|
|
|
}
|
|
|
|
|
|
|
|
.idiff.deletion {
|
|
|
|
background-color: $diff-remove;
|
|
|
|
}
|
2020-04-21 15:21:10 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.navbar.theme-dark {
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
}
|
2020-05-04 12:09:46 +00:00
|
|
|
|
|
|
|
.theme-dark ~ .popover {
|
|
|
|
box-shadow: none;
|
|
|
|
}
|