MediaWiki:Theme-dark.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.

/* dark vector theme */
:root {
	--theme-body-bg: #072207;
	--theme-body-color: #e7e7e7;
	--theme-body-link-color: #3366cc;
	--theme-header-bg: 
		repeating-linear-gradient(to top, #0002, #0000 1em), 
		repeating-linear-gradient(to right, #0002, #0000 1em), 
		radial-gradient(circle at left, #141, #151 10%, #151 40%, #113811);
	--theme-header-color: #fff;
	--theme-header-icon-filter: invert(100%);
	--theme-header-link-color: #fff;
	--theme-content-bg: #111;
	
	--theme-sidebar-bg: #141;
	--theme-sidebar-color: #fff;
	--theme-sidebar-link-color: #ddf;
	--theme-pinnable-header-label-color: #ddd;
	--theme-pinnable-header-link-color: #fafff4;
	--theme-pinnable-header-link-hover-color: #fff;
	--theme-pinnable-list-heading-color: #eee;
	--theme-pinnable-list-link-color: #fff;
	
	--theme-main-menu-bg: transparent;
	
	--theme-toc-bg: transparent;
	--theme-toc-link-color: #fafff4;
	--theme-toc-active-parent-link-color: #fafafa;
	--theme-toc-active-link-color: #fff;
	
	--theme-dropdown-bg: #151;
	
	/* syntax highlighting colors */
	--theme-hljs-bg: #1e1e1e;
	--theme-hljs-unset: #dbdbdb;
	--theme-hljs-comment: #57a64a;
	--theme-hljs-doctag: #556b2f;
	--theme-hljs-keyword: #569cd6;
	--theme-hljs-type: #4ec9b0;
	--theme-hljs-function: #dcdcaa;
	--theme-hljs-string: #d69d85;
	--theme-hljs-number: #dbdbdb;
	--theme-hljs-variable: #9cdcfe;
	--theme-hljs-symbol: #d8a0df;
	--theme-hljs-regexp: #9a5334;
	--theme-hljs-meta: #9b9b9b;
	--theme-hljs-section: gold;
	--theme-hljs-attribute: #92caf4;
	--theme-hljs-bullet: #d7ba7d;
	--theme-hljs-selector: #d7ba7d;
	--theme-hljs-addition: #144212;
	--theme-hljs-deletion: #600;
	--theme-hljs-tsql-symbol: #dcdcdc;
	--theme-hljs-tsql-string: #cb4141;
	--theme-hljs-tsql-built_in: #c975d5;
	--theme-hljs-tsql-sp: #b3725b;
}

/* dark vector theme body colors */
.mw-content-container {
	--theme-pinnable-header-label-color: #54595d;
	--theme-pinnable-header-link-color: #3366cc;
	--theme-pinnable-header-link-hover-color: #447ff5;
	--theme-pinnable-list-heading-color: #54595d;
	--theme-pinnable-list-link-color: #3366cc;
	
	--theme-dropdown-bg: #112211;
}