]> git.rmz.io Git - dotfiles.git/blobdiff - qutebrowser/css/gitlab.com.css
Backup UH
[dotfiles.git] / qutebrowser / css / gitlab.com.css
diff --git a/qutebrowser/css/gitlab.com.css b/qutebrowser/css/gitlab.com.css
new file mode 100644 (file)
index 0000000..90b6e1a
--- /dev/null
@@ -0,0 +1,2423 @@
+/* ==UserStyle==
+@name         GitLab Dark
+@description  A dark theme for GitLab.
+@namespace    gitlab.com/maxigaz/gitlab-dark
+@author       maxigaz
+@homepageURL  https://gitlab.com/maxigaz/gitlab-dark
+@version      1.1.0
+==/UserStyle== */
+
+@-moz-document url-prefix("https://gitlab."), domain("gitlab.com"), domain("framagit.org"), domain("gitlab.ultrahaptics.com")
+{
+       :root {
+               --main-background: #383c4a;
+               --lighter-background-1: #3f4353;
+
+               --main-text-color: #e4e4e4;
+               --lighter-text-color-1: #e7e7e7;
+               --lighter-text-color-2: #eee;
+               --lighter-text-color-3: #f5f5f5;
+
+               --darker-text-color-1: #ddd;
+               --darker-text-color-2: #d4d4d4;
+               --darker-text-color-3: #cacaca;
+               --darker-text-color-4: #c7c7c7;
+               --darker-text-color-5: #bababa;
+
+               --light-divider: #404555;
+               --main-border: #292c36;
+               --btn-border: #1b1b1b;
+               --btn-background: #474b5d;
+               --btn-disabled-background: #464a5c;
+               --btn-disabled-color: #878787;
+       }
+
+       body {
+               background-color: var(--main-background);
+               color: var(--main-text-color);
+
+       }
+
+       h1, h2, h3, h4, h5, h6 {
+               color: #f5f5f5;
+       }
+
+       .btn {
+               background-color: var(--lighter-background-1);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .btn:hover, .btn:active, .btn:focus {
+               background-color: var(--btn-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .btn:hover:active, .btn:focus:active {
+               background-color: var(--btn-background);
+               border-color: var(--btn-border);
+               box-shadow: inset 0 0 10px 10px rgba(0,0,0,.2);
+               color: var(--main-text-color);
+       }
+
+       hr {
+               border-color: var(--main-border);
+       }
+
+       a {
+               color: #2596ff;
+       }
+       
+       a:hover, a:active, a:focus {
+               color: #23baff;
+       }
+
+       .avatar:not([href]):hover {
+               border-color: var(--main-border);
+       }
+
+       pre {
+               background-color: #24272a;
+               color: #e2e2e2;
+       }
+
+       /* Inline code */
+
+       code {
+               background-color: #24272a;
+               color: #e2e2e2;
+       }
+
+       .gfm-color_chip {
+               background-color: #414654;
+               background-image: linear-gradient(135deg, #414654 25%, transparent 0%, transparent 75%, #414654 0%),linear-gradient(135deg, #414654 25%, transparent 0%, transparent 75%, #414654 0%);
+       }
+
+       /* ===== Nav bar ===== */
+
+       .navbar-gitlab {
+               border-bottom-color: var(--btn-border);
+       }
+
+       body.ui-indigo .navbar-gitlab {
+               background-color: #3e4352;
+       }
+
+       body.ui-indigo .navbar-gitlab .navbar-sub-nav {
+               color: #eee;
+       }
+
+       body.ui_indigo .navbar-gitlab .nav > li.active > a, body.ui_indigo .navbar-gitlab .nav > li.dropdown.open > a {
+               background-color: #8f9bbd;
+       }
+
+       .frequent-items-dropdown-container .frequent-items-dropdown-sidebar {
+               border-color: var(--main-border);
+       }
+
+       .projects-dropdown-container .section-header, .projects-dropdown-container .projects-list-frequent-container li.section-empty, .projects-dropdown-container .projects-list-search-container li.section-empty {
+               color: #efefef;
+       }
+
+       .projects-list-item-container .project-namespace {
+               color: #a3a3a3;
+       }
+
+       .header-user .dropdown-menu {
+               color: var(--main-text-color);
+       }
+
+       .has-location-badge.search.search-form.search-active form {
+               background-color: #6a6e82;
+               box-shadow: 0 0 5px #4096ff;
+               transition: box-shadow 0.15s;
+       }
+
+       .has-location-badge.search.search-form.search-active form input {
+               color: #fff;
+       }
+
+       .has-location-badge.search.search-form.search-active form input::placeholder {
+               color: rgba(209,209,240,0.8);
+       }
+
+       .has-location-badge.search.search-form.search-active .location-badge {
+               color: #ebebfa;
+       }
+
+       /* ===== Sidebar ===== */
+
+       .nav-sidebar {
+               background-color: var(--lighter-background-1);
+               box-shadow: inset -2px 0 0 #292c37,2px 1px 3px rgba(0,0,0,0.1);
+       }
+
+       .context-header a {
+               color: #eeeeee;
+       }
+
+       .context-header:hover, .context-header a:hover, .context-header .participants-more .btn-link:hover, .participants-more .context-header .btn-link:hover, .context-header .user-list-more .btn-link:hover, .user-list-more .context-header .btn-link:hover {
+               color: #eeeeee;
+       }
+
+       body.ui_indigo .nav-sidebar li.active {
+                       box-shadow: inset 4px 0 0 #4096ff;
+       }
+
+       body.ui_indigo .nav-sidebar li.active > a {
+               color: #eeeeee;
+       }
+
+       .nav-sidebar li a {
+               color: #d3d3d3;
+       }
+
+       .sidebar-sub-level-items > li a:hover, .sidebar-sub-level-items > li .participants-more .btn-link:hover, .participants-more .sidebar-sub-level-items > li .btn-link:hover, .sidebar-sub-level-items > li .user-list-more .btn-link:hover, .user-list-more .sidebar-sub-level-items > li .btn-link:hover, .sidebar-sub-level-items > li a:focus {
+               color: #eeeeee;
+       }
+
+       .sidebar-top-level-items > li > a:hover, .participants-more .sidebar-top-level-items > li > .btn-link:hover, .user-list-more .sidebar-top-level-items > li > .btn-link:hover {
+               color: #eeeeee;
+       }
+
+       .nav-icon-container svg {
+               fill: #bebebe !important;
+       }
+
+       .nav-icon-container svg:hover {
+               fill: #eee !important;
+       }
+
+       .toggle-sidebar-button, .close-nav-button {
+               background-color: var(--lighter-background-1);
+               border-color: #313541;
+               color: var(--main-text-color);
+       }
+
+       .toggle-sidebar-button:hover, .close-nav-button:hover {
+               background-color: #383b4a;
+               color: #eeeeee;
+       }
+
+       .nav-sidebar:not(.sidebar-collapsed-desktop) {
+               box-shadow: inset -2px 0 0 #292c37,2px 1px 3px rgba(0,0,0,0.1);
+       }
+
+       .avatar {
+               background-color: var(--main-border);
+       }
+
+       .avatar-circle, .avatar, .avatar-container {
+               border-color: var(--main-border);
+       }
+
+       .context-header .avatar-container {
+               background-color: var(--main-border);
+       }
+
+       /* Number of issues, merge requests etc. */
+
+       .sidebar-top-level-items > li .badge.badge-pill, .sidebar-top-level-items > li .shortcut-mappings .key, .shortcut-mappings .sidebar-top-level-items > li .key {
+               color: #d3d3d3;
+       }
+
+       body.ui-indigo .sidebar-top-level-items > li.active .badge.badge-pill, body.ui-indigo .sidebar-top-level-items > li.active .shortcut-mappings .key, .shortcut-mappings body.ui-indigo .sidebar-top-level-items > li.active .key {
+               color: #eee;
+       }
+
+       /* ===== Sidebar (GitLab.com, EE 11.0) ===== */
+
+       body.ui-indigo .nav-sidebar li.active {
+                       box-shadow: inset 4px 0 0 #4096ff;
+       }
+
+       body.ui-indigo .nav-sidebar li.active > a {
+               color: #eeeeee;
+       }
+
+       .toggle-sidebar-button .collapse-text, .toggle-sidebar-button .icon-angle-double-left, .toggle-sidebar-button .icon-angle-double-right {
+               color: var(--main-text-color);
+       }
+
+       /* Hover menu */
+
+       .sidebar-top-level-items > li.is-showing-fly-out .sidebar-sub-level-items {
+               background-color: var(--lighter-background-1);
+               border-color: var(--btn-border);
+       }
+
+       .sidebar-top-level-items .fly-out-list li {
+               background-color: var(--lighter-background-1);
+       }
+       
+       .fly-out-top-item {
+               background-color: #3d4050;
+       }
+
+       .sidebar-top-level-items > li.is-showing-fly-out .sidebar-sub-level-items a:hover, .sidebar-top-level-items > li.is-showing-fly-out .sidebar-sub-level-items .participants-more .btn-link:hover, .participants-more .sidebar-top-level-items > li.is-showing-fly-out .sidebar-sub-level-items .btn-link:hover, .sidebar-top-level-items > li.is-showing-fly-out .sidebar-sub-level-items .user-list-more .btn-link:hover, .user-list-more .sidebar-top-level-items > li.is-showing-fly-out .sidebar-sub-level-items .btn-link:hover, .sidebar-top-level-items > li.is-showing-fly-out .sidebar-sub-level-items a:focus {
+               background-color: #383b4a;
+               color: #eee;
+       }
+
+       .sidebar-top-level-items > li.is-showing-fly-out .sidebar-sub-level-items a {
+               color: var(--main-text-color);
+       }
+
+       .dropdown-divider, .divider {
+               border-color: #484c5f;
+       }
+
+       /* ===== Project page, showing README ===== */
+
+       /* Between top nav bar and file nav */
+
+       .breadcrumbs-links {
+               color: #a3a3a3;
+       }
+
+       .breadcrumbs-sub-title a {
+               color: #dadada;
+       }
+
+       .breadcrumbs-links .avatar-tile {
+               border-color: var(--main-border);
+       }
+
+       .project-home-panel .project-metadata {
+               color: #bababa;
+       }
+
+       .project-repo-buttons .btn, .group-buttons .btn {
+               background-color: var(--lighter-background-1);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .project-repo-buttons .btn:hover, .project-repo-buttons .btn:focus, .group-buttons .btn:hover, .group-buttons .btn:focus {
+               background-color: var(--btn-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .project-repo-buttons .count-buttons .count-badge-count, .group-buttons .count-buttons .count-badge-count {
+               background-color: var(--main-background);
+       }
+
+       .project-repo-buttons .count-buttons .count-badge-count, .project-repo-buttons .count-buttons .count-badge-button, .group-buttons .count-buttons .count-badge-count, .group-buttons .count-buttons .count-badge-button {
+               border-color: var(--btn-border);
+       }
+
+       .project-repo-buttons .count-buttons .count, .project-repo-buttons .count-buttons .count-badge-button, .group-buttons .count-buttons .count, .group-buttons .count-buttons .count-badge-button {
+               color: var(--main-text-color);
+       }
+
+       .dropdown-menu-inner-title {
+               color: #cbcbcb;
+       }
+
+       .dropdown-menu-inner-content {
+               color: #bababa;
+       }
+
+       .git-clone-holder .form-control, .git-clone-holder .search form, .search .git-clone-holder form {
+               background-color: var(--main-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .project-stats .nav .stat-text, .project-stats .nav .stat-link {
+               color: #bababa;
+       }
+
+       .project-stats .nav .stat-link:hover, .project-stats .nav .stat-link:focus {
+               color: #eeeeee;
+       }
+
+       .btn-missing, .project-stats .nav .btn-missing {
+               color: var(--main-text-color);
+               border-color: var(--btn-border);
+       }
+
+       .btn-missing:hover, .project-stats .nav .btn-missing:hover, .btn-missing:active, .project-stats .nav .btn-missing:active, .btn-missing:focus, .project-stats .nav .btn-missing:focus {
+               background-color: var(--btn-background);
+               color: var(--main-text-color);
+       }
+
+       .project-repo-buttons .btn .fa, .group-buttons .btn .fa {
+               color: var(--main-text-color);
+       }
+
+       .project-repo-buttons .btn svg, .group-buttons .btn svg {
+               fill: var(--main-text-color);
+       }
+
+       .breadcrumbs-container {
+               border-color: var(--light-divider);
+       }
+
+       .project-home-panel, .group-home-panel {
+               border-color: var(--light-divider);
+       }
+
+       .project-stats {
+               border-color: var(--light-divider);
+       }
+
+       .banner-callout.banner-non-empty-state {
+               border-color: var(--light-divider);
+       }
+
+       /* Tree nav */
+
+       .dropdown-toggle, .dropdown-menu-toggle {
+               background-color: var(--main-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .dropdown-toggle:hover, .dropdown-menu-toggle:hover, .dropdown-toggle:active, .dropdown-menu-toggle:active, .dropdown-toggle:focus, .dropdown-menu-toggle:focus {
+               border-color: #4096ff;
+       }
+
+       .open .dropdown-toggle, .open .dropdown-menu-toggle, .open .dropdown-menu-toggle {
+               border-color: #4096ff;
+       }
+
+       .dropdown-menu, .dropdown-menu-nav {
+               background-color: var(--main-background);
+               border-color: var(--btn-border);
+       }
+
+       .dropdown-menu .dropdown-header, .dropdown-menu-nav .dropdown-header {
+               color: var(--main-text-color);
+       }
+
+       .dropdown-input-field, .default-dropdown-input {
+               background-color: #313541;
+               color: var(--main-text-color);
+       }
+
+       .dropdown-menu-selectable li a.is-indeterminate, .dropdown-menu-selectable li a.is-active, .dropdown-menu-selectable li button.is-indeterminate, .dropdown-menu-selectable li button.is-active {
+               color: var(--main-text-color);
+       }
+
+       .dropdown-menu li a:not(.disable-hover):hover, .dropdown-menu li .participants-more .btn-link:not(.disable-hover):hover, .participants-more .dropdown-menu li .btn-link:not(.disable-hover):hover, .dropdown-menu li .user-list-more .btn-link:not(.disable-hover):hover, .user-list-more .dropdown-menu li .btn-link:not(.disable-hover):hover, .dropdown-menu li a:active, .dropdown-menu li a:focus, .dropdown-menu li a.is-focused, .dropdown-menu li button:not(.disable-hover):hover, .dropdown-menu li button:active, .dropdown-menu li button:focus, .dropdown-menu li button.is-focused, .dropdown-menu li .menu-item:not(.disable-hover):hover, .dropdown-menu li .menu-item:active, .dropdown-menu li .menu-item:focus, .dropdown-menu li .menu-item.is-focused, .dropdown-menu-nav li a:not(.disable-hover):hover, .dropdown-menu-nav li .participants-more .btn-link:not(.disable-hover):hover, .participants-more .dropdown-menu-nav li .btn-link:not(.disable-hover):hover, .dropdown-menu-nav li .user-list-more .btn-link:not(.disable-hover):hover, .user-list-more .dropdown-menu-nav li .btn-link:not(.disable-hover):hover, .dropdown-menu-nav li a:active, .dropdown-menu-nav li a:focus, .dropdown-menu-nav li a.is-focused, .dropdown-menu-nav li button:not(.disable-hover):hover, .dropdown-menu-nav li button:active, .dropdown-menu-nav li button:focus, .dropdown-menu-nav li button.is-focused, .dropdown-menu-nav li .menu-item:not(.disable-hover):hover, .dropdown-menu-nav li .menu-item:active, .dropdown-menu-nav li .menu-item:focus, .dropdown-menu-nav li .menu-item.is-focused {
+               background-color: var(--btn-background);
+               color: var(--main-text-color);
+       }
+
+       .breadcrumb.repo-breadcrumb a {
+               color: var(--lighter-text-color-1);
+       }
+
+       /* Last commit info */
+
+       .info-well {
+               background-color: var(--lighter-background-1);
+               border-color: #282b35;
+               color: var(--main-text-color);
+       }
+
+       .commit a, .commit button, .generic_commit_status a, .generic_commit_status button {
+               color: #eeeeee;
+       }
+
+       .commit-sha-group .label-monospace {
+               background-color: var(--lighter-background-1);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .commit-sha-group .label, .commit-sha-group .shortcut-mappings .key, .shortcut-mappings .commit-sha-group .key, .commit-sha-group .btn {
+               border-color: var(--btn-border);
+       }
+
+       /* File navigation */
+
+       .table th, .file-holder table th, .wiki table th, .md table th, ul.notes > li .note-body .note-text table th, .table td, .file-holder table td, .wiki table td, .md table td, ul.notes > li .note-body .note-text table td {
+               border-color: var(--light-divider);
+       }
+
+       table.table tr th, .file-holder table tr th, .wiki table tr th, .md table tr th, ul.notes > li .note-body .note-text table tr th {
+               background-color: #3c4150;
+       }
+
+       .tree-holder .tree-table tr {
+               border-color: var(--light-divider);
+       }
+
+       .tree-holder .tree-table tr:hover:not(.tree-truncated-warning) td {
+               background-color: #313543;
+               border-color: #1763bf;
+       }
+
+       table.table tr td, .file-holder table tr td, .wiki table tr td, .md table tr td, ul.notes > li .note-body .note-text table tr td {
+               border-color: var(--light-divider);
+       }
+
+       .tree-holder .tree-item .tree-item-file-name i, .tree-holder .tree-item .tree-item-file-name a {
+               color: #eeeeee;
+       }
+
+       .tree-holder .tree-commit .tree-commit-link {
+               color: #c6c6c6;
+       }
+
+       .tree-holder .tree-time-ago {
+               color: #c6c6c6;
+       }
+
+       /* Content of README */
+
+       .file-holder {
+               border-color: var(--main-border);
+       }
+
+       .file-holder .file-title {
+               background-color: #3c4150;
+               border-color: var(--main-border);
+       }
+
+       .file-holder .file-title a:not(.btn) {
+               color: #f2f2f2;
+       }
+
+       .file-holder .file-content {
+               background-color: var(--main-background);
+       }
+       
+       .wiki {
+               color: var(--main-text-color);
+       }
+
+       .wiki h1, .wiki h2, .wiki h3 {
+               border-color: var(--main-border);
+               color: #f5f5f5;
+       }
+       
+       .wiki p {
+               color: var(--main-text-color);
+       }
+
+       .wiki a {
+               color: #2596ff;
+       }
+
+       .wiki table {
+               color: var(--main-text-color);
+       }
+
+       .table-bordered > thead > tr > th, .wiki table > thead > tr > th, .md table > thead > tr > th, ul.notes > li .note-body .note-text table > thead > tr > th, .table-bordered > thead > tr > td, .wiki table > thead > tr > td, .md table > thead > tr > td, ul.notes > li .note-body .note-text table > thead > tr > td, .table-bordered > tbody > tr > th, .wiki table > tbody > tr > th, .md table > tbody > tr > th, ul.notes > li .note-body .note-text table > tbody > tr > th, .table-bordered > tbody > tr > td, .wiki table > tbody > tr > td, .md table > tbody > tr > td, ul.notes > li .note-body .note-text table > tbody > tr > td, .table-bordered > tfoot > tr > th, .wiki table > tfoot > tr > th, .md table > tfoot > tr > th, ul.notes > li .note-body .note-text table > tfoot > tr > th, .table-bordered > tfoot > tr > td, .wiki table > tfoot > tr > td, .md table > tfoot > tr > td, ul.notes > li .note-body .note-text table > tfoot > tr > td {
+               border-color: #2f333f;
+       }
+
+       .table-bordered, .wiki table, .md table, ul.notes > li .note-body .note-text table {
+               border-color: #2f333f;
+       }
+
+       /* ===== Find file ===== */
+
+       .table-striped tbody tr:nth-of-type(2n+1) {
+               background-color: #353947;
+       }
+
+       .tree-holder .tree-table tr.selected td {
+               background-color: #333744;
+               border-color: #0e437f;
+       }
+
+       /* ===== New issue ===== */
+
+       .form-control, .search form {
+               background-color: #313541;
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .search form:hover, .file-finder-input:hover, .issuable-search-form:hover, .search-text-input:hover, .form-control:hover, .filtered-search-box:hover, .search form:hover {
+               border-color: #4096ff;
+       }
+
+       .help-block {
+               color: #c7c7c7;
+       }
+
+       a:hover, .participants-more .btn-link:hover, .user-list-more .btn-link:hover, a:focus {
+               color: #34a0ff;
+       }
+
+       /* Description */
+
+       .markdown-area {
+               background-color: #313541;
+       }
+
+       .common-note-form .md-area {
+               border-color: #282b35;
+       }
+
+       .md {
+               color: var(--main-text-color);
+       }
+
+       .md p {
+               color: var(--main-text-color);
+       }
+
+       .md h1, .md h2, .md h3, .md h4, .md h5, .md h6 {
+               border-color: var(--main-border);
+               color: #f5f5f5;
+       }
+
+       .note-textarea {
+               color: var(--main-text-color);
+       }
+
+       .nav-links {
+               border-color: #282b35;
+       }
+
+       .nav-links li a {
+               color: #cacaca;
+       }
+
+       .nav-links li.active a {
+               color: #f2f2f2;
+       }
+
+               .nav-links li a:hover, .nav-links li .participants-more .btn-link:hover, .participants-more .nav-links li .btn-link:hover, .nav-links li .user-list-more .btn-link:hover, .user-list-more .nav-links li .btn-link:hover, .nav-links li a:active, .nav-links li a:focus {
+                       border-color: #2a66aa;
+                       color: #fff;
+               }
+
+       body.ui_indigo .nav-links li.active a {
+               border-color: #4096ff;
+       }
+
+       .comment-toolbar {
+               border-color: #282b35;
+       }
+
+       .gfm-project_member {
+               background-color: #2c394a;
+       }
+
+       /* Dropdown toggle buttons (assignee, milestone etc.) */
+
+       .dropdown-toggle-text.is-default {
+               color: #cbcbcb;
+       }
+
+       .dropdown-menu li a, .dropdown-menu li button, .dropdown-menu li .menu-item, .dropdown-menu-nav li a, .dropdown-menu-nav li button, .dropdown-menu-nav li .menu-item {
+               color: #cbcbcb;
+       }
+
+       .dropdown-input-field {
+               color: #cbcbcb;
+       }
+
+       .dropdown-input-field:focus {
+               color: var(--main-text-color);
+       }
+
+       .pika-single {
+               background-color: var(--main-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .pika-single.gitlab-theme .pika-label {
+               background-color: var(--main-background);
+               color: var(--main-text-color);
+       }
+
+       .pika-single.gitlab-theme .pika-day {
+               background-color: var(--main-background);
+               color: #cbcbcb;
+       }
+
+       .pika-single.gitlab-theme th {
+               color: #b9b9b9;
+       }
+
+       abbr[title], abbr[data-original-title] {
+               border-bottom: none;
+       }
+
+       .pika-single.gitlab-theme .is-selected .pika-day, .pika-single.gitlab-theme .pika-day:hover, .pika-single.gitlab-theme .is-today .pika-day {
+               background-color: var(--lighter-background-1);
+       }
+
+       .pika-prev, .pika-next {
+               filter: invert(80%);
+       }
+
+       /* Footer */
+
+       .row-content-block {
+               background-color: var(--lighter-background-1);
+               border-color: #282b35;
+       }
+
+    .row-content-block.content-component-block {
+        padding: 11px 0;
+        background-color: var(--main-background);
+    }
+    
+       /* ===== List of issues ===== */
+
+       .badge {
+               color: #bfbfbf;
+       }
+
+       .nav-links li.active a .badge {
+               color: #dfdfdf;
+       }
+
+       .nav-links li a:hover .badge, .nav-links li .participants-more .btn-link:hover .badge, .participants-more .nav-links li .btn-link:hover .badge, .nav-links li .user-list-more .btn-link:hover .badge, .user-list-more .nav-links li .btn-link:hover .badge, .nav-links li a:active .badge, .nav-links li a:focus .badge {
+               color: #efefef;
+       }
+
+       .filtered-search-box {
+               border-color: var(--btn-border);
+               background-color: #313541;
+       }
+
+       ul.content-list li a {
+               color: #eee;
+       }
+
+       ul.content-list li {
+               color: #eee;
+       }
+
+       ul.content-list > li {
+               border-color: var(--light-divider);
+       }
+
+       .filtered-search-history-dropdown-toggle-button:hover, .filtered-search-history-dropdown-toggle-button:focus {
+               color: #fff;
+       }
+
+       .issuable-list li .issuable-milestone a, .issuable-list li .issuable-info a, .issuable-list li .task-status a, .issuable-list li .issuable-updated-at a {
+               color: #e3e3e3;
+       }
+
+       .issuable-list li .issuable-milestone, .issuable-list li .issuable-info, .issuable-list li .task-status, .issuable-list li .issuable-updated-at {
+               color: #cacaca;
+       }
+
+       .panel, .panel-slim {
+               background-color: var(--main-background);
+       }
+
+       .merge-request.closed, .issue.closed {
+               background-color: #333744;
+               border-color: var(--light-divider);
+       }
+
+       .page-item.disabled .page-link {
+               background-color: var(--btn-disabled-background);
+               border-color: var(--btn-border);
+               color: var(--btn-disabled-color);
+       }
+
+       /* New issues */
+
+       .merge-request.today, .issue.today {
+               background-color: #2f3f41;
+               border-color: var(--light-divider);
+       }
+
+       /* ===== List of issues (GitLab.com, EE 11.0) ===== */
+
+       .nav-links li.active a .badge.badge-pill, .nav-links li.active a .shortcut-mappings .key, .shortcut-mappings .nav-links li.active a .key, .nav-links li a.active .badge.badge-pill, .nav-links li a.active .shortcut-mappings .key, .shortcut-mappings .nav-links li a.active .key {
+               color: #dfdfdf;
+       }
+
+       .badge.badge-pill, .shortcut-mappings .key {
+               color: #bfbfbf;
+       }
+
+       .nav-links li a:hover .badge.badge-pill, .nav-links li .participants-more .btn-link:hover .badge.badge-pill, .participants-more .nav-links li .btn-link:hover .badge.badge-pill, .nav-links li .user-list-more .btn-link:hover .badge.badge-pill, .user-list-more .nav-links li .btn-link:hover .badge.badge-pill, .nav-links li a:hover .shortcut-mappings .key, .shortcut-mappings .nav-links li a:hover .key, .nav-links li .participants-more .btn-link:hover .shortcut-mappings .key, .shortcut-mappings .nav-links li .participants-more .btn-link:hover .key, .participants-more .nav-links li .btn-link:hover .shortcut-mappings .key, .shortcut-mappings .participants-more .nav-links li .btn-link:hover .key, .nav-links li .user-list-more .btn-link:hover .shortcut-mappings .key, .shortcut-mappings .nav-links li .user-list-more .btn-link:hover .key, .user-list-more .nav-links li .btn-link:hover .shortcut-mappings .key, .shortcut-mappings .user-list-more .nav-links li .btn-link:hover .key, .nav-links li a:active .badge.badge-pill, .nav-links li a:active .shortcut-mappings .key, .shortcut-mappings .nav-links li a:active .key, .nav-links li a:focus .badge.badge-pill, .nav-links li a:focus .shortcut-mappings .key, .shortcut-mappings .nav-links li a:focus .key {
+               color: #efefef;
+       }
+
+       body.ui-indigo .nav-links li.active a, body.ui-indigo .nav-links li a.active {
+               border-color: #4096ff;
+       }
+
+       .card, .card-slim {
+               background-color: var(--main-background);
+               border-color: var(--main-border);
+       }
+
+       .select2-drop {
+               background-color: var(--main-background);
+               color: #cbcbcb;
+       }
+
+       .select2-results .select2-highlighted {
+               color: var(--main-text-color);
+       }
+
+       .select2-results .select2-highlighted .select2-result-label {
+               background: var(--btn-background);
+       }
+
+       .select2-drop, .select2-drop.select2-drop-above {
+               border-color: var(--btn-border);
+       }
+
+       .select2-search input {
+               background-color: var(--main-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .dropdown-menu {
+               color: var(--main-text-color);
+       }
+
+       /* ===== Issue details ===== */
+
+       /* Right sidebar */
+
+       .right-sidebar {
+               background-color: var(--lighter-background-1);
+               border-color: var(--btn-border);
+       }
+
+       .right-sidebar .block {
+               border-color: #282b35;
+       }
+
+       .right-sidebar .title {
+               color: #e3e3e3;
+       }
+
+       .right-sidebar.right-sidebar-expanded .gutter-toggle {
+               border-color: #282b35;
+       }
+
+       .right-sidebar .block .gutter-toggle:hover {
+               color: #fff;
+       }
+
+       .right-sidebar.right-sidebar-expanded .no-value, .right-sidebar.right-sidebar-expanded .btn-secondary-hover-link {
+               color: #bebebe;
+       }
+
+       .right-sidebar .title .lock-edit, .right-sidebar .title .edit-link {
+               color: #e2e2e2;
+       }
+
+       .right-sidebar .title .lock-edit:hover, .right-sidebar .title .edit-link:hover {
+               color: #23baff;
+       }
+
+       .right-sidebar a:not(.btn):hover, .right-sidebar .participants-more .btn-link:not(.btn):hover, .participants-more .right-sidebar .btn-link:not(.btn):hover, .right-sidebar .user-list-more .btn-link:not(.btn):hover, .user-list-more .right-sidebar .btn-link:not(.btn):hover {
+               color: #23baff;
+       }
+
+       .right-sidebar .cross-project-reference button {
+               background-color: var(--lighter-background-1);
+       }
+
+       .right-sidebar .btn-clipboard:hover {
+               color: #fff;
+       }
+
+       /* Right sidebar (collapsed) */
+
+       .right-sidebar .block .gutter-toggle:hover {
+               background-color: #383b4a;
+       }
+
+       .right-sidebar.right-sidebar-collapsed .gutter-toggle {
+               border-color: #313541;
+       }
+
+       .right-sidebar.right-sidebar-collapsed .block:hover {
+               background-color: #383b4a;
+       }
+
+       .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon:hover:not(.disabled), .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon:hover .todo-undone {
+               color: #eee;
+       }
+
+       .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon {
+               color: #bebebe;
+       }
+
+       .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon svg {
+               fill: #bebebe;
+       }
+
+       .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon:hover:not(.disabled) svg, .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon:hover .todo-undone svg {
+               fill: #eee;
+       }
+
+       .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon .btn-clipboard {
+               color: #bebebe;
+       }
+
+       .right-sidebar.right-sidebar-collapsed .sidebar-collapsed-icon .btn-clipboard:hover {
+               color: #eee;
+       }
+
+       .right-sidebar.right-sidebar-collapsed .participants {
+               border-color: #313541;
+       }
+
+       /* Original post */
+
+       .detail-page-header {
+               border-color: #282b35;
+               color: #e2e2e2;
+       }
+
+       .detail-page-header a {
+               color: #e2e2e2;
+       }
+
+       .detail-page-description .title {
+               color: #f5f5f5;
+       }
+
+       .panel-default {
+               border-color: #282b35;
+       }
+
+       .panel-default > .panel-heading {
+               background-color: var(--lighter-background-1);
+       }
+
+       .panel-title {
+               color: var(--main-text-color);
+       }
+
+       .issue-count-badge-count {
+               border-color: var(--btn-border);
+       }
+
+       .issuable-details .description img:not(.emoji) {
+               border-color: #3c404f;
+       }
+
+       /* Quick actions */
+
+       .referenced-commands {
+               background-color: #373b4a;
+               color: #e2e2e2;
+       }
+
+       .atwho-view {
+               background-color: #373b4a;
+               border-color: #282b35;
+               color: var(--main-text-color);
+       }
+
+       .atwho-view .atwho-view-ul li.cur {
+               background-color: var(--btn-background);
+               color: var(--main-text-color);
+       }
+
+       .atwho-view .atwho-view-ul li strong {
+               color: #fff;
+       }
+
+       .atwho-view small {
+               color: #aaa;
+       }
+
+       .atwho-view .cur .avatar {
+               border-color: var(--main-border);
+       }
+
+       /* Related issues */
+
+       .card-slim {
+               border-color: var(--main-border);
+       }
+
+       .issue-count-badge {
+               background-color: var(--lighter-background-1) !important;
+               border-color: var(--btn-border);
+       }
+
+       /* Reaction block (under OP) */
+
+       .content-block {
+               border-bottom-color: var(--light-divider);
+       }
+
+       .award-control.user-authored {
+               background-color: var(--lighter-background-1);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .award-control.user-authored:hover {
+               background-color: var(--btn-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .award-control.user-authored gl-emoji {
+               filter: brightness(2);
+       }
+
+       /* Issue replies */
+
+       .note-headline-light, .discussion-headline-light {
+               color: #bababa;
+       }
+
+       .timeline-entry {
+               background-color: var(--main-background);
+       }
+
+       .discussion-header a, .note-header-info a {
+               color: #e2e2e2;
+       }
+
+       .discussion-header a:hover, .discussion-header .participants-more .btn-link:hover, .participants-more .discussion-header .btn-link:hover, .discussion-header .user-list-more .btn-link:hover, .user-list-more .discussion-header .btn-link:hover, .note-header-info a:hover, .note-header-info .participants-more .btn-link:hover, .participants-more .note-header-info .btn-link:hover, .note-header-info .user-list-more .btn-link:hover, .user-list-more .note-header-info .btn-link:hover {
+               color: #23baff;
+       }
+
+       ul.notes > li .note-body .note-text p {
+               color: var(--main-text-color);
+       }
+
+       ul.notes > li .note-body .note-text a {
+               color: #2596ff;
+       }
+
+       ul.notes > li .timeline-entry-inner {
+               border-color: var(--light-divider);
+       }
+
+       .note-type-dropdown .btn:hover:active, .note-type-dropdown .btn:focus:active {
+               box-shadow: none;
+       }
+
+       .markdown-selector {
+               color: #2596ff;
+       }
+
+       pre {
+               border-color: #5f5f5f;
+       }
+
+       .timeline-entry:target, .timeline-entry.target {
+               background-color: #35394a;
+       }
+
+       ul.notes > li:target, ul.notes > li.target {
+               border-color: var(--main-border);
+       }
+
+       ul.notes > li:target:not(:first-child), ul.notes > li.target:not(:first-child) {
+               border-color: var(--main-border);
+       }
+
+       ul.notes > li .note-body .note-text {
+               color: var(--main-text-color);
+       }
+
+       .md img:not(.emoji) {
+               border-color: #3c404f;
+       }
+
+       .disabled-comment {
+               background-color: #373b4a;
+               border-color: var(--main-border);
+               color: #cacaca;
+       }
+
+       .disabled-comment a {
+               color: #2596ff;
+       }
+
+       .disabled-comment a:hover {
+               color: #23baff;
+       }
+
+       /* ===== Issue details (GitLab.com, EE 11.0 ===== */
+
+       .btn.btn-inverted.btn-success, .btn.btn-inverted.btn-new, .btn.btn-inverted.btn-create, .btn.btn-inverted.comment-btn, .btn.btn-inverted.btn-save {
+               background-color: #158f46;
+               border-color: #12753a;
+               color: #fff;
+       }
+
+       .btn.btn-close, .btn.btn-close-color {
+               background-color: #be6c00;
+               border-color: #b56600;
+               color: #fff;
+       }
+
+       .btn.disabled, .btn[disabled], fieldset[disabled] .btn, .dropdown-toggle[disabled], [disabled].dropdown-menu-toggle, .btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover, .dropdown-toggle[disabled]:hover, [disabled].dropdown-menu-toggle:hover {
+               background-color: var(--btn-disabled-background) !important;
+               border-color: var(--btn-border) !important;
+               color: var(--btn-disabled-color) !important;
+       }
+
+       /* ===== Issue boards ===== */
+
+       .board-inner {
+               background-color: var(--lighter-background-1);
+               border-color: var(--main-border);
+       }
+
+       .board-card {
+               background-color: var(--main-background);
+               box-shadow: 0 1px 2px rgba(0,0,0,0.55);
+       }
+
+       .board-card-title a {
+               color: var(--lighter-text-color-2);
+       }
+
+       .board-blank-state, .board-promotion-state {
+               background-color: var(--main-background);
+       }
+
+       .board-title {
+               border-color: var(--main-border);
+       }
+
+       .board-card-number {
+               color: var(--darker-text-color-3);
+       }
+
+       /* Edit board */
+
+       .row-content-block .title {
+               color: var(--main-text-color);
+       }
+
+       .board-config-modal .block + .block {
+               border-color: var(--light-divider);
+       }
+
+       .modal-footer {
+               border-color: var(--light-divider);
+       }
+
+       /* Add list */
+
+       .dropdown .dropdown-menu.dropdown-menu-tabs .dropdown-tabs-list .dropdown-tab-item {
+               border-color: var(--main-border);
+       }
+
+       .dropdown .dropdown-menu.dropdown-menu-tabs .dropdown-tabs-list .dropdown-tab-item a {
+               background-color: #3D4050;
+               color: var(--lighter-text-color-2);
+       }
+
+       .dropdown .dropdown-menu.dropdown-menu-tabs .dropdown-tabs-list .dropdown-tab-item a:focus, .dropdown .dropdown-menu.dropdown-menu-tabs .dropdown-tabs-list .dropdown-tab-item a.active {
+               background-color: #404454;
+               color: var(--lighter-text-color-3);
+       }
+
+       .dropdown .dropdown-menu.dropdown-menu-tabs .tab-content .issue-board-dropdown-content {
+               color: var(--darker-text-color-3);
+       }
+
+       .dropdown-loading {
+               background-color: rgba(70,74,92,0.5);
+       }
+
+       .dropdown .dropdown-menu.dropdown-menu-tabs .dropdown-tabs-list .dropdown-tab-item a.active {
+               border-color: #2a66aa;
+       }
+
+       /* Add issues */
+
+       .add-issues-container {
+               background-color: var(--main-background);
+       }
+
+       .add-issues-list .board-card {
+               border-color: var(--main-border);
+               box-shadow: 0 1px 2px rgba(0,0,0,0.55);
+       }
+
+       .board-card.is-active, .board-card.is-active .board-card-assignee:hover a {
+               background-color: #404454;
+       }
+
+       /* ===== Message for empty project ===== */
+
+       .project-empty-note-panel {
+               border-bottom-color: #4c4c4c;
+       }
+
+       /* ===== Command line instructions (appears when a new project is created ===== */
+
+       .git-empty h5 {
+               color: #eee;
+       }
+
+       .light-well, .description-block {
+               background-color: #22242d;
+       }
+
+       pre.light-well, pre.description-block {
+               border-color: #5f5f5f;
+       }
+
+       .git-empty .light-well, .git-empty .description-block {
+               color: #ddd;
+       }
+
+       .btn.btn-inverted.btn-remove {
+               background-color: #a32a17;
+               color: #dadada;
+               border-color: #a32a17;
+       }
+
+       /* ===== Import from GitHub ===== */
+
+       .light, .description-block {
+               color: #e2e2e2;
+       }
+
+       .table > thead > tr > td.active, .file-holder table > thead > tr > td.active, .wiki table > thead > tr > td.active, .md table > thead > tr > td.active, ul.notes > li .note-body .note-text table > thead > tr > td.active, .table > thead > tr > th.active, .file-holder table > thead > tr > th.active, .wiki table > thead > tr > th.active, .md table > thead > tr > th.active, ul.notes > li .note-body .note-text table > thead > tr > th.active, .table > thead > tr.active > td, .file-holder table > thead > tr.active > td, .wiki table > thead > tr.active > td, .md table > thead > tr.active > td, ul.notes > li .note-body .note-text table > thead > tr.active > td, .table > thead > tr.active > th, .file-holder table > thead > tr.active > th, .wiki table > thead > tr.active > th, .md table > thead > tr.active > th, ul.notes > li .note-body .note-text table > thead > tr.active > th, .table > tbody > tr > td.active, .file-holder table > tbody > tr > td.active, .wiki table > tbody > tr > td.active, .md table > tbody > tr > td.active, ul.notes > li .note-body .note-text table > tbody > tr > td.active, .table > tbody > tr > th.active, .file-holder table > tbody > tr > th.active, .wiki table > tbody > tr > th.active, .md table > tbody > tr > th.active, ul.notes > li .note-body .note-text table > tbody > tr > th.active, .table > tbody > tr.active > td, .file-holder table > tbody > tr.active > td, .wiki table > tbody > tr.active > td, .md table > tbody > tr.active > td, ul.notes > li .note-body .note-text table > tbody > tr.active > td, .table > tbody > tr.active > th, .file-holder table > tbody > tr.active > th, .wiki table > tbody > tr.active > th, .md table > tbody > tr.active > th, ul.notes > li .note-body .note-text table > tbody > tr.active > th, .table > tfoot > tr > td.active, .file-holder table > tfoot > tr > td.active, .wiki table > tfoot > tr > td.active, .md table > tfoot > tr > td.active, ul.notes > li .note-body .note-text table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .file-holder table > tfoot > tr > th.active, .wiki table > tfoot > tr > th.active, .md table > tfoot > tr > th.active, ul.notes > li .note-body .note-text table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .file-holder table > tfoot > tr.active > td, .wiki table > tfoot > tr.active > td, .md table > tfoot > tr.active > td, ul.notes > li .note-body .note-text table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .file-holder table > tfoot > tr.active > th, .wiki table > tfoot > tr.active > th, .md table > tfoot > tr.active > th, ul.notes > li .note-body .note-text table > tfoot > tr.active > th {
+               background-color: #393d4c;
+       }
+
+       /* ===== Project list ===== */
+
+       .top-area, .wiki-page-header {
+               border-color: var(--main-border);
+       }
+
+       .projects-list > li {
+               border-color: var(--light-divider);
+       }
+
+       .gl-pagination {
+               border-color: #5f5f5f;
+       }
+
+       .text-plain, .text-plain:hover {
+               color: #f5f5f5;
+       }
+
+       .user-access-role {
+               border-color: #525252;
+               color: #aaa;
+       }
+
+       .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .participants-more .pagination > .disabled > .btn-link:hover, .user-list-more .pagination > .disabled > .btn-link:hover, .pagination > .disabled > a:focus {
+               background-color: var(--btn-disabled-background);
+               border-color: var(--btn-border);
+               color: var(--btn-disabled-color);
+       }
+
+       .pagination > li > a, .pagination > li > span {
+               background-color: var(--lighter-background-1);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .pagination > li > a:hover, .participants-more .pagination > li > .btn-link:hover, .user-list-more .pagination > li > .btn-link:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
+               background-color: var(--btn-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .pagination > li > a:hover:active, .participants-more .pagination > li > .btn-link:hover:active, .user-list-more .pagination > li > .btn-link:hover:active, .pagination > li > a:active:focus, .pagination > li > span:hover:active, .pagination > li > span:active:focus {
+               box-shadow: inset 0 0 10px 10px rgba(0,0,0,.2);
+       }
+
+       /* ===== Groups ===== */
+
+       /* Notification */
+
+       .landing {
+               background-color: #0f4071;
+               border-color: #4096ff;
+       }
+
+       .landing .inner-content p {
+               color: var(--lighter-text-color-1);
+       }
+
+       /* List of groups */
+
+       .group-list-tree .group-row:first-child {
+               border-color: var(--light-divider);
+       }
+
+       .group-list-tree .group-row-contents:hover {
+               background-color: #313543;
+       }
+
+       ul.content-list li .description {
+               color: #ddd;
+       }
+
+       .group-row .stats {
+               color: #cacaca;
+       }
+
+       /* List of projects within a group */
+
+       .group-nav-container .nav-controls {
+               border-color: var(--light-divider);
+       }
+
+       /* ===== Activity ===== */
+
+       .event-item {
+               border-color: var(--light-divider);
+       }
+
+       .nav-block.activities {
+               border-color: var(--main-border);
+       }
+
+       .event-item {
+               color: #d3d3d3;
+       }
+
+       .event-item a {
+               color: #f5f5f5;
+       }
+
+       .event-item .event-title {
+               color: #f5f5f5;
+       }
+
+       /* Nav links (mobile) */
+
+       .inner-page-scroll-tabs .fade-left {
+               background: linear-gradient(to right, var(--main-background) 45%, rgba(56,60,74,0.4));
+       }
+
+       .inner-page-scroll-tabs .fade-right {
+               background: linear-gradient(to left, var(--main-background) 45%, rgba(56,60,74,0.4));
+       }
+
+       /* ===== Commits ===== */
+
+       .commit-header {
+               background-color: #3e4352;
+               border-color: var(--light-divider);
+       }
+
+       /* Commit description */
+
+       .commit .commit-row-description, .generic_commit_status .commit-row-description {
+               border-color: #6a6a6a;
+               color: #aaa;
+       }
+
+       .commit .commit-row-description a, .generic_commit_status .commit-row-description a {
+               color: var(--lighter-text-color-1);
+       }
+
+       .text-expander {
+               background-color: var(--main-background);
+               border-color: #424758;
+               color: #dadada;
+       }
+
+       .text-expander.open {
+               background-color: #444859;
+       }
+
+       .text-expander:hover {
+               background-color: #4a4e61;
+       }
+
+       .commit-sha-group .btn svg {
+               fill: #ddd;
+       }
+
+       .tree-holder .nav-block .btn .fa, .tree-holder .nav-block .btn svg {
+               color: #ddd;
+       }
+
+       /* ===== Commit details ===== */
+
+       .page-content-header .commit-committer-link, .page-content-header .commit-author-link {
+               color: #f2f2f2;
+       }
+
+       .commit-box {
+               border-color: var(--light-divider);
+       }
+
+       .commit-box .commit-title {
+               color: #f5f5f5;
+       }
+
+       .cgray, .commit.inline-commit .committed_ago, .generic_commit_status.inline-commit .committed_ago {
+               color: #e2e2e2;
+       }
+
+       .info-well .icon-container.commit-icon svg path {
+               fill: #e2e2e2;
+       }
+
+       .diff-files-changed {
+               background-color: var(--main-background);
+       }
+
+       .diff-files-changed .commit-stat-summary {
+               background-color: var(--main-background);
+       }
+
+       .diff-file .file-title:hover, .diff-file .file-title-flex-parent:hover {
+               background-color: #424657;
+       }
+
+       .diff-file .diff-content {
+               background-color: var(--main-background);
+       }
+
+       .nothing-here-block {
+               color: #e2e2e2;
+       }
+
+       .form-control:focus, .common-note-form .md-area.is-focused, .search form:focus, .search.search-active form {
+               background-color: var(--main-background);
+       }
+
+       .btn:active, .btn.active {
+               background-color: #595e74;
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .file-title-flex-parent, .file-holder .file-title-flex-parent {
+               border-color: var(--main-border);
+       }
+
+       /* Commit message editing */
+
+       .commit-message-container {
+               background-color: var(--main-background);
+       }
+
+       .commit-message-container textarea {
+               background-color: var(--main-background);
+       }
+
+       /* ===== List of merge requests ===== */
+
+       .merge-request.merged, .issue.merged {
+               background-color: #333744;
+               border-color: var(--light-divider);
+       }
+
+       /* ===== Merge request details ===== */
+
+       .mr-state-widget {
+               color: #f2f2f2;
+       }
+
+       .merge-request-tabs-container {
+               background-color: var(--main-background);
+       }
+
+       .limit-container-width .merge-request-tabs-container .inner-page-scroll-tabs {
+               background-color: var(--main-background);
+       }
+
+       .mr-source-target {
+               border-color: var(--main-border);
+       }
+
+       .mr-source-target .diverged-commits-count {
+               color: #cacaca;
+       }
+
+       .mr-widget-heading, .mr-state-widget .mr-widget-section, .mr-state-widget .mr-widget-footer {
+               border-color: var(--main-border);
+       }
+
+       .mr-state-widget .media-section {
+               border-color: var(--main-border);
+       }
+
+       .mr-state-widget .ci-widget {
+               color: #e4e4e4;
+       }
+
+       .ci-widget-container .coverage {
+               color: #cacaca;
+       }
+
+       .mr-section-container {
+               border-color: var(--main-border);
+       }
+
+       .merge-request-tabs-holder {
+               border-bottom-color: #282b35;
+       }
+
+       /* Indented border between merge request events */
+
+       .mr-widget-heading:not(.deploy-heading)::before {
+               border-color: var(--main-border);
+       }
+
+       /* Discussion */
+
+       .timeline .system-note .note-text {
+               color: var(--main-text-color) !important;
+       }
+
+       /* Changes */
+
+       .mr-version-controls {
+               background-color: var(--lighter-background-1);
+               color: #eee;
+       }
+
+       /* ===== Tags ===== */
+
+       .branch-commit {
+               color: #d3d3d3;
+       }
+
+       .branch-commit .commit-row-message {
+               color: #d3d3d3;
+       }
+
+       .branch-commit .commit-sha, .branch-commit .gfm-commit, .branch-commit .gfm-commit_range {
+               color: #2596ff;
+       }
+
+       /* ===== Edit tag ===== */
+
+       .sub-header-block {
+               background-color: var(--main-background);
+       }
+
+       /* ===== File content ===== */
+
+       .file-title-flex-parent {
+               background-color: var(--lighter-background-1);
+               border-color: var(--btn-border);
+       }
+
+       .info-well .well-segment:not(:last-of-type) {
+               border-color: #484c5f;
+       }
+
+       .file-title-flex-parent a {
+               color: var(--main-text-color);
+       }
+
+       .file-title-flex-parent, .file-holder .file-title-flex-parent {
+               background-color: var(--main-background);
+       }
+
+       /* ===== Image/video preview ===== */
+
+       .file-holder .file-content.image_file, .file-holder .file-content.video {
+               background-color: #323643;
+       }
+
+       /* ===== Blame ===== */
+
+       .file-holder .file-blame-legend {
+               background-color: var(--lighter-background-1);
+               border-color: #484c5f;
+       }
+
+       .file-holder .file-content.blame td.blame-commit {
+               background-color: var(--lighter-background-1);
+       }
+
+       .file-holder .file-content.blame td.blame-commit-age-8 {
+               border-left-color: #4f5568;
+       }
+
+       .file-holder .file-content.blame td.blame-commit-age-9 {
+               border-left-color: #464a53;
+       }
+
+       .file-holder .file-content.blame td.blame-commit-age-0 {
+               border-left-color: #4096ff;
+       }
+
+       .file-holder .file-content.blame tr {
+               border-bottom-color: #484c5f;
+       }
+
+       .file-holder .file-content.blame td.line-numbers {
+               border-left-color: #484c5f;
+       }
+
+       /* ===== List of todos ===== */
+
+       .todos-list > .todo:hover {
+               background-color: #313543;
+               border-color: #1763bf;
+       }
+
+       .todos-list > .todo:last-child:hover {
+               border-color: #1763bf;
+       }
+
+       .todo-item .todo-body .todo-note .md p {
+               color: #eee;
+       }
+
+       .todos-list > .todo.todo-pending.done-reversible {
+               background-color: var(--main-background);
+       }
+
+       .todos-list > .todo.todo-pending.done-reversible:hover {
+               background-color: var(--lighter-background-1);
+               border-color: var(--light-divider);
+       }
+
+       .todos-list > .todo.todo-pending.done-reversible .todo-avatar, .todos-list > .todo.todo-pending.done-reversible .todo-item {
+               opacity: .5;
+       }
+
+       .todos-list > .todo.todo-pending.done-reversible:hover .todo-avatar, .todos-list > .todo.todo-pending.done-reversible:hover .todo-item {
+               opacity: .9;
+       }
+
+       .todos-list > .todo.todo-pending.done-reversible .btn {
+               background-color: var(--btn-background);
+       }
+
+       /* ===== List of labels ===== */
+
+       .labels-container {
+               background-color: var(--lighter-background-1);
+       }
+
+       .manage-labels-list > li:not(.empty-message):not(.is-not-draggable) {
+               background-color: var(--main-background);
+       }
+
+       .label-actions-list .btn {
+               background: none;
+       }
+
+       .label-list-item .label-action svg {
+               fill: #d3d3d3;
+       }
+
+       .js-label-options-dropdown svg {
+               filter: invert(80%);
+       }
+
+       .label-list-item .label-description a {
+               color: #2596ff;
+       }
+
+       .label-list-item .label-description a:hover {
+               color: #23baff;
+       }
+
+       .prioritized-labels .manage-labels-list > li:not(.empty-message):not(.is-not-draggable) {
+               box-shadow: 0 1px 2px rgba(0,0,0,0.5);
+       }
+
+       /* ===== New label ===== */
+
+       .input-group-text {
+               border-color: var(--btn-border);
+       }
+
+       .input-group .input-group-prepend, .input-group .input-group-append {
+               background-color: var(--main-background);
+       }
+
+       /* ===== Milestones ===== */
+
+       .milestones {
+               background-color: var(--lighter-background-1);
+       }
+
+       .milestones .milestone {
+               background-color: var(--main-background);
+       }
+
+       /* Milestone details */
+
+       .detail-page-description .title {
+               border-color: var(--light-divider);
+       }
+
+       .milestone-detail {
+               border-color: var(--light-divider);
+       }
+
+       .right-sidebar-collapsed .milestone-sidebar .reference {
+               border-color: #313541;
+       }
+
+       /* ===== Profile page ===== */
+
+       .cover-block {
+               background-color: var(--main-background);
+       }
+
+       .cover-block .cover-title {
+               color: #f5f5f5;
+       }
+
+       .cover-block .cover-desc {
+               color: #f5f5f5;
+       }
+
+       /* Activity grid */
+
+       .row-content-block.white {
+               background-color: var(--main-background);
+       }
+
+       .nav-links li.active a, .nav-links li a.active {
+               color: #f2f2f2;
+       }
+
+       .row-content-block {
+               color: #e2e2e2;
+       }
+
+       .user-contrib-text {
+               fill: #b9b9b9;
+       }
+
+       /* ===== Settings ===== */
+
+       .settings {
+               border-color: var(--light-divider);
+       }
+
+       /* Repository Settings */
+
+       .account-well {
+               background-color: var(--lighter-background-1);
+               border-color: #282b35;
+       }
+
+       .select2-container .select2-choice, .select2-container.select2-drop-above .select2-choice {
+               background-color: var(--main-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .select2-container .select2-choice:hover, .select2-container.select2-drop-above .select2-choice:hover {
+               border-color: #4096ff;
+               color: var(--main-text-color);
+       }
+
+       .card-header {
+               background-color: var(--lighter-background-1);
+               border-color: var(--main-border);
+       }
+
+       .card-body {
+               background-color: var(--main-background);
+       }
+
+       .card-footer {
+               background-color: var(--lighter-background-1);
+               border-color: var(--main-border);
+       }
+
+       .settings-message {
+               background-color: #7e4100;
+               border-color: #a35a00;
+               color: #fff;
+       }
+
+       /* General Settings */
+
+       .project-visibility-setting, .project-feature-settings {
+               border-color: var(--main-border);
+       }
+
+       .project-feature-settings {
+               background-color: var(--main-background);
+       }
+
+       .form-control:disabled, .search form:disabled, .form-control[readonly], .search form[readonly] {
+               background-color: var(--btn-disabled-background);
+               color: var(--btn-disabled-color);
+       }
+
+       .select2-container-multi .select2-choices {
+               border-color: var(--btn-border);
+       }
+
+       .settings-content .sub-section {
+               background-color: var(--lighter-background-1);
+               border-color: #282b35;
+       }
+
+       .input-group-text {
+               background-color: var(--main-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .bs-callout-info {
+               background-color: #0f4071;
+               border-color: #4096ff;
+               color: var(--lighter-text-color-1);
+       }
+
+       /* CI/CD Settings */
+
+       .bg-light {
+               background-color: var(--lighter-background-1) !important;
+       }
+
+       .text-muted {
+               color: #cacaca !important;
+       }
+
+       .bs-callout {
+               background-color: var(--lighter-background-1);
+               border-color: #b9b9b9;
+               color: var(--main-text-color);
+       }
+
+       .btn.btn-inverted.btn-primary, .btn.btn-inverted.btn-info {
+               background-color: #1f78d1;
+               color: #fff;
+       }
+
+       .btn.btn-inverted.btn-primary:hover, .btn.btn-inverted.btn-primary:focus, .btn.btn-inverted.btn-info:hover, .btn.btn-inverted.btn-info:focus {
+               background-color: #1b69b6;
+       }
+
+       ul.bordered-list > li, ul.unstyled-list > li {
+               border-color: var(--light-divider);
+       }
+
+       /* Members */
+
+       .gitlab-tab-content {
+               border-color: var(--main-border);
+       }
+
+       .gitlab-tabs {
+               background-color: var(--main-background);
+       }
+
+       .gitlab-tabs li:not(:last-child) {
+               border-color: var(--main-border);
+       }
+
+       .select2-container-multi .select2-choices {
+               background-color: #313541;
+       }
+
+       .select2-container-multi .select2-choices .select2-search-field input {
+               color: var(--main-text-color);
+       }
+
+       .select2-container-multi .select2-choices .select2-search-field input.select2-active {
+               background-color: #313541 !important;
+       }
+
+       /* ===== CI/CD ===== */
+
+       /* Pipelines */
+
+       .pipeline-tab-content {
+               background-color: var(--main-background);
+       }
+
+       .pipeline-graph .build .build-content {
+               background-color: var(--main-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .pipeline-graph .build a.build-content:hover, .pipeline-graph .build .participants-more .build-content.btn-link:hover, .participants-more .pipeline-graph .build .build-content.btn-link:hover, .participants-more .pipeline-graph .build .ci-job-dropdown-container:hover .btn-link.build-content, .pipeline-graph .build .ci-job-dropdown-container:hover .participants-more .btn-link.build-content, .pipeline-graph .build .user-list-more .build-content.btn-link:hover, .user-list-more .pipeline-graph .build .build-content.btn-link:hover, .user-list-more .pipeline-graph .build .ci-job-dropdown-container:hover .btn-link.build-content, .pipeline-graph .build .ci-job-dropdown-container:hover .user-list-more .btn-link.build-content, .pipeline-graph .build .ci-job-dropdown-container:hover a.build-content, .pipeline-graph .build button.build-content:hover, .pipeline-graph .build .ci-job-dropdown-container:hover button.build-content {
+               background-color: var(--btn-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .pipeline-graph .build .build-content:hover, .pipeline-graph .build .ci-job-dropdown-container:hover .build-content {
+               background-color: var(--btn-background);
+               border-color: var(--btn-border);
+               color: var(--main-text-color);
+       }
+
+       .pipeline-graph .ci-action-icon-container.ci-action-icon-wrapper {
+               background-color: var(--main-background);
+               border-color: var(--main-border);
+       }
+
+       .pipeline-graph .ci-action-icon-container.ci-action-icon-wrapper svg {
+               fill: var(--main-text-color);
+       }
+
+       .pipeline-graph .ci-action-icon-container.ci-action-icon-wrapper:hover {
+               background-color: var(--btn-background);
+               border-color: var(--main-border);
+       }
+
+       .pipeline-graph .ci-action-icon-container.ci-action-icon-wrapper:hover svg {
+               fill: var(--main-text-color);
+       }
+
+       .table-holder .ci-table th {
+               background-color: var(--main-background);
+               color: #cacaca;
+       }
+
+       .ci-table .duration, .ci-table .finished-at {
+               color: #cacaca;
+       }
+
+       /* Pipelines (GitLab.com, EE 11.1) */
+
+       .gl-responsive-table-row:not(:last-child) {
+               border-color: var(--light-divider);
+       }
+
+       .pipelines .ci-table .pipeline-id {
+               color: #f2f2f2;
+       }
+
+       /* Jobs */
+
+       .ci-table .branch-commit .commit-sha, .ci-table .branch-commit .gfm-commit, .ci-table .branch-commit .gfm-commit_range {
+               color: #2596ff;
+       }
+
+       .ci-table .branch-commit .sprite {
+               fill: #cacaca;
+       }
+
+       .ci-table .branch-commit svg {
+               fill: #cacaca;
+       }
+
+       /* Job details */
+
+       .build-page .top-bar {
+               background-color: var(--lighter-background-1);
+               border-color: var(--main-border);
+       }
+
+       .build-page .top-bar .controllers .controllers-buttons {
+               color: var(--main-text-color);
+       }
+
+       .right-sidebar.build-sidebar .builds-container {
+               background-color: var(--main-background);
+               border-color: var(--light-divider);
+       }
+
+       .right-sidebar.build-sidebar .builds-container .build-job:hover {
+               background-color: var(--btn-background);
+       }
+
+       .right-sidebar.build-sidebar .builds-container a:hover, .right-sidebar.build-sidebar .builds-container .participants-more .btn-link:hover, .participants-more .right-sidebar.build-sidebar .builds-container .btn-link:hover, .right-sidebar.build-sidebar .builds-container .user-list-more .btn-link:hover, .user-list-more .right-sidebar.build-sidebar .builds-container .btn-link:hover {
+               color: var(--main-text-color);
+       }
+
+       /* ===== Web IDE ===== */
+
+       .ide-view {
+               color: var(--main-text-color);
+       }
+
+       /* Code editor */
+
+       .monaco-editor .margin {
+               background-color: var(--main-background);
+       }
+
+       .monaco-editor .line-numbers {
+               color: #aaa;
+       }
+
+       .monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input {
+               background-color: var(--main-background);
+       }
+
+       .multi-file-tabs {
+               background-color: #3b3e4d;
+               box-shadow: inset 0 -1px var(--main-border);
+       }
+
+       .multi-file-tabs li {
+               background-color: #3D4050;
+               border-color: var(--main-border);
+               color: #eeeeee;
+       }
+
+       .multi-file-tabs li.active {
+               background-color: #404454;
+               border-color: var(--main-border);
+               color: #f5f5f5;
+       }
+
+       .multi-file-tab-close {
+               color: #cacaca;
+       }
+
+       .multi-file-tab-close:not([disabled]):hover {
+               background-color: var(--lighter-background-1);
+               color: #fff;
+       }
+
+       .multi-file-edit-pane {
+               border-color: var(--btn-border);
+       }
+
+       .dragHandle {
+               background-color: var(--btn-border);
+       }
+
+       .drag-handle:hover {
+               background-color: var(--main-border);
+       }
+
+       .ide-mode-tabs {
+               border-color: var(--main-border);
+       }
+
+       .monaco-editor .scroll-decoration {
+               box-shadow: #22252e 0 6px 6px -6px inset;
+       }
+
+       /* Code editor: syntax */
+
+       .mtk1 {
+               color: var(--main-text-color);
+       }
+
+       .mtk4 {
+               color: #ff0000;
+       }
+
+       .mtk5 {
+               color: #2596ff;
+       }
+
+       .mtk6 {
+               color: #23baff;
+       }
+
+       .mtk7 {
+               color: #00c200;
+       }
+
+       .mtk8 {
+               color: #09885a;
+       }
+
+       .mtk10 {
+               color: #cacaca;
+       }
+
+       .mtk14 {
+               color: #e34f00;
+       }
+
+       .mtk20 {
+               color: #b84022;
+       }
+
+       .mtk22 {
+               color: #00b1b1;
+       }
+
+       /* Sidebars */
+
+       .multi-file-commit-panel {
+               background-color: var(--lighter-background-1);
+       }
+
+       .multi-file-commit-panel .multi-file-commit-panel-inner-content {
+               background-color: var(--main-background);
+       }
+
+       .multi-file-commit-panel .multi-file-commit-panel-inner-scroll {
+               border-color: var(--btn-border);
+       }
+
+       .ide-sidebar-link.active {
+               background-color: var(--main-background);
+               border-color: var(--main-border);
+       }
+
+       body.ui-indigo .ide-sidebar-link.active {
+               color: #4096ff;
+               box-shadow: inset 3px 0 #4096ff;
+       }
+
+       .context-header > a, .context-header > button {
+               color: var(--main-text-color);
+       }
+
+       .context-header > a:hover, .participants-more .context-header > .btn-link:hover, .user-list-more .context-header > .btn-link:hover, .context-header > a:focus, .context-header > button:hover, .context-header > button:focus {
+               background-color: var(--btn-background);
+               color: #f5f5f5;
+       }
+
+       .ide-sidebar-link {
+               color: #bebebe;
+       }
+
+       .ide-sidebar-link:hover {
+               background-color: #383b4a;
+               color: #eeeeee;
+       }
+
+       .ide-sidebar-link.active::after {
+               background-color: var(--main-border);
+       }
+
+       .ide-right-sidebar .ide-activity-bar {
+               border-color: var(--btn-border);
+       }
+
+       .text-secondary {
+               color: #bebebe !important;
+       }
+
+       /* Search merge requests */
+
+       .ide-nav-form .nav-links li a:not(.active) {
+               background-color: var(--main-background);
+       }
+
+       .dropdown-menu li a:not(.disable-hover):hover .badge.badge-pill, .dropdown-menu li .participants-more .btn-link:not(.disable-hover):hover .badge.badge-pill, .participants-more .dropdown-menu li .btn-link:not(.disable-hover):hover .badge.badge-pill, .dropdown-menu li .user-list-more .btn-link:not(.disable-hover):hover .badge.badge-pill, .user-list-more .dropdown-menu li .btn-link:not(.disable-hover):hover .badge.badge-pill, .dropdown-menu li a:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li a:not(.disable-hover):hover .key, .dropdown-menu li .participants-more .btn-link:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li .participants-more .btn-link:not(.disable-hover):hover .key, .participants-more .dropdown-menu li .btn-link:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .participants-more .dropdown-menu li .btn-link:not(.disable-hover):hover .key, .dropdown-menu li .user-list-more .btn-link:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li .user-list-more .btn-link:not(.disable-hover):hover .key, .user-list-more .dropdown-menu li .btn-link:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .user-list-more .dropdown-menu li .btn-link:not(.disable-hover):hover .key, .dropdown-menu li a:active .badge.badge-pill, .dropdown-menu li a:active .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li a:active .key, .dropdown-menu li a:focus .badge.badge-pill, .dropdown-menu li a:focus .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li a:focus .key, .dropdown-menu li a.is-focused .badge.badge-pill, .dropdown-menu li a.is-focused .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li a.is-focused .key, .dropdown-menu li button:not(.disable-hover):hover .badge.badge-pill, .dropdown-menu li button:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li button:not(.disable-hover):hover .key, .dropdown-menu li button:active .badge.badge-pill, .dropdown-menu li button:active .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li button:active .key, .dropdown-menu li button:focus .badge.badge-pill, .dropdown-menu li button:focus .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li button:focus .key, .dropdown-menu li button.is-focused .badge.badge-pill, .dropdown-menu li button.is-focused .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li button.is-focused .key, .dropdown-menu li .menu-item:not(.disable-hover):hover .badge.badge-pill, .dropdown-menu li .menu-item:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li .menu-item:not(.disable-hover):hover .key, .dropdown-menu li .menu-item:active .badge.badge-pill, .dropdown-menu li .menu-item:active .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li .menu-item:active .key, .dropdown-menu li .menu-item:focus .badge.badge-pill, .dropdown-menu li .menu-item:focus .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li .menu-item:focus .key, .dropdown-menu li .menu-item.is-focused .badge.badge-pill, .dropdown-menu li .menu-item.is-focused .shortcut-mappings .key, .shortcut-mappings .dropdown-menu li .menu-item.is-focused .key, .dropdown-menu-nav li a:not(.disable-hover):hover .badge.badge-pill, .dropdown-menu-nav li .participants-more .btn-link:not(.disable-hover):hover .badge.badge-pill, .participants-more .dropdown-menu-nav li .btn-link:not(.disable-hover):hover .badge.badge-pill, .dropdown-menu-nav li .user-list-more .btn-link:not(.disable-hover):hover .badge.badge-pill, .user-list-more .dropdown-menu-nav li .btn-link:not(.disable-hover):hover .badge.badge-pill, .dropdown-menu-nav li a:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li a:not(.disable-hover):hover .key, .dropdown-menu-nav li .participants-more .btn-link:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li .participants-more .btn-link:not(.disable-hover):hover .key, .participants-more .dropdown-menu-nav li .btn-link:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .participants-more .dropdown-menu-nav li .btn-link:not(.disable-hover):hover .key, .dropdown-menu-nav li .user-list-more .btn-link:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li .user-list-more .btn-link:not(.disable-hover):hover .key, .user-list-more .dropdown-menu-nav li .btn-link:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .user-list-more .dropdown-menu-nav li .btn-link:not(.disable-hover):hover .key, .dropdown-menu-nav li a:active .badge.badge-pill, .dropdown-menu-nav li a:active .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li a:active .key, .dropdown-menu-nav li a:focus .badge.badge-pill, .dropdown-menu-nav li a:focus .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li a:focus .key, .dropdown-menu-nav li a.is-focused .badge.badge-pill, .dropdown-menu-nav li a.is-focused .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li a.is-focused .key, .dropdown-menu-nav li button:not(.disable-hover):hover .badge.badge-pill, .dropdown-menu-nav li button:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li button:not(.disable-hover):hover .key, .dropdown-menu-nav li button:active .badge.badge-pill, .dropdown-menu-nav li button:active .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li button:active .key, .dropdown-menu-nav li button:focus .badge.badge-pill, .dropdown-menu-nav li button:focus .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li button:focus .key, .dropdown-menu-nav li button.is-focused .badge.badge-pill, .dropdown-menu-nav li button.is-focused .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li button.is-focused .key, .dropdown-menu-nav li .menu-item:not(.disable-hover):hover .badge.badge-pill, .dropdown-menu-nav li .menu-item:not(.disable-hover):hover .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li .menu-item:not(.disable-hover):hover .key, .dropdown-menu-nav li .menu-item:active .badge.badge-pill, .dropdown-menu-nav li .menu-item:active .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li .menu-item:active .key, .dropdown-menu-nav li .menu-item:focus .badge.badge-pill, .dropdown-menu-nav li .menu-item:focus .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li .menu-item:focus .key, .dropdown-menu-nav li .menu-item.is-focused .badge.badge-pill, .dropdown-menu-nav li .menu-item.is-focused .shortcut-mappings .key, .shortcut-mappings .dropdown-menu-nav li .menu-item.is-focused .key {
+               background-color: #343845;
+       }
+
+       .border-bottom {
+               border-color: #282b35 !important;
+       }
+
+       /* Commit panel (file browser) */
+
+       .multi-file-commit-panel .multi-file-commit-panel-inner-scroll {
+               background-color: var(--main-background);
+       }
+
+       .multi-file-commit-panel .multi-file-commit-panel-inner-content {
+               border-color: var(--btn-border);
+       }
+
+       .ide-file-list .file.file-active {
+               background-color: var(--btn-background);
+       }
+
+       .ide-file-list .file.file-open {
+               background-color: #3d4252;
+       }
+
+       .multi-file-commit-list-path:hover, .multi-file-commit-list-path:focus, .ide-file-list .file:hover, .ide-file-list .file:focus {
+               background-color: var(--btn-background);
+       }
+
+       .multi-file-commit-form {
+               background-color: var(--main-background);
+               border-color: var(--btn-border);
+       }
+
+       .multi-file-commit-form > form, .multi-file-commit-form > .commit-form-compact {
+               border-color: var(--light-divider);
+       }
+
+       .ide-tree-header {
+               border-color: var(--light-divider);
+       }
+
+       .ide-tree-header .ide-nav-dropdown .dropdown-menu-toggle:hover {
+               background-color: var(--main-background);
+       }
+
+       .ide-tree-header .ide-nav-dropdown.show .dropdown-menu-toggle {
+               background-color: var(--main-background);
+       }
+
+       .ide-tree-header button {
+               color: var(--main-text-color);
+       }
+
+       .show.dropdown .dropdown-toggle, .show.dropdown .dropdown-menu-toggle, .show.dropdown .dropdown-menu-toggle {
+               border-color: var(--btn-border);
+               box-shadow: inset 0 0 10px 10px rgba(0,0,0,.2);
+       }
+
+       .ic-upload {
+               filter: invert(90%);
+       }
+
+       /* Status bar */
+
+       .ide-status-bar {
+               background-color: var(--main-background);
+               border-color: var(--btn-border);
+       }
+
+       /* Image preview */
+
+       .preview-container .file-container {
+               background-color: #323643;
+       }
+
+       .preview-container .file-container .file-info {
+               color: #cacaca;
+       }
+
+       /* Review changes */
+
+       .blob-editor-container .monaco-diff-editor.vs .margin {
+               background-color: var(--main-background);
+               border-color: var(--main-border);
+       }
+
+       .blob-editor-container .monaco-diff-editor.vs .line-numbers {
+               color: #aaa;
+       }
+
+       .monaco-diff-editor .line-delete, .monaco-diff-editor .char-delete {
+               background-color: #412021;
+       }
+
+       .blob-editor-container .monaco-diff-editor.vs .char-delete {
+               background-color: #412021;
+       }
+
+       .monaco-diff-editor .line-insert {
+               background-color: #28472d;
+       }
+
+       .multi-file-editor-holder.is-readonly .monaco-editor, .multi-file-editor-holder.is-readonly .monaco-editor-background, .multi-file-editor-holder.is-readonly .monaco-editor .inputarea.ime-input, .multi-file-editor-holder .editor.original .monaco-editor, .multi-file-editor-holder .editor.original .monaco-editor-background, .multi-file-editor-holder .editor.original .monaco-editor .inputarea.ime-input {
+               background-color: var(--main-background);
+       }
+
+       .blob-editor-container .monaco-diff-editor.vs .diffOverview {
+               background-color: var(--main-background);
+       }
+
+
+       /* ===== New project ===== */
+
+       /* Blank project */
+
+       .new_project .input-group-prepend.static-namespace, .new_project .input-group-append.static-namespace, .edit-project .input-group-prepend.static-namespace, .edit-project .input-group-append.static-namespace, .import-project .input-group-prepend.static-namespace, .import-project .input-group-append.static-namespace {
+               border-color: var(--btn-border);
+       }
+
+       .visibility-level-setting .form-check .option-title {
+               color: var(--main-text-color);
+       }
+
+       .visibility-level-setting .form-check .option-description, .visibility-level-setting .form-check .option-disabled-reason {
+               color: #cacaca;
+       }
+
+       .initialize-with-readme-setting .form-check .option-title {
+               color: var(--main-text-color);
+       }
+
+       .initialize-with-readme-setting .form-check .option-description {
+               color: #cacaca;
+       }
+
+       /* Create from template */
+
+       .project-template .template-option:not(:first-child) {
+               border-color: var(--main-border);
+       }
+
+       /* ===== Sign in page ===== */
+
+       body.navless {
+               background-color: var(--main-background) !important;
+       }
+
+       .navbar-empty {
+               background-color: var(--main-background);
+               border-color: var(--light-divider);
+       }
+
+       .devise-layout-html body .footer-container, .devise-layout-html body hr.footer-fixed {
+               background-color: var(--main-background);
+       }
+
+       .login-page .brand-holder p {
+               color: #e2e2e2;
+       }
+
+       .login-page .login-box, .login-page .omniauth-container {
+               box-shadow: 0 0 0 1px var(--main-border);
+       }
+
+       .login-page .new-session-tabs li:not(.active) {
+               background-color: var(--main-background);
+       }
+
+       .login-page .new-session-tabs {
+               box-shadow: 0 0 0 1px var(--main-border);
+       }
+
+       .login-page .new-session-tabs li {
+               border-color: var(--main-border);
+       }
+
+       .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
+               background-color: #3b3f4e;
+               color: #f5f5f5;
+       }
+
+       .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+               border-color: #2a66aa;
+       }
+
+       .login-page .form-control:active, .login-page .search form:active, .search .login-page form:active, .login-page .form-control:focus, .login-page .common-note-form .md-area.is-focused, .common-note-form .login-page .md-area.is-focused, .login-page .search form:focus, .search .login-page form:focus, .login-page .search.search-active form, .search.search-active .login-page form {
+               background-color: #313541;
+       }
+
+       .form-control:focus, .common-note-form .md-area.is-focused, .search form:focus, .search.search-active form {
+               color: var(--main-text-color);
+       }
+
+       .gl-show-field-errors .gl-field-hint {
+               color: #d3d3d3;;
+       }
+
+       /* ===== Authorize external website/application ===== */
+
+       .modal-content {
+               background-color: var(--main-background);
+       }
+
+       .modal-header {
+               background-color: var(--main-background);
+               border-color: var(--light-divider);
+       }
+
+       .modal-body {
+               background-color: var(--main-background);
+       }
+
+       .form-actions {
+               background-color: var(--main-background);
+               border-color: var(--light-divider);
+       }
+
+       .modal-doorkeepr-auth .scope-description, .doorkeeper-app-form .scope-description {
+               color: #d3d3d3;
+       }
+
+       /* ===== about.gitlab.com ===== */
+
+       /* Features */
+
+       .steps {
+               background-color: var(--main-background);
+       }
+
+       .steps a {
+               color: #2596ff;
+       }
+
+       .steps a:hover {
+               border-bottom-color: #2596ff;
+       }
+
+       .steps .step {
+               border-color: var(--main-border);
+       }
+
+       /* ===== docs.gitlab.com ===== */
+
+       /* Header/Navigation bar */
+
+       .header {
+               background-color: var(--lighter-background-1);
+               border-color: var(--btn-border);
+       }
+
+       .header p {
+               color: #eee;
+       }
+
+       .header .nav > li > a {
+               color: #eee;
+       }
+
+       .header input {
+               background-color: var(--lighter-background-1);
+       }
+
+       /* Main content */
+
+       .main {
+               background-color: var(--main-background);
+       }
+
+       .doc-nav > ul {
+               background-color: var(--lighter-background-1);
+       }
+
+       h1 {
+               border-color: rgba(64, 150, 255, 0.6);
+       }
+
+       table td, table th {
+               border-color: #2f333f;
+       }
+
+       blockquote {
+               background-color: #3c4253;
+       }
+
+       .alert-info {
+               background-color: #163558;
+               border-color: #245890;
+       }
+
+       .alert-warning {
+               background-color: #7e4100;
+               border-color: #a35a00;
+       }
+
+       .alert-success {
+               background-color: #083a1b;
+               border-color: #0e6c31;
+       }
+
+       .main .edit-on {
+               border-color: var(--light-divider);
+       }
+
+       .comments {
+               border-color: var(--light-divider);
+       }
+
+       h2 code, h3 code, h4 code, h5 code, h6 code {
+               background-color: #24272a;
+               color: #e2e2e2;
+       }
+
+       p code, li code, table code {
+               background-color: #24272a;
+               color: #e2e2e2;
+       }
+
+       a:hover, .participants-more .btn-link:hover, .user-list-more .btn-link:hover, a:focus {
+               color: #23baff;
+       }
+}