MediaWiki:Gadget-StepDark.css

:root {
	--bg-body: #171719;
	--bg-pri: #2a2a2f;
	--bg-sec: #38383e;
	--bg-pri-emph: #1d1d1f;
	--bg-sec-emph: #222226;
	--bg-cont: #070709;
	--bg-pri-hd: var(--bg-body);
	--bg-sec-hd: var(--bg-sec-emph);
	--bg-field: var(--bg-body);
	--bg-field-hov: rgba(0,0,0,0.25);
	--bg-code: var(--bg-body);
	--bg-menu-hov: rgba(235,235,255,0.08);
	--bg-diff: var(--bg-pri-hd);
	--bg-diff-add: #263640;
	--bg-diff-del: #403826;
	--bg-diffch-add: #101840;
	--bg-diffch-del: #301810;
	--bg-wikitab-th: var(--bg-body);
	--bg-wikitab-td: var(--bg-sec);
	--bg-wikiedtb1: #cacbcf;
	--bg-wikiedtb2: #aaabaf;
	--bg-dd-menu: var(--bg-pri);
	--bg-dd-menu-sel: var(--bg-sec-emph);
	--bg-checkbx: var(--bg-body);
	--bg-pref: var(--bg-sec);
	--bg-msup: #999;
	--bg-search: var(--bg-body);
	--bg-rec: var(--bg-sec);
	
	--bd-pri: var(--bg-pri-emph);
	--bd-cont: var(--bg-pri);
	--bd-cont-l: #202023;
	--bd-cont-lr: #38b008;
	--bd-mid: #464649;
	--bd-widg: #555;
	--bd-dims: #666;
	--bd-dimr2: #777;
	--bd-dimr1: #888;
	--bd-dim: #aaa;
	--bd-adj-dn: rgba(0,0,0,0.4);
	--bd-pri-emph: #6d9d98;
	--bd-pri-emph-shd: rgba(235,235,255,0.065);
	--bd-foc-shd: rgba(128,209,196,0.6);
	--bd-emph-shd: rgba(235,235,255,0.15);
	--bd-code-shd: #161619;
	--bd-dpdn-shd: rgba(235,235,255,0.065);
	--bd-msup: var(--bd-dim);
	--bd-hdtab: var(--bd-dimr1);

	--text-pri: #aaa;
	--text-sec: #bbb;
	--text-pri-emph: #ddd;
	--text-dim: #999;
	--text-editor: #68c878;
	--text-contr-l: #eee;
	--text-contr-d: #000;
	--text-diffch-add: #50d080;
	--text-diffch-del: #80d050;
	
	--text-lnk: #689aae;
	--text-lnk-hov: #80d1c4;
	--text-lnk-vis: #586a7e; 
	--text-lnk-vis-hov: #70a194; 
	--text-lnk-new: var(--clr-red);
	--text-lnk-new-hov: #f09780;
	--text-lnk-bt: #88bace;
	--text-lnk-hov-bt: #a0f1e4;
	--text-lnk-vis-bt: #788a9e; 
	--text-lnk-vis-hov-bt: #90c1b4; 
	
	--btn: #38688f;
	--btn-text: #eee;
	--btn-hov: linear-gradient(to bottom,rgba(235,245,255,0) 0%,rgba(235,245,255,0.1) 100%);
	
	--selected: var(--bd-pri-emph);
	
	--clr-magent: #ce56bf;
	--clr-purple: #a07fdf;
	--clr-blue: #5c8dd7;
	--clr-green: #43a86b;
	--clr-chartr: #96a13f;
	--clr-yellow: #d6b026;
	--clr-salmon: #d0a08f;
	--clr-orange: #e78f4f;
	--clr-red: #e6716a;
	
	--clr-mute-magent: #ce56bf50;
	--clr-mute-purple: #a07fdf50;
	--clr-mute-blue: #5c8dd750;
	--clr-mute-green: #43a86b50;
	--clr-mute-chartr: #96a13f50;
	--clr-mute-yellow: #d6b02650;
	--clr-mute-salmon: #d0a08f50;
	--clr-mute-orange: #e78f4f50;
	--clr-mute-red: #e6716a50;
}

/***************** BEGIN VARIAVLE CSS ***********************/
#p-logo img { 
	background-image: url(/_wikidev/skins/step/images/header_dark_logo.png) !important; 
}

[class*="SkyrimLE"] .header,
.ns-3010 .header,
.ns-3011 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_sle.jpg) center 25% no-repeat !important;
}

[class*="SkyrimSE"] .header,
.ns-3012 .header,
.ns-3013 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_sse.jpg) center 25% no-repeat !important;
}

[class*="SkyrimVR"] .header,
.ns-3014 .header,
.ns-3015 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_svr.jpg) center 25% no-repeat !important;
}

[class*="Morrowind"] .header,
.ns-3016 .header,
.ns-3017 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_mor.jpg) center 25% no-repeat !important;
}

[class*="Oblivion"] .header,
.ns-3018 .header,
.ns-3019 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_obl.jpg) center 25% no-repeat !important;
}

[class*="Fallout3"] .header,
.ns-3020 .header,
.ns-3021 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_ft3.jpg) center 25% no-repeat !important;
}

[class*="Fallout4"] .header,
.ns-3022 .header,
.ns-3023 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_ft4.jpg) center 25% no-repeat !important;
}

[class*="FalloutNV"] .header,
.ns-3024 .header,
.ns-3025 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_ftv.jpg) center 25% no-repeat !important;
}

[class*="Morroblivion"] .header,
.ns-3026 .header,
.ns-3027 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_mob.jpg) center 25% no-repeat !important;
}

[class*="BeyondSkyrim"] .header,
.ns-3028 .header,
.ns-3029 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_bys.jpg) center 25% no-repeat !important;
}

[class*="Skywind"] .header,
.ns-3030 .header,
.ns-3031 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_skw.jpg) center 25% no-repeat !important;
}

[class*="Skyblivion"] .header,
.ns-3032 .header,
.ns-3033 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_skb.jpg) center 25% no-repeat !important;
}

[class*="NoMansSky"] .header,
.ns-3040 .header,
.ns-3041 .header {
	padding: 0 !important;
	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_nms.jpg) center 25% no-repeat !important;
}
/***************** END VARIAVLE CSS ***********************/

/***** Color Classes *****/
.hltx {
	color: var(--text-pri-emph) !important;
}

.dimtx {
	color: var(--text-dim) !important;
}

.dimbg {
	background-color: var(--bd-dim) !important;
}

.dimbd {
	border-color:  var(--bd-dim) !important;
}

.magenttx {
	color: var(--clr-magent) !important;
}

.magentbg {
	background-color:  var(--clr-magent) !important;
}

.mmagentbg {
	background-color:  var(--clr-mute-magent) !important;
}

.magentbd {
	border-color:  var(--clr-magent) !important;
}

.mmagentbd {
	border-color:  var(--clr-mute-magent) !important;
}

.purpletx {
	color: var(--clr-purple) !important;
}

.purplebg {
	background-color:  var(--clr-purple) !important;
}

.mpurplebg {
	background-color:  var(--clr-mute-purple) !important;
}

.purplebd {
	border-color:  var(--clr-purple) !important;
}

.mpurplebd {
	border-color:  var(--clr-mute-purple) !important;
}

.bluetx {
	color: var(--clr-blue) !important;
}

.bluebg {
	background-color:  var(--clr-blue) !important;
}

.mbluebg {
	background-color:  var(--clr-mute-blue) !important;
}

.bluebd {
	border-color:  var(--clr-blue) !important;
}

.mbluebd {
	border-color:  var(--clr-mute-blue) !important;
}

