User:Tech-tie/vector.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

:root {
	--dark-theme-background-00dp: #121212;
	--dark-theme-background-01dp: #1e1e1e;
	--dark-theme-background-02dp: #232323;
	--dark-theme-background-03dp: #252525;
	--dark-theme-background-24dp: #383838;
	--dark-theme-text: #e1f5fe;
	--dark-theme-text-complementary: #bb4500;
	--dark-theme-box-note-background: #6d4eb4;
	--dark-theme-box-tip-background: #4f8c4a;
	--dark-theme-box-warning-background: #df4110;
}

body {
	background: var(--dark-theme-background-00dp);
}

#content {
	background: var(--dark-theme-background-01dp);
	border: none;
	box-shadow: -3px 3px 5px rgba(0, 0, 0, 25%);
}

div.vectorTabs li.selected {
	background-color: var(--dark-theme-background-01dp);
	border: 1px solid transparent;
}

#content, #content pre, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #mw-panel .portal h3, #footer li {
	color: var(--dark-theme-text);
}

a.new, a.new:visited, #mw-navigation li.new a, #mw-navigation li.new a:visited {
	color: var(--dark-theme-text-complementary) !important;
}

textarea, #content pre, #content code, #content tt, #content table {
	background-color: var(--dark-theme-background-02dp) !important;
	color: var(--dark-theme-text);
}

.editOptions {
	background-color: var(--dark-theme-background-03dp);
	color: var(--dark-theme-text);
}

.wikitable > tr > th, .wikitable > * > tr > th {
	background-color: var(--dark-theme-background-02dp);
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
	border: 1px solid var(--dark-theme-background-24dp);
}

.catlinks {
	background: var(--dark-theme-background-02dp);
	background-color: transparent;
	border: none;
	box-shadow: -3px 3px 5px rgba(0, 0, 0, 15%);
}

#toc, .toc, .mw-warning, .toccolours {
	background-color: var(--dark-theme-background-02dp);
}

#simpleSearch input, .tocnumber {
	color: var(--dark-theme-text);
}

div.archwiki-template-box.archwiki-template-box-note {
	background-color: transparent;
	border-color: var(--dark-theme-box-note-background);
}

div.archwiki-template-box.archwiki-template-box-tip {
	background-color: transparent;
	border-color: var(--dark-theme-box-tip-background);
}

div.archwiki-template-box.archwiki-template-box-warning {
	background-color: transparent;
	border-color: var(--dark-theme-box-warning-background);
}

div.archwiki-template-message {
	background-color: transparent;
}

.vectorMenu .menu {
	background-color: var(--dark-theme-background-01dp);
}