Difference between revisions of "User:Vaedez/vector.css"

Latest revision as of 06:07, 8 April 2026

/* basic theme and vars */
:root{
  --main-bg:#000;
  --main-fg:silver;
  --focus-fg:#fff;
  --sidebar-bg:#242422;
  --sidebar-bg:#303030;
  --raised-bg:#282810;
  --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);}

[style*="background:#f6f6f6"] {
  background: var(--raised-bg) !important;;
}
/*[style*="background-color: #FFFFFF"]{*/
table.comic-content{
  background:var(--main-bg) !important;
  color:var(--focus-fg) !important;
}
table.notice-incomplete, table.notice{
  background:var(--raised-bg) !important;
}

/* 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);}
code{background:var(--panel-bg);color:var(--main-fg)}
.mw-code{background:var(--pale-bg);color:var(--main-fg);}
table.wikitable{background:var(--raised-bg);color:var(--main-fg);}
table.wikitable tr>th{background:var(--sidebar-bg)}

/* 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 a{color:var(--link) !important}
div.vectorTabs li a:visited{color:var(--link-visited) !important}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited{color:var(--main-fg)!important}
#p-lang-label{color:var(--main-fg) !important;}
}