.greentx {
	color: var(--clr-green) !important;
}

.greenbg {
	background-color:  var(--clr-green) !important;
}

.mgreenbg {
	background-color:  var(--clr-mute-green) !important;
}

.greenbd {
	border-color:  var(--clr-green) !important;
}

.mgreenbd {
	border-color:  var(--clr-mute-green) !important;
}

.chartrtx {
	color: var(--clr-chartr) !important;
}

.chartrbg {
	background-color:  var(--clr-chartr) !important;
}

.mchartrbg {
	background-color:  var(--clr-mute-chartr) !important;
}

.chartrbd {
	border-color:  var(--clr-chartr) !important;
}

.mchartrbd {
	border-color:  var(--clr-mute-chartr) !important;
}

.yellowtx {
	color: var(--clr-yellow) !important;
}

.yellowbg {
	background-color:  var(--clr-yellow) !important;
}

.myellowbg {
	background-color:  var(--clr-mute-yellow) !important;
}

.yellowbd {
	border-color:  var(--clr-yellow) !important;
}

.myellowbd {
	border-color:  var(--clr-mute-yellow) !important;
}

.salmontx {
	color: var(--clr-salmon) !important;
}

.salmonbg {
	background-color: var(--clr-salmon) !important;
}

.msalmonbg {
	background-color: var(--clr-mute-salmon) !important;
}

.salmonbd {
	border-color: var(--clr-salmon) !important;
}

.msalmonbd {
	border-color: var(--clr-mute-salmon) !important;
}

.orangetx {
	color: var(--clr-orange) !important;
}

.orangebg {
	background-color: var(--clr-orange) !important;
}

.morangebg {
	background-color: var(--clr-mute-orange) !important;
}

.orangebd {
	border-color: var(--clr-orange) !important;
}

.morangebd {
	border-color: var(--clr-mute-orange) !important;
}

.redtx {
	color: var(--clr-red) !important;
}

.redbg {
	background-color:  var(--clr-red) !important;
}

.mredbg {
	background-color:  var(--clr-mute-red) !important;
}

.redbd {
	border-color:  var(--clr-red) !important;
}

.mredbd {
	border-color:  var(--clr-mute-red) !important;
}

/************************************************/
/****************** STEP ***********************/
/************************************************/

/***** Custom Previous Recommendations *****/

.listtable ul {
	background-color: var(--bg-wikitab-td);
}

.listtable ul:before, ul:after {
	border: 1px solid var(--bd-dims);
}

.listtable ul:before {
	background-color: var(--bg-wikitab-th);
	border: 1px solid var(--bd-cont-l);
}

.listtable ul:after {
	background-color: var(--bg-wikitab-th);
	border: 1px solid var(--bd-cont-l);
}

.listtable li {
	border: 1px solid var(--bd-dims);
}

/***** Custom Mod Version Recommendations *****/
.custom-recommendations {
	background-color: var(--bg-rec);
	border-color: var(--bd-adj-dn);
}

/***** Template:Alert (AlertSmall) *****/
.stepalert {
	box-shadow: 0 0 15px -2px var(--bg-cont);
	border: 2px solid var(--bd-dim);
}

.stepalert a {
color: var(--text-lnk-bt) !important;
}

.stepalert a:hover {
color: var(--text-lnk-hov-bt) !important;
}

.stepalert a:visited {
color: var(--text-lnk-vis-bt) !important;
}

.stepalert a:visited:hover {
color: var(--text-lnk-vis-hov-bt) !important;
}

/***** Template:SystemSpecs *****/
.systemspecs {
	background-color: var(--bg-pri-emph);
	border: 1px solid var(--bg-pri-emph);
	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
	color: var(--text-pri) !important;
}

/***** Infoboxes (also see .modbox, etc. below) *****/
.infobox {
	background: var(--bg-sec-hd);
	box-shadow:0 0 5px 1px var(--bd-emph-shd);
	border-color: var(--bg-sec-hd);
}

/***** Template:Mod *****/
.modheading {
	background: var(--bg-sec-hd);
	box-shadow:0 0 3px 1px var(--bd-emph-shd);
}

.modheading h1 {
	color: var(--clr-orange);
}

.modsubheading {
	color: var(--text-dim);
}

.modbox {
	background-color: var(--bg-sec-hd);
	box-shadow:0 0 5px 1px var(--bd-emph-shd);
}

.infobox .infoattr,
.modbox .infoattr {
	color: var(--text-dim);
}

.infosec {
	border-top: 1px solid var(--bd-pri-emph);
}

/***** STEP Core Pages *****/
.pageHeader {
	background-color: var(--bg-sec-hd);
}

.pageHeader .pageSubHeader {
	background-color: var(--bg-pri-hd);
	color: var(--bd-dims);
}

.secHeading {
	background-color: var(--bg-pri-emph);
	border: 1px solid var(--bg-pri-emph);
	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
	color: var(--text-pri) !important;
}

.guideVersion {
	border-bottom: 1px solid var(--bd-dims); 
	border-top: 1px solid var(--bd-dims);
}

/***** MP Game Tiles *****/
.gametiles p img {
	border: 1px solid var(--bd-dims);
}

/***** Game Home Pages *****/
.gamehometablecolumnheading h4 {
	background-color: var(--bg-pri-emph);
	border: 1px solid var(--bg-pri-emph);
	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
	color: var(--text-pri) !important;
}

.gamehometablerow {
	color: var(--text-dim);
}

.gamehometablerow h4 {
	background-color: var(--bg-pri-emph);
	border: 1px solid var(--bg-pri-emph);
	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
	color: var(--text-pri) !important;
}

/***** Template:CategoryModList*****/
.categorymodlist {
	border: 1px solid var(--bg-pri-emph);
	background: var(--bg-pri-emph);
	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
}

.modnamehd {
	color: var(--clr-orange);
}

.categorymodlist .dimtext {
	color: var(--text-dim);
}

/***** FOMOD Template *****/
table.fomod,
.fomod {
	background-color: var(--bg-pri-emph);
	border: 1px solid var(--bg-pri-emph);
	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
}

table.fomod li,
.fomod li {
	background-color: var(--bg-pri);
	border-color: var(--bd-adj-dn);
}

table.fomod li li,
.fomod li li {
	background-color: var(--bg-sec);
	border-color: var(--bd-adj-dn);
}

table.fomod li li li li,
.fomod li li li li {
	background-color: var(--btn);
	border-color: var(--btn);
	border-radius: 3px;
	color: var(--text-pri-emph);
}

/***** PageHeader Template *****/
.pagetitle {
	border-bottom: 1px solid var(--bd-pri-emph);
}

.pagetitle .pagetitle-title {
	color: var(--text-sec);
}

/***** Sidebox Template *****/
.sideBox {
	border: 1px solid var(--bd-adj-dn); 
	box-shadow: 0px 0px 20px 20px var(--bd-adj-dn) inset; 
}

.sideBoxHeader {
	color: var(--clr-orange);
}

/***** Guides *****/
body[class*="Guides"] h1 {
	background: var(--bg-pri-hd);
}

body[class*="Guides"] h1 + div {
	border-bottom:3px solid var(--bd-pri-emph); 
}

body[class*="Guides"] h2 {
	border-bottom: 2px solid var(--bd-pri-emph);
}

body[class*="Guides"] h5 {
	border-bottom: 3px solid rgb(200,100,20);
}

body[class*="Guides"] hr {
	color: var(--text-pri-emph);
	background-color: var(--bg-pri-emph);
}

