User:Vaedez/vector.css

/* basic theme and vars */
:root{
  --main-bg:#000;
  --main-fg:silver;
  --focus-fg:#fff;
  --sidebar-bg:#242422;
  --sidebar-bg:#303030;
  --pale-bg:#4446;
  --panel-bg:#444844;
  --textbox-bg:#242424;
  --notice-bg:#328;
  --link:#2be;
  --link-visited:#8080ff;
}
/* apply theme to main site areas */
body {
  background: var(--sidebar-bg);
  color: var(--focus-fg);
  /*outline:1px dotted red;*/
}
#mw-page-base{background:var(--sidebar-bg);}
.mw-body{background:var(--main-bg);color:var(--main-fg);}
.vectorTabs span{background:var(--panel-bg);color:var(--main-fg)}
#p-logo{background:var(--panel-bg)}
.editOptions{background:var(--panel-bg);}

/* apply theme to classes of element */
a{color:var(--link);}
a:visited{color:var(--link-visited)}
h1,h2,h3,h4,h5,h6{color:var(--focus-fg);}
textarea{background:var(--textbox-bg);color:var(--focus-fg);}
input[type="text"]{background:var(--textbox-bg);color:var(--focus-fg);}
.mw-code{background:var(--pale-bg);color:var(--main-fg);}

/* patch elems not inheriting colors */
#mw-panel li>a{color:var(--link) !important;}
div#simpleSearch{background:var(--textbox-bg);color:var(--focus-fg)}
#localNotice .plainlinks{background:var(--notice-bg) !important;;}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited{color:var(--main-fg)}
#p-lang-label{color:var(--main-fg) !important;;}
}