User:Wiki466245/vector.css

/* ==UserStyle== @name          Wiki Black @namespace     GrauGeist @version       0.0.11 @homepageURL	https://github.com/GrauGeist/wiki-black @updateURL		https://raw.githubusercontent.com/GrauGeist/wiki-black/master/wiki.user.css @supportURL 	https://github.com/GrauGeist/wiki-black/issues @description   Black Wikipedia.com @author        GrauGeist

@preprocessor stylus

colors
@var	color		bodyBg			'Body background'				#111 @var	color		blackBg			'Black background'				#000 @var	color		bluedBg			'Blued background'				#102 @var	color		inactiveBg		'Inactive background'			#223 @var	color		selectedBg		'Selected background'			#327 @var	color		basicTx			'basic Text'					#eee @var	color		headerTx		'header Text'					#ddd @var	color		urlColor		'URL Color'						#98f

/UserStyle
*/

@-moz-document domain("wikipedia.org") { :root { --bodyBg: bodyBg; --blackBg: blackBg; --bluedBg: bluedBg; --inactiveBg: inactiveBg; --selectedBg: selectedBg; --basicTx: basicTx; --headerTx: headerTx; --urlColor: urlColor; }	/* ALL links */ a { color: var(--urlColor) !important; }	/* left & top nav */ body, .noprint, .vertical-navbox, .navbox, .catlinks { background: var(--bodyBg) !important; color: var(--basicTx); }	/* main body */ .mw-body { background: var(--blackBg) !important; color: inherit; }	h1,h2 { color: var(--headerTx); }	/* disable Banner */ .cbnnr-main { display: none; }

/* Tabs at top */ .vectorTabs li { background-image: linear-gradient(var(--bodyBg), var(--inactiveBg)); }	.vectorTabs li a { color: #bbb; }	.vectorTabs li.selected { background-image: linear-gradient(var(--bodyBg), var(--selectedBg)); }	.vectorTabs li.selected a { color: var(--headerTx) !important; }	/* footer at bottom */ .footer-sidebar-content, .app-badges .footer-sidebar-content { background-color: #333; .footer-sidebar-text { color: #eee; }	}	/* Wikitable */ .wikitable { background-color: #111; color: #eee; tbody > tr > th { background-color: #102; }	}	/* Infobox */ .infobox { background: var(--bodyBg); color: var(--headerTx); .summary album { background-color: #214 !important; }.description { background-color: #103 !important; }		th[style] { background: #215 !important; }		td[style*="background:#CCF"] { background: #437 !important; }		td[style*="background:#EEF"] { background: var(--bluedBg) !important; }	}	/* tracklist */ .tracklist { background: inherit; th { background-color: #222 !important; }		tr[style*="background-color:#fff"] { background-color: #000 !important; }		tr[style*="background-color:#f7f7f7"] { background-color: #111 !important; }		span[style], td[style*="background-color:#eee"] { background-color: #000 !important; }	}	/* navbox at bottom */ .navbox-title, .navbox-group, .navbox-abovebelow { background: #102 !important; border-color: #666 !important; }	.navbox-even { background: #222 !important; border-color: #666 !important; }	.navbox-odd { background: #111 !important; border-color: #666 !important; }	/* Contents */ .toc { background: var(--bodyBg); color: var(--headerTx); }	.toctitle h2 { color :var(--bodyTx); }	.tocnumber { color: var(--headerTx); }

/* inputs */ .mwe-popups { background-color: #333; }	a.mwe-popups-extract::after { background-image: linear-gradient(90deg, transparent, #333) !important; }

/* inputs */ #simpleSearch input { background-color: #222; color: inherit; }

.pure-form input[type="search"] { background-color: #333; }	.search-container .js-langpicker-label { color: #aaa; }	/* language changer */ .lang-list-button { outline: inherit; background-color: #222; } }