body[class*="Guides"] .steptable th {
	background-color: var(--bg-sec-hd);
	border-bottom: 1px solid var(--bd-dims);
	border-left: 1px solid var(--bd-mid);
}

body[class*="Guides"] .steptable td {
	border-left: 1px solid var(--bd-dims);
}

body[class*="Guides"] .steptable th.first,
body[class*="Guides"] .steptable th.second {
	background-color: var(--bg-sec-hd);
}

body[class*="Guides"] .steptable th.core {
	background-color: var(--clr-chartr);
}

body[class*="Guides"] .steptable th.landw {
	background-color: var(--clr-red);
}

body[class*="Guides"] .steptable .detailed {
	background-color: var(--bg-sec);
}

body[class*="Guides"] .steptablerow03-Resources,
body[class*="Guides"] .steptablerow10-Gameplay-General {
	border-bottom: 1px solid var(--clr-mute-purple);
}

body[class*="Guides"] .steptablerow09-Fixes,
body[class*="Guides"] .steptablerow16-Interface {
	border-bottom: 1px solid var(--clr-mute-magent);
}

body[class*="Guides"] .steptablerow05-Animations.\&.Effects,
body[class*="Guides"] .steptablerow13-Gameplay-Immersion {
	border-bottom: 1px solid var(--clr-mute-blue);
}

body[class*="Guides"] .steptablerow04-Foundation,
body[class*="Guides"] .steptablerow06-Models.\&.Textures,
body[class*="Guides"] .steptablerow14-Gameplay-Quests {
	border-bottom: 1px solid var(--clr-mute-green);
}

body[class*="Guides"] .steptablerow07-Sounds.\&.Music,
body[class*="Guides"] .steptablerow15-Gameplay-Skills.\&.Perks {
	border-bottom: 1px solid var(--clr-mute-chartr);
}

body[class*="Guides"] .steptablerow01-Tools,
body[class*="Guides"] .steptablerow11-Gameplay-AI.\&.Combat,
body[class*="Guides"] .steptablerow19-Utilities,
body[class*="Guides"] .steptablerow20-Patches {
	border-bottom: 1px solid var(--clr-mute-yellow);
}

body[class*="Guides"] .steptablerow08-Character.Appearance,
body[class*="Guides"] .steptablerow18-Lighting.\&.Weather {
	border-bottom: 1px solid var(--clr-mute-orange);
}

body[class*="Guides"] .steptablerow02-Extenders,
body[class*="Guides"] .steptablerow12-Gameplay-Economy,
body[class*="Guides"] .steptablerow17-Locations {
	border-bottom: 1px solid var(--clr-mute-red);
}

/***** Tags *****/
.tag {
	border: 1px solid var(--bg-pri);
}

.tagicon {
	border-right: 1px solid var(--bg-sec-hd);
}

/******** Links *********/
a {
	color: var(--text-lnk) !important;
}

a:hover {
	color: var(--text-lnk-hov) !important;
}

a:visited, 
a[href].external:visited {
	color: var(--text-lnk-vis) !important;
}

a:visited:hover, 
a[href].external:visited:hover {
	color: var(--text-lnk-vis-hov) !important;
}

a.new {
	color: var(--text-lnk-new) !important;
}

a.new:hover {
	color: var(--text-lnk-new-hov) !important;
}

a[href].external {
	color: var(--text-lnk) !important;
}

a[href].external:hover {
	color: var(--text-lnk-hov) !important;
}

/***** Lists *****/
.mw-content-ltr ol, 
.mw-content-rtl .mw-content-ltr ol,
.mw-content-ltr ul, 
.mw-content-rtl .mw-content-ltr ul,
.mw-content-ltr dl, 
.mw-content-rtl .mw-content-ltr dl {
	color: var(--text-pri);
}

.mw-content-ltr .hltx ol, 
.mw-content-rtl .mw-content-ltr .hltx ol,
.mw-content-ltr .hltx ul, 
.mw-content-rtl .mw-content-ltr .hltx ul,
.mw-content-ltr .hltx dl, 
.mw-content-rtl .mw-content-ltr .hltx dl {
	color: var(--text-pri-emph);
}

/***** Code *****/
pre, .mw-code {
	color: var(--text-dim) !important;
	background-color: var(--bg-code);
	border-color: var(--bd-mid);
	box-shadow: 0 0 5px var(--bd-code-shd) inset;
}

code {
	color: var(--text-dim) !important;
	background-color: var(--bg-code);
	border-color: var(--bd-mid);
	box-shadow: 0 0 2px var(--bd-code-shd) inset;
}

/************************************************/
/***************** NAVBAR ***********************/
/************************************************/

[class*="ns-"] .header {
	background: var(--bg-pri);
}

.navbar, .p-navbar {
	background-color: var(--bg-sec) !important;
}

a.navbar-tool-link::before,
a.navbar-more-tools::before,
a.navbar-userloggedin::before,
.p-navbar .navbar-nav .nav-link, 
.p-navbar .navbar-nav .nav-link:visited {
	color: var(--text-sec) !important;
}

a.navbar-tool-link:hover::before,
a.navbar-more-tools:hover::before,
a.navbar-userloggedin:hover::before,
.p-navbar .navbar-nav .nav-link:hover,
.p-navbar .navbar-nav .nav-link:visited:hover {
	color: var(--text-lnk-hov) !important;
}

.p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child {
	color: var(--text-pri) !important;
}

.p-navbar .navbar-nav .dropdown-menu > div > a:last-child:first-child:hover {
	background: var(--bg-menu-hov) !important;
	color: var(--text-pri) !important;
}

a.navbar-tool-link::before,
a.navbar-more-tools::before,
a.navbar-userloggedin::before {
	color: var(--text-sec)
}

/* search bar */
.form-control:focus {
	color: var(--text-dim);
}

#p-search .input-group > .form-control,
.p-search .searchGoButton {
	background: var(--bg-search) !important;
	border-color: var(--bg-search) !important;
}

.search-btn::before {
	color: var(--text-sec);
}

/************************************************/
/************** MAIN CONTENT ********************/
/************************************************/

body {
	background-color: var(--bg-body) !important;
}

.content-container {
	color: var(--text-pri) !important;
}

.body-content-container {
	background-color: var(--bg-pri) !important;
	color: var(--text-pri) !important;
}

#content h1, 
#content h2 {
	border-bottom: 1px solid var(--bd-pri-emph);
}

#content h1, 
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: var(--text-sec);
}

/************************************************/
/**************** INTERFACE *********************/
/************************************************/

/***** TOC *****/
.toc, .mw-warning, .toccolours {
	background-color: var(--bg-pri-emph);
	border: 1px solid var(--bg-pri-emph);
	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
}

.toctogglelabel {
	color: var(--text-lnk);
}

.tocnumber {
	color: var(--text-pri);
}

/***** Misc Text *****/
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
	color: var(--text-pri) !important;
}

/***** Pop-up/down Menus *****/
.mw-rcfilters-ui-tagItemWidget-popup-content,
.tippy-tooltip.light-border-theme,
.dropdown-menu,
.oo-ui-popupWidget-popup {
	background-color: var(--bg-pri) !important;
	border-color: var(--bg-pri) !important;
	box-shadow: 0 2px 10px var(--bd-emph-shd) !important; 
	color: var(--text-pri) !important;
}

.tippy-tooltip.light-border-theme[x-placement^="top"] .tippy-arrow,
.tippy-tooltip.light-border-theme[x-placement^="top"] .tippy-arrow:after,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
	border-top-color: var(--bd-pri-emph) !important;
}

.tippy-header {
	background-color: var(--bg-pri) !important;
	border-bottom: 1px solid var(--bd-pri-emph) !important;
}

