X-Git-Url: https://git.rmz.io/dotfiles.git/blobdiff_plain/f11b95c457d4a1b7a3bd1625a12c1ee848a3ffe1..909aee5f8d2362e092bbac90e3292eb4800537df:/qutebrowser/css/gitlab.com.css

diff --git a/qutebrowser/css/gitlab.com.css b/qutebrowser/css/gitlab.com.css
new file mode 100644
index 0000000..90b6e1a
--- /dev/null
+++ b/qutebrowser/css/gitlab.com.css
@@ -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;
+	}
+}