Darkvector.css – MediaWiki

From Bohemia Interactive Community
Jump to navigation Jump to search
(Fix attempt of code/pre in dark mode)
m (Fix BIKI Spoiler)
Line 143: Line 143:
}
}


.spoiler,
/*
.spoiler .mw-parser-output {
Fix BIKI Spoiler
filter: invert(0.95);
*/
div.biki-spoiler {
background-color: #222;
}
}


a.spoilerLink {
background-color: rgba(255, 255, 255, 0.1) !important;
}
span.wikipedia a.external {
span.wikipedia a.external {
background-position: 100%;
background-position: 100%;

Revision as of 14:27, 23 June 2023

/* CSS placed here will affect users of the DarkVector skin */
a.external {
	background-repeat: no-repeat;
}

.gvi2 .icon img {
	max-width: 100%;
	height: auto;
}

.gvi2 .version {
	color: #000;
}

._description h3 {
	background-color: transparent !important;
	border-left-width: 0.5em;
	border-left-style: solid;
	padding-left: 1em;
}

dl.command_description dd.note {
	background-color: #333;
}

._description dl.syntax dd:nth-child(4n+6) {
	background-color: rgba(0, 0, 0, 0.2);
}
	._description dl.syntax dd:last-child {
		background-color: inherit;
	}

.biki-messagebox > div:nth-child(2) {
	background-color: #333;
	color: #C1C1C1;
}
	/* ugly detection */
	/* informative	*/ div.biki-messagebox[style="background-color: #00BFFF"]	{ background-color: #08F !important; }
	/* important	*/ div.biki-messagebox[style="background-color: #EA0"]		{ background-color: #C90 !important; }
	/* warning		*/ div.biki-messagebox[style="background-color: #F00"]		{ background-color: #A00 !important; }
	/* quote		*/ div.biki-messagebox[style="background-color: #8C8"]		{ background-color: #8A8 !important; }
	/* TKOH 		*/ div.biki-messagebox[style="background-color: #8CF"]		{ background-color: #39B !important; }
	/* BI			*/ div.biki-messagebox[style="background-color: #F4E8FF"]	{ background-color: #CBC !important; }

.biki-messagebox-spoiler {
	background-color: #833;
}

.code-comment {
	color: #5B5;
}


.cfg_reference h2,
.cfg_reference h3, 
.cfg_reference h4 {
	color: inherit;
}

.cfg_reference div.abc {
	border-left-color: #222;
}

.cfg_reference div.abc h2,
.cfg_reference div.abc h3,
.cfg_reference div.abc h4 {
	color: inherit;
}

.cfg_reference div.abc h2,
.cfg_reference div.abc h3, 
.cfg_reference div.abc h4 {
	background: linear-gradient(90deg,#222,rgba(34,34,34,0));
	border-top-color: #000;
	color: inherit;
}

.sqfhighlighter-block {
	color: #555;
	filter: invert(0.95);
}
	.sqfhighlighter-block .sqfhighlighter-arraystart,
	.sqfhighlighter-block .sqfhighlighter-arrayend,
	.sqfhighlighter-block .sqfhighlighter-codestart,
	.sqfhighlighter-block .sqfhighlighter-codeend,
	.sqfhighlighter-block .sqfhighlighter-parenthesestart,
	.sqfhighlighter-block .sqfhighlighter-parentheseend {
		color: #333;
	}

code:not(.mw-highlight), pre:not(.mw-highlight) {
	background-color: inherit;
}
code.mw-highlight,
.mw-highlight > pre {
	background-color: #FFF;
	filter: invert(0.95);
}
.mw-highlight .n,
.mw-highlight .p {
    filter: invert(0.95);
}

.navboxWiki > tbody > tr:first-of-type {
	background-color: rgba(255, 255, 255, 0.1);
}

.navboxWiki th {
	background-color: rgba(255, 255, 255, 0.1);
}

.gallerytext p {
	color: inherit;
}

.template-colour[style] {
	filter: invert(1)
}

table tr th.na-cell,
table tr td.na-cell {
	background-color: #333;
}

#p-logo a {
	filter: invert(1);
}


div.floating-box {
	background-color: rgba(255, 255, 255, 0.05);
	border-color: #666;
	color: inherit;
}

table.wikitable {
	background-color: #4C4C4C;
	border-color: #666;
}

var, tt {
	background-color: rgba(255,255,255,0.05);
}

/*
	Fix BIKI Spoiler
*/
div.biki-spoiler {
	background-color: #222;
}

span.wikipedia a.external {
	background-position: 100%;
	padding-right: 15px;
}

/*
	Fix theme due to BI Banner
*/
#mw-head {
	top: 80px !important;
}

#mw-panel {
	top: 220px !important;
}


/*
	Fix editor buttons (e.g SQF, Enfusion)
*/
.tool-button {
	filter: invert(0.95);
}

/*
	Fix BI Banner
*/
#bohemia-header .bohemia-header-nav .bohemia-header-nav-items .bohemia-header-nav-item .bohemia-header-nav-item-button {
	color: #FFF !important;
}

#bohemia-header #bohemia-header-button-login-text {
	color: #6BA539 !important;
}


/*
	Fix controller buttons
*/

span.xbox-blue			{ color: #40CCD0; text-shadow: none; }
span.xbox-green			{ color: #3CDB4E; text-shadow: none; }
span.xbox-red			{ color: #D04242; text-shadow: none; }
span.xbox-yellow		{ color: #ECDB33; text-shadow: none; }
span.dualshock-blue		{ color: #6B8AC8; text-shadow: none; }
span.dualshock-green	{ color: #30DE98; text-shadow: none; }
span.dualshock-pink		{ color: #DC8FC4; text-shadow: none; }
span.dualshock-red		{ color: #F6363A; text-shadow: none; }