.tippy-tooltip.light-border-theme[x-placement^="top"] .tippy-arrow,
.tippy-tooltip.light-border-theme[x-placement^="top"] .tippy-arrow:before,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
	border-bottom-color: var(--bd-pri-emph) !important;
}

.tippy-tooltip.light-border-theme[x-placement^="top"] .tippy-arrow:before,
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after {
	border-bottom-color: var(--bd-pri-emph) !important;
}

.dropdown-item:hover, 
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:hover,
.p-navbar .navbar-nav .dropdown-menu > div > a:last-child:first-child:hover, 
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:hover {
	background: var(--bg-menu-hov) !important;
}

.oo-ui-dropdownInputWidget select {
	border-color: var(--bg-field) !important; 
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
	background: var(--bg-field) !important; 
	border-color: var(--bg-field) !important; 
	color: var(--text-dim) !important;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
	border-color: var(--bd-pri-emph) !important; 
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { 
	border-color: var(--bd-pri-emph) !important; 
	box-shadow: 0 0 5px var(--bd-foc-shd) !important; 
}

.mw-rcfilters-ui-datePopupWidget {
	border-top: 1px solid var(--bd-dimr1) !important;
}

.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
	color: var(--text-dim) !important;
}

/***** Tables *****/
.wikitable, 
.mw-datatable td {
	border: none;
	background-color: var(--bg-wikitab-td) !important;
	color: var(--text-pri) !important;
}

.wikitable > * > tr > th, 
.mw-datatable > * > tr > th {
	background-color: var(--bg-wikitab-th) !important;
	border: 1px solid var(--bd-cont-l) !important;
}

.wikitable > tr > td, 
.wikitable > * > tr > td, 
.mw-datatable > tr > td, 
.mw-datatable > * > tr > td {
	border: 1px solid var(--bd-dims) !important;
}

/***** Files Thumbs *****/
li.gallerybox div.thumb {
	background-color: var(--bg-pri-emph);
	border: 1px solid var(--bg-pri-emph);
}

.mw-search-profile-tabs {
	background-color: var(--bg-pri-emph);
	border: 1px solid var(--bg-pri-emph);
	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
}

.postedit,
.mw-notification { /* top right bubble */
	color: var(--text-pri);
	background-color: var(--bg-menu-hov);
	border-color: var(--bd-cont-lr);
}

#filetoc {
	border: 1px solid var(--bg-pri-hd);
	background-color: var(--bg-pri-hd);
}

/***** Diff *****/
table.diff, td.diff-otitle, td.diff-ntitle {
	background-color: var(--bg-diff);
	border-color: var(--bd-adj-dn) !important;
}

td.diff-addedline {
	color: var(--text-pri);
	background-color: var(--bg-diff-add);
}

td.diff-deletedline {
	color: var(--text-pri);
	background-color: var(--bg-diff-del);
}

td.diff-context {
	background-color: var(--bg-diff);
	border-color: var(--bd-dim);
	color: var(--text-pri);
}

td.diff-addedline .diffchange {
	background-color: var(--bg-diffch-add);
	color: var(--text-diffch-add);
}

td.diff-deletedline .diffchange {
	background-color: var(--bg-diffch-del);
	color: var(--text-diffch-del);
}

.oo-ui-panelLayout-framed {
	border: 1px solid var(--bd-dim);
}

/***** Page History *****/
#pagehistory li.selected {
	background-color: var(--bg-pri-emph);
	border: 1px solid var(--bd-dim);
	color: var(--text-dim);
	outline: 1px dashed var(--bd-dim);
}

.mw-plusminus-neg {
	color: var(--clr-red);
}

.mw-plusminus-pos {
	color: var(--clr-green);
}

/***** Editor *****/
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .sections .section {
	box-shadow: 0 2px 1px 0 var(--bd-adj-dn) !important;
	background-color: var(--bg-wikiedtb1);
	background-image: linear-gradient(to bottom,var(--bg-wikiedtb1) 15px,var(--bg-wikiedtb2) 40px);
}

.wikiEditor-ui-toolbar .tabs span.tab a {
	color: #507A9F !important;
}

.wikiEditor-ui-toolbar .tabs span.tab a:hover {
	color: #305A7F !important;
}

textarea {
	background-color: var(--bg-sec-hd) !important;
	color: var(--text-editor) !important;
	border-color: var(--bd-dimr2) !important;
}

.editOptions {
	background-color: var(--bg-pri-emph);
	border-color: var(--bg-pri-emph);
	color: var(--text-sec);
}

div#editpage-specialchars a {
	background-color: var(--bg-pri-emph);
	border-color: var(--bd-dimr2);
}

/***** Forms Fields *****/
.mw-editform-legacy input#wpSummary {
	background-color: var(--bg-pri-emph);
	color: var(--text-sec);
}

/* large option set dropdowns */
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
	background: var(--bg-dd-menu-sel) !important;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
	color: var(--text-dim) !important;
}

.oo-ui-menuSelectWidget {
	background: var(--bg-dd-menu) !important;
	border: 1px solid var(--bd-dpdn-shd);
	box-shadow: 0 2px 10px var(--bd-emph-shd); 
	color: var(--text-pri);
}

.oo-ui-menuSelectWidget [id*=".ooui"] {
	background: var(--selected);
}

/* tag list items */
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
	background-color: var(--btn) !important;
	border: 1px solid var(--btn);
	color: var(--text-pri-emph);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
	border: 1px solid var(--btn) !important;
	color: var(--text-sec);
}

/* text input */
#wpReason,
#mw-searchoptions input[name="category"], 
#mw-searchoptions input[name="prefix"], 
.oo-ui-textInputWidget .oo-ui-inputWidget-input, 
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle, 
.mw-ui-input, 
#mw-userrights-form1 #username, 
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle, 
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
#wpDestFile, 
#usernamePrefix, 
#mw-import-comment, 
#mw-interwiki-rootpage-upload,
.sitedir-ltr input[name="target"], 
.sitedir-ltr input[name="dest"] {
	background-color: var(--bg-field) !important;
	color: var(--text-sec) !important;
	border: 1px solid var(--bd-adj-dn) !important;
}

#wpReason:hover,
#mw-searchoptions input[name="category"]:hover, 
#mw-searchoptions input[name="prefix"]:hover, 
.oo-ui-textInputWidget .oo-ui-inputWidget-input:hover, 
.mw-ui-input:hover, 
#mw-userrights-form1 #username:hover, 
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover, 
#wpDestFile:hover, 
#usernamePrefix:hover, 
#mw-import-comment:hover, 
#mw-interwiki-rootpage-upload:hover,
.sitedir-ltr input[name="target"]:hover, 
.sitedir-ltr input[name="dest"]:hover { 
	background-color: var(--bg-field-hov) !important; 
}

#wpReason:focus,
#mw-searchoptions input[name="category"]:focus, 
#mw-searchoptions input[name="prefix"]:focus, 
.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus, 
.mw-ui-input:focus, 
#mw-userrights-form1 #username:focus, 
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus, 
#wpDestFile:focus, 
#usernamePrefix:focus, 
#mw-import-comment:focus, 
#mw-interwiki-rootpage-upload:focus,
.sitedir-ltr input[name="target"]:focus, 
.sitedir-ltr input[name="dest"]:focus { 
	box-shadow: 0 0 5px var(--bd-foc-shd) !important; 
	border-color: var(--bd-pri-emph) !important; 
}

/* checkboxes & radio buttons */
.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked + label::before {
	background-color: var(--selected) !important;
}

.oo-ui-checkboxInputWidget [type="checkbox"] + span, 
.oo-ui-radioInputWidget [type="radio"] + span {
	background-color: var(--bg-checkbx) !important;
}

.oo-ui-checkboxInputWidget [type="checkbox"]:hover + span, 
.oo-ui-radioInputWidget [type="radio"]:hover + span {
	border: 1px solid var(--bd-pri-emph) !important; 
}

.oo-ui-checkboxInputWidget [type="checkbox"]:focus + span, 
.oo-ui-radioInputWidget [type="radio"]:focus + span {
	border-color: var(--bd-pri-emph) !important; 
	box-shadow: 0 0 5px var(--bd-foc-shd) !important; 
}

.oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span {
	border-color: var(--bd-adj-dn); 
}

.oo-ui-checkboxInputWidget [type="checkbox"]:disabled:hover + span {
	border: 1px solid var(--bd-adj-dn) !important; 
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, 
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, 
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, 
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate + span,
.mw-ui-checkbox:not(#noop) [type="checkbox"] + label::before {
	border-color: var(--bd-pri-emph) !important;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, 
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:hover + span, 
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, 
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate:hover + span {
	border-color: var(--bd-pri-emph) !important; 
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, 
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:focus + span, 
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span, 
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate:focus + span {
	box-shadow: 0 0 5px var(--bd-foc-shd) !important; 
	border-color: var(--bd-pri-emph) !important; 
}

.mw-widgets-datetime-dateTimeInputWidget-handle {
	background-color: var(--bg-field) !important;
	border-color: var(--bd-adj-dn) !important;
}

.alert-warning, 
.warningbox, 
div.warning {
	color: var(--bd-dims) !important;
	background: var(--clr-yellow) !important;
	border-color: var(--clr-mute-yellow) !important;
}

/* option sets */
[id*="mw-input-wpExpiry"],
#wpUploadFile,
#wpLicense,
#mw-import-namespace-upload,
#namespace,
#xmlimport {
	background-color: var(--bg-field) !important;
	color: var(--text-pri) !important;
	border: 1px solid var(--bd-dim) !important;
}

/* large option set dropdowns w/list */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
	background-color: var(--bg-field) !important;
	border-color: var(--bg-field) !important; 
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
	background-color: var(--bg-field-hov) !important; 
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:focus .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { 
	border-color: var(--bd-pri-emph) !important; 
	box-shadow: 0 0 5px var(--bd-foc-shd) !important; 
}

/***** Buttons *****/
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
	color: var(--text-lnk-new) !important;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive:hover > .oo-ui-buttonElement-button {
	color: var(--text-lnk-new-hov) !important;
}

.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
	box-shadow: inset 0 0 2px var(--bd-adj-dn), inset 0 0 10px var(--bd-pri-emph) !important;
}

.mw-ui-button, 
.mw-ui-button.mw-ui-progressive, 
.mw-submit input[type="submit"], 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
#mw-userrights-form1 input[type="submit"], 
#wpRunQuery, 
#mw-search-toggleall, 
#mw-search-togglenone,
.sitedir-ltr input[type="submit"],
button {
	color: var(--btn-text) !important;
	background: var(--btn) !important;
	border: 1px solid var(--btn) !important;
}

.mw-ui-button:hover, 
.mw-submit input[type="submit"]:hover, 
.mw-ui-button.mw-ui-progressive:hover, 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover, 
#mw-userrights-form1 input[type="submit"]:hover,
#wpRunQuery:hover, 
#mw-search-toggleall:hover, 
#mw-search-togglenone:hover,
.sitedir-ltr input[type="submit"]:hover,
button:hover {
	background-image: var(--btn-hov) !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover {
	background-image: var(--btn-hov);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
	background-color: var(--clr-mute-red);
	border-color: var(--clr-mute-red);
	color: var(--text-pri-emph);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive {
	background-color: var(--clr-mute-red);
	border-color: var(--clr-mute-red);
	color: var(--text-pri-emph);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive:hover {
	background-color: var(--clr-red);
	border-color: var(--clr-red);
	color: var(--text-contr-l);
}

/* gadgets */
.mw-json tr {
	background-color: var(--bg-sec-emph);
}

.mw-json th {
	background-color: var(--bg-pri-hd);
}

.mw-json th, .mw-json td {
	border: 1px solid var(--bg-sec);
}

.mw-json-value, .mw-json-single-value {
	background-color: var(--bg-pri);
}

.mw-json-empty {
	background-color: var(--bg-sec-hd);
}

/***** Speacial Pages *****/

/* API Interface Special Page */
.mw-apisandbox-toolbar {
	background-color: var(--bg-pri-hd) !important;
	border-bottom: 1px solid var(--bd-dim) !important;
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
	background-color: var(--bg-sec-hd) !important;
	color: var(--text-lnk) !important;
}

.oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
	border-right: 1px solid var(--bd-dim) !important;
}

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
	border-color: var(--bd-dim) !important;
}

.oo-ui-toggleSwitchWidget {
	background-color: var(--text-dim) !important;
	border: 1px solid var(--bd-widg) !important;
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
	background-color: var(--text-dim) !important;
	border-color: var(--bd-widg) !important;
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
	border: 1px solid var(--bd-widg) !important;
	background-color: var(--text-dim) !important;
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
	box-shadow: inset 0 0 0 1px var(--bd-pri-emph) !important;
	border-color: var(--bd-pri-emph) !important;
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
	background-color: var(--selected) !important;
	border-color: var(--bd-widg) !important;
}

/* Search */
#mw-searchoptions {
	color: var(--text-pri);
	background-color: var(--bg-sec);
	border-color: var(--bg-sec);
}

#mw-searchoptions .divider {
	border-bottom: 1px solid var(--bd-dim);
}

/* User Preferences */
#preferences {
	background-color: var(--bg-pref);
	color: var(--text-sec);
}

.oo-ui-tabSelectWidget-framed {
	background-color: var(--bg-sec-hd) !important;
	color: var(--text-pri) !important;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
	background-color: var(--bg-pref) !important;
	color: var(--text-sec) !important;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
	border-top: 2px solid var(--bd-pri-emph) !important;
	border-bottom: none;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget {
	color: var(--text-dim);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget:hover {
	background: var(--bg-pref);
	color: var(--text-dim);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget .oo-ui-labelElement-label {
	border-top: 2px solid var(--bd-dims);
}

.mw-prefs-buttons {
	background-color: var(--bg-sec);
	border-top: 1px solid var(--bd-dim);
}

.oo-ui-labelWidget.oo-ui-inline-help {
	color: var(--clr-chartr);
}

/***** Recent/Related Changes *****/
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
	background-color: var(--bg-pri-emph) !important;
	border: 1px solid var(--bg-pri-emph) !important;
	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset !important;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title {
	color: var(--text-pri) !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
	background-color: var(--bg-sec) !important;
	border-bottom: 1px solid var(--bd-dim) !important;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
	color: var(--text-dim) !important;
}

.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
	color: var(--text-pri-emph) !important;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
	background-color: var(--bd-dimr1) !important;
	color: var(--text-sec) !important;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
	color: var(--text-contr-l) !important;
}

.mw-rcfilters-ui-menuSelectWidget-noresults {
	color: var(--text-pri) !important;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
	background-color: var(--bg-sec-hd) !important;
	border-bottom: 1px solid var(--bd-dimr1) !important;
}

.mw-rcfilters-ui-menuSelectWidget-footer {
	background-color: var(--bg-sec-hd) !important;
	border-top: 1px solid var(--bd-dimr1) !important;
}

/************************************************/
/**************** Extensions ********************/
/************************************************/

/***** MsUpload *****/
#msupload-div {
	background: var(--bg-msup) !important;
	border-top: 1px solid var(--bd-msup) !important;
}
#msupload-dropzone {
	border: 1px dashed var(--bd-dim) !important;
}

/***** SMW *****/
.smw-tabs input.nav-tab:checked + label.nav-label {
	color: var(--text-sec);
	border: 1px solid var(--bd-dim);
	border-top: 2px solid var(--bd-pri-emph);
	border-bottom: 2px solid var(--bd-dim);
}

#tab-content-general input[type="submit"], 
#tab-content-maintenance input[type="submit"], 
#tab-content-supplement input[type="submit"] {
	color: var(--text-pri-emph);
	background-color: var(--btn);
	border: 1px solid var(--btn);
}

#tab-content-general input[type="submit"]:hover, 
#tab-content-maintenance input[type="submit"]:hover, 
#tab-content-supplement input[type="submit"]:hover {
	background-image: var(--btn-hov);
}

/* multi-line text input */
#smw-property-input,
#ask-query-condition,
#smw-property-input:hover,
#ask-query-condition:hover,
#smw-property-input:focus,
#ask-query-condition:focus {
	background-color: var(--bg-sec-hd) !important;
	color: var(--text-editor) !important;
	border-color: var(--bd-dimr2) !important;
}

#id.smw-form-input,
#smw-jsonview-search,
#smw-value-input,
#sort_div_0 [class="smw-property-input autocomplete-arrow"],
.smw-table-cell [class="parameter-number-input"],
.smw-table-cell [class="parameter-string-input"],
[name="threshold"] {
	background-color: var(--bg-pri-hd) !important;
	color: var(--text-sec) !important;
	border-color: var(--bd-adj-dn) !important;
}

#id.smw-form-input:hover,
#smw-jsonview-search:hover,
#smw-value-input:hover,
.smw-table-cell [class="parameter-number-input"]:hover,
.smw-table-cell [class="parameter-string-input"]:hover,
[name="threshold"]:hover { 
	background-color: var(--bg-field-hov) !important; 
}

#id.smw-form-input:focus,
#smw-jsonview-search:focus,
#smw-value-input:focus,
.smw-table-cell [class="parameter-number-input"]:focus,
.smw-table-cell [class="parameter-string-input"]:focus,
[name="threshold"]:focus { 
	box-shadow: 0 0 5px var(--bd-foc-shd) !important; 
	border-color: var(--bd-pri-emph) !important; 
}

.smw-column-header {
	color: var(--text-pri);
}

input[name="date"],
#formatSelector,
[name="order_num[]"],
[name="p[headers]"],
[name="p[link]"] {
	background-color: var(--bg-field) !important;
	color: var(--text-sec) !important;
	border: 1px solid var(--bd-dim) !important;
	border-radius: 2px !important;
	box-shadow: none !important;
}

input[name="date"] {
	background-color: var(--bg-field-hov) !important; 
	border-color: var(--bd-pri-emph) !important; 
}

input[name="date"] {
	box-shadow: 0 0 5px var(--bd-foc-shd) !important; 
	border-color: var(--bd-pri-emph) !important; 
}

.smwb-theme-light .smwb-title,
.smw-ask-toplinks {
	background-color: var(--bg-pri-emph) !important;
}

.smw-callout-warning,
.smwb-theme-light .smwb-center, 
.smwb-theme-light .smwb-actions, 
.smwb-theme-light .smwb-prophead,
.smwb-theme-light .smwb-propval,
.smwb-theme-light .smwb-propval {
	background-color: var(--bg-sec) !important;
}

.smwb-ifactbox .smwb-cell,
.smwb-factbox .smwb-cell {
	border-top: 1px solid var(--bd-dimr1);
}

.smw-factbox input.nav-tab:checked + label.nav-label {
	background: var(--bg-sec) !important;
	border-top: 2px solid var(--bd-pri-emph) !important;
	border-right: 1px solid var(--bg-sec) !important;
	border-bottom: 1px solid var(--bg-sec) !important;
	border-left: 1px solid var(--bg-sec) !important;
	color: var(--text-dim);
}

.smw-factbox .smwfact {
	background-color: var(--bg-sec);
	color: var(--text-pri) !important;
	border: 1px solid var(--bg-sec);
}

.smwfact .smw-table-row:nth-child(2n) {
	background-color: var(--bg-pri);
}

.smwfact .smw-table-row:nth-child(2n+1) {
	background-color: var(--bg-sec);
}

.dropdown-menu {
	background-color: var(--bg-pri) !important;
	border-color: var(--bd-dpdn-shd) !important;
	box-shadow: 0 2px 10px var(--bd-emph-shd) !important; 
	color: var(--text-pri) !important;
}

.dropdown-item:hover {
	background: var(--bg-menu-hov) !important;
}

.smw-ask-options-row-odd {
	background: var(--bg-sec) !important;
}

.smw-ask-options-row-even {
	background: var(--bg-sec-emph);
}

#options-toggle:not(:checked) + #options-list .options-parameter-list::after {
	background-image: linear-gradient(to bottom,rgba(32,33,35,0),rgba(32,33,35,1) 90%);
}

.smw-tabs section, .smw-tabs .subtab-content {
	border-color: var(--bd-dims);
}

.smw-ui-pagination .page-link.link-disabled,
.smw-ui-pagination .page-link {
	border-color: var(--bd-dim);
}

.smw-ui-pagination .page-link.link-active {
	border: 2px solid var(--bd-pri-emph);
}

.smw-special-filter-button {
	border: 1px solid var(--bd-dim);
}

.smw-special-filter-button:hover {
	background-image: var(--btn-hov) !important;
}

.smw-callout-info {
	background: var(--bg-sec);
	border-left: 5px solid var(--clr-mute-blue);
}

.smwtable-striped tbody > tr:nth-child(2n+1) {
	background-color: var(--bg-sec);
}

.smwtable-clean tbody > tr:nth-child(2n) {
	background-color: var(--bg-sec-emph);
}

.smwtable-clean tr > td {
	border-top: 1px solid var(--bg-pri-hd);
}

.smw-property-page-results .header-title {
	background-color: var(--bg-pri-hd);
}

.smw-property-page-results .header-row > .header-title {
	border-bottom: 1px solid var(--bg-cont);
}

.smw-property-page-results .header-title {
	color: var(--text-dim) !important;
}

.smw-property-page-results .value-row:hover {
	background: var(--bg-menu-hov) !important;
}

.smw-ui-input-filter {
	background-color: var(--bg-pri-hd) !important;
	color: var(--text-lnk) !important;
	border-color: var(--bd-adj-dn) !important;
}

.smw-ui-input-filter input {
	border-left: 1px solid var(--bd-dimr1) !important;
	color: var(--text-dim) !important;
}

.smw-ui-pagination .page-link {
	color: var(--text-pri);
	background-color: var(--bg-pri-hd) !important;
	border-color: var(--bd-adj-dn) !important;
}

.smw-ui-pagination:hover .page-link:hover {
	background-color: var(--bg-menu-hov) !important;
	border-color: var(--bd-adj-dn) !important;
}

.smw-ui-pagination .page-link.link-active {
	background-color: var(--bg-sec-hd) !important;
	border-color: var(--bd-adj-dn) !important;
}

.smwfact {
	background-color: var(--bg-sec);
	border-color: var(--bd-dims);
}

.usage-count, .item-count {
	color: var(--text-pri) !important;
	background-color: var(--bg-pri-emph) !important;
	border: 1px solid var(--bd-pri-emph-shd) !important;
}

.smw-property input.nav-tab:checked + label#tab-label-smw-property-constraint.nav-label {
	border-top: 2px solid var(--bd-pri-emph);
}

.smwpre {
	color: var(--text-dim) !important;
	background-color: var(--bg-code);
	border-color: var(--bd-mid);
	box-shadow: 0 0 5px var(--bd-code-shd) inset;
}

.smw-jsonview-menu {
	background-color: var(--bg-pri-emph) !important;
	border-left: 1px solid var(--bd-adj-dn) !important;
	border-top: 1px solid var(--bd-adj-dn) !important;
	border-right: 1px solid var(--bd-adj-dn) !important;
}

.smw-jsonview-menu + pre {
	background-color: var(--bg-pri-hd) !important;
}

.smw-jsonview-button-group-left input {
	border: 1px solid var(--text-pri-emph);
}

#smw-jsonview-copy-btn,
#smw-jsonview-toggle-btn {
	background-color: var(--text-dim);
	border: 1px solid var(--bg-pri-emph);
}

#smw-jsonview-copy-btn:hover,
#smw-jsonview-toggle-btn:hover {
	background-color: var(--text-sec);
}

.jsonview .string {
	color: var(--clr-green) !important;
}

#mw-prefsection-smw .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label {
	color: var(--text-sec);
}

fieldset#mw-prefsection-smw-general-options,
fieldset#mw-prefsection-smw-extended-search-options,
fieldset#mw-prefsection-smw-srf-eventcalendar-options,
fieldset#mw-prefsection-smw-srf-datatables-options,
fieldset#mw-prefsection-smw-ask-options,
fieldset#mw-prefsection-smw-srf {
	border-top: 1px solid var(--bd-dim);
}

/***** Replace Text *****/
#powersearch input[type="submit"],
.mw-replacetext-invert {
	color: var(--text-pri-emph);
	background-color: var(--btn);
	border-color: var(--btn);
}

#powersearch input[type="submit"]:hover,
.mw-replacetext-invert:hover {
	background-image: var(--btn-hov) !important;
}

/***** Check User *****/
#checktarget, 
#checkreason, 
#mw-checkuser-cidr-res, 
#mw-input-cuSearch {
	background-color: var(--bg-field) !important;
	color: var(--text-sec) !important;
	border-color: var(--bd-adj-dn) !important;
}

#year, 
#month {
	background-color: var(--bg-field) !important;
	color: var(--text-sec) !important;
	border: 1px solid var(--bd-dim) !important;
}

#checktarget:hover, 
#checkreason:hover, 
#mw-checkuser-cidr-res:hover, 
#mw-input-cuSearch:hover { 
	background-color: var(--bg-field-hov) !important; 
}

#checktarget:focus, 
#checkreason:focus, 
#mw-checkuser-cidr-res:focus, 
#mw-input-cuSearch:focus { 
	box-shadow: 0 0 5px var(--bd-foc-shd) !important; 
	border-color: var(--bd-pri-emph) !important; 
}

#checkusersubmit, 
.mw-htmlform-submit {
	color: var(--text-pri-emph);
	background-color: var(--btn);
	border-color: var(--btn);
}

#checkusersubmit:hover, 
.mw-htmlform-submit:hover {
	background-image: var(--btn-hov);
}

#checkuserform #period {
	background-color: var(--bg-field) !important;
	color: var(--text-sec) !important;
	border: 1px solid var(--bd-dim) !important;
}

/***** Page Forms *****/

/* multiple instance */
.multipleTemplateInstanceTable .inputSpan input[id*="input"] {
	background: var(--bg-field) !important;
	color: var(--text-pri) !important;
	border-color: var(--bd-adj-dn) !important;
	color: var(--text-pri);
}

.multipleTemplateInstanceTable .inputSpan:hover {
	background-color: var(--bg-field) !important;
}

.multipleTemplateInstanceTable .inputSpan:focus {
	box-shadow: 0 0 5px var(--bd-foc-shd) !important; 
	border-color: var(--bd-pri-emph) !important; 
}

.multipleTemplateInstance {
	background-color: var(--bg-pri-emph);
	border: 1px solid var(--bg-pri-emph);
}

/* option sets */
#property_dropdown,
#mainTable td select[name*="property_type"],
.multipleTemplateInstance [id*="input"],
#pfForm [id*="input"],
#semantic_property_aggregation,
[id*="semantic_property"],
#form_dropdown,
#formSelector,
#category_dropdown,
#sectionname,
p [name="new_template"],
.inputTypeSelector,
[name*="before"] {
	background-color: var(--bg-field);
	color: var(--text-pri) !important;
	border: 1px solid var(--bd-dim);
}

/* token & Other fields */
.pf-select2-container [id*="select2-input"] {
	border: none !important;
}

.select2-dropdown,
.select2-search--dropdown .select2-search__field,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
	background: var(--bg-field) !important;
	color: var(--text-pri) !important;
	border-color: var(--bd-adj-dn) !important;
	color: var(--text-pri);
}

.select2-dropdown:hover,
.select2-search--dropdown .select2-search__field:hover {
	background-color: var(--bg-field) !important;
}

.select2-dropdown:focus,
.select2-search--dropdown .select2-search__field:focus {
	box-shadow: 0 0 5px var(--bd-foc-shd) !important; 
	border-color: var(--bd-pri-emph) !important; 
}

.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: var(--selected);
}

.pf-select2-dropdown .select2-results__options .select2-results__option--highlighted {
	background-color: var(--bg-menu-hov);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--btn) !important;
	border: 1px solid var(--btn);
	color: var(--text-pri-emph);
}

.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: var(--text-pri);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: var(--text-pri-emph);
}

/* form input */
#allowed_values input[name="values"],
#mainTable td input[name*="allowed_values"],
#mainTable td input[name*="property_name"],
#mainTable [name*="field_name"],
.multipleTemplateInstance [id*="input"][size*="0"],
#pfForm input#wpSummary,
#wpSummary,
p [name="template_name"],
p [name="category"],
p [name*="name"],
p [name*="label"],
p [name="aggregation_label"],
#sectionname,
p [name="form_name"],
p [name="page_name"],
p [name="category_name"] {
	background-color: var(--bg-field) !important;
	color: var(--text-pri) !important;
	border-color: var(--bd-adj-dn) !important;
}

#allowed_values input[name="values"]:hover,
#mainTable td input[name*="allowed_values"]:hover,
#mainTable td input[name*="property_name"]:hover,
#mainTable [name*="field_name"]:hover,
.multipleTemplateInstance [id*="input"][size*="0"]:hover,
#pfForm input#wpSummary:hover,
#wpSummary:hover,
p [name="template_name"]:hover,
p [name="category"]:hover,
p [name*="name"]:hover,
p [name*="label"]:hover,
p [name="aggregation_label"]:hover,
#sectionname:hover,
p [name="form_name"]:hover,
p [name="page_name"]:hover,
p [name="category_name"]:hover { 
	background-color: var(--bg-field-hov) !important; 
}

#allowed_values input[name="values"]:focus,
#mainTable td input[name*="allowed_values"]:focus,
#mainTable td input[name*="property_name"]:focus,
#mainTable [name*="field_name"]:focus,
.multipleTemplateInstance [id*="input"][size*="0"]:focus,
#pfForm input#wpSummary:focus,
#wpSummary:focus,
p [name="template_name"]:focus,
p [name="category"]:focus,
p [name*="name"]:focus,
p [name*="label"]:focus,
p [name="aggregation_label"]:focus,
#sectionname:focus,
p [name="form_name"]:focus,
p [name="page_name"]:focus,
p [name="category_name"]:focus { 
	box-shadow: 0 0 5px var(--bd-foc-shd) !important; 
	border-color: var(--bd-pri-emph) !important; 
}

/* buttons */
p [type="button"],
td [type="button"] {
	color: var(--btn-text) !important;
	background: var(--btn) !important;
	border: 1px solid var(--btn) !important;
}

p [type="button"]:hover,
td [type="button"]:hover {
	background-image: var(--btn-hov) !important;
}

/* misc */
.fieldBox {
	border: 1px var(--bd-dim) solid !important;
	background: var(--bg-sec) !important;
}

div.popupform-container {
	background-color: var(--bg-pri-hd) !important;
	border: 2px solid var(--text-contr-d) !important;
}

/***** Page Forms - STEP *****/
#Recommendations textarea[id*="input"],
#Recommendations textarea[id*="input"]:hover,
#Recommendations textarea[id*="input"]:focus,
.multipleTemplateInstance textarea[id*="input"],
.multipleTemplateInstance textarea[id*="input"]:hover,
.multipleTemplateInstance textarea[id*="input"]:focus {
	background-color: var(--bg-sec-hd) !important;
	color: var(--text-editor) !important;
	border-color: var(--bd-dimr2) !important;
}

/* option sets */
#pfForm input[name*=Mod],
#systemspecs [id*="input"],
.pfFormInput select[name="namespace"],
#mod [id*="input"] {
	background-color: var(--bg-field) !important;
	color: var(--text-pri) !important;
	border: 1px solid var(--bd-dim) !important;
}

/* form input */
#pfForm input[name*=Mod],
#systemspecs [id*="input"][size="35"],
input[name*="INITOC"],
#mod [id*="input"][size*="0"] {
	background-color: var(--bg-field) !important;
	color: var(--text-pri) !important;
	border-color: var(--bd-adj-dn) !important;
}

#pfForm input[name*=Mod]:hover,
#systemspecs [id*="input"][size="35"]:hover,
input[name*="INITOC"]:hover,
#mod [id*="input"][size*="0"]:hover { 
	background-color: var(--bg-field-hov) !important; 
}

#pfForm input[name*=Mod]:focus,
#systemspecs [id*="input"][size="35"]:focus,
input[name*="INITOC"]:focus,
#mod [id*="input"][size*="0"]:focus { 
	box-shadow: 0 0 5px var(--bd-foc-shd) !important; 
	border-color: var(--bd-pri-emph) !important; 
}

/* forms */
.formtip {
	color: var(--clr-chartr);
}

.formheading {
	color: var(--clr-orange); 
}

/***** CodeMirror *****/
.CodeMirror pre {
	background-color: var(--bg-code) !important;
	border: 1px dashed var(--bd-cont) !important;
	box-shadow: 0 0 3px var(--bg-cont) inset !important;
}

[class*="cm-mw-parserfunction"] {
	color: var(--clr-red) !important;
}

[class*="cm-mw-templatevariable"] {
	color: var(--clr-yellow) !important;
}

[class*="cm-mw-htmltag"] {
	color: var(--clr-green) !important;
}

[class*="cm-mw-exttag"] {
	color: var(--clr-chartr) !important;
}

.cm-mw-doubleUnderscore {
	background-color: var(--bg-cont) !important;
}

[class*="cm-mw-link"] {
	color: var(--clr-blue) !important;
}

[class*="cm-mw-template"] {
	color: var(--clr-purple) !important;
}

.cm-s-default .cm-error {
	background-color: var(--clr-mute-red) !important;
	color: var(--text-contr-d) !important;
}

[class*="cm-mw-table"] {
	color: var(--clr-magent) !important;
}

/* created for light skin */
.hljs-comment, .hljs-quote {
	color: var(--clr-green);
}

.hljs-built_in, .hljs-type {
	color: var(--clr-chartr);
}

.hljs-string, .hljs-meta-string {
	color: var(--clr-orange);
}

.hljs-number, .hljs-class {
	color: var(--clr-magent);
}

.hljs-keyword, .hljs-literal, .hljs-symbol, .hljs-name {
	color: var(--clr-blue);
}

.hljs-subst, .hljs-function, .hljs-title, .hljs-params, .hljs-formula {
	color: var(--clr-purple);
}

.hljs-regexp, .hljs-template-tag {
	color: var(--clr-red);
}

/***** HeaderTabs *****/
.ui-widget-content {
	background-color: var(--bg-sec);
	color: var(--text-pri) !important;
}

.ui-widget-header {
	border: 1px solid var(--bg-sec-hd) !important;
	background: var(--bg-sec-hd) !important;
	color: var(--text-dim);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: var(--bg-sec) !important;
	border-top: 2px solid var(--bd-pri-emph) !important;
	border-right: 1px solid var(--bg-sec) !important;
	border-bottom: 1px solid var(--bg-sec) !important;
	border-left: 1px solid var(--bg-sec) !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color: var(--text-pri) !important;
}

.ui-tabs .ui-tabs-nav li {
	background: var(--bg-sec-hd);
	border-top: 2px solid var(--bd-hdtab);
	border-right: 1px solid var(--bg-sec-hd);
	border-bottom: 1px solid var(--bg-sec-hd);
	border-left: 1px solid var(--bg-sec-hd);
}

.ui-tabs .ui-tabs-nav li a {
	color: var(--text-dim) !important;
}

.ui-tabs .ui-tabs-nav li a:hover {
	color: var(--text-dim) !important;
	background-color: var(--bg-pref) !important;
}

/***** Cite *****/
.mw-references-wrap {
	border-top: 1px solid var(--bd-dims);
}

ol.references li:target, sup.reference:target {
	background-color: var(--bg-menu-hov);
}

.jexcel {
	background-color: var(--bg-sec) !important;
	border-right: 1px solid var(--bd-dimr1) !important;
	border-bottom: 1px solid var(--bd-dimr1) !important;
}

.jexcel > thead > tr > td {
	border-top: 1px solid var(--bd-adj-dn) !important;
	border-left: 1px solid var(--bd-adj-dn) !important;
	background-color: var(--bg-sec-hd) !important;
}

.jexcel > tbody > tr > td:first-child {
	background-color: var(--bg-sec-hd) !important;
}

.jexcel > tbody > tr > td {
	border-top: 1px solid var(--bd-adj-dn) !important;
	border-left: 1px solid var(--bd-adj-dn) !important;
}

.jexcel_corner {
	border: 1px solid var(--bd-adj-dn) !important;
}

.jexcel_page_selected {
	background-color: var(--bg-sec-hd) !important;
}

.jexcel > tbody > tr.selected > td:first-child {
	background-color: var(--bg-pri-hd) !important;
}

.jexcel .highlight-top.highlight-left {
	box-shadow: -1px -1px var(--bd-pri-emph) !important;
	-webkit-box-shadow: -1px -1px var(--bd-pri-emph) !important;
	-moz-box-shadow: -1px -1px var(--bd-pri-emph) !important;
}

.jexcel .highlight-bottom {
	border-bottom: 1px solid var(--bd-adj-dn) !important;
}

.jexcel .highlight-right {
	border-right: 1px solid var(--bd-adj-dn) !important;
}

.jexcel .highlight-left {
	border-left: 1px solid var(--bd-adj-dn) !important;
	box-shadow: -1px 0px var(--bd-bd-pri-emph) !important;
}

.jexcel .highlight-top {
	border-top: 1px solid var(--bd-adj-dn) !important;
	box-shadow: 0px -1px var(--bd-pri-emph) !important;
}

.jexcel > thead > tr > td.selected {
	background-color: var(--bd-pri-emph) !important;
}

.jexcel > tbody > tr.dragging > td {
	background-color: var(--bg-sec-emph) !important;
}