User:Vylmen/vector.css

Note: After saving, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
table { width: auto; }
@media screen and (prefers-color-scheme: dark) {
  h1, h2, h3, h4, h5, h6 {
    color: #eee;
    border-bottom-color: #888;
  }

  hr {
    color: #888;
    background-color: #888;
  }

  body.skin-vector, .mw-body, .parsoid-body {
    background-color: black;
    color: #ccc;
  }

  /* ToC */
  .toc, .mw-warning, .toccolours {
    border: 1px solid #444;
    background-color: #222;
  }

  .tocnumber {
    background-color: transparent;
    color: #ccc;
  }

  /* Tabs */
  div.vectorTabs ul li {
     background-color: rgb(2,0,36);
     background-image: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(70,70,78,1) 50%); 
  }

  div.vectorTabs li.selected {
     background-color: rgb(2,0,36);
     background-image: linear-gradient(0deg, rgba(2,0,36,1) 50%, rgba(70,70,78,1) 90%); 
  }

  div.vectorTabs li.new {
    background-color: rgb(2,0,36);
    background-image: linear-gradient(180deg, rgba(2,0,36,1) 25%, rgba(97,97,180,1) 90%);
  }

  div.vectorTabs li.new a {
    color: #faa;
  }

  /* Menus */
  #p-personal #pt-notifications-alert, #p-personal #pt-notifications-notice {
	margin-right: 0.4em;
	background-color: #88f;
	margin-top: 0;
	padding-top: 8px;
	padding-right: 4px;
	padding-left: 4px;
	border-radius: 50%;
  }

  #mw-panel .portal h3 {
    color: #bbb;
  }

  .mw-body {
    border: 1px solid #477799;
  }

  .mw-body, .mw-indicators, div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
    color: #ddd;
  }

  .mw-body textarea {
    background-color: #222;
    color: #ddd;
   }

  #mw-page-base {
    background-image: linear-gradient(#000 50%,#060606 100%);
  }

  a, #mw-panel .portal .body li a:link, a:link, div.vectorTabs li a {
    color: #ccf;
  }

  a.new:link {
    color: #faa;
  }

  .mw-parser-output a.external {
    color: #acf;
  }

  .mw-parser-output a.extiw:visited {
    color: #aaf;
  }

  .mw-parser-output a.extiw, .mw-parser-output a.extiw:active {
    color: #9bf;
  }

  #mw-panel .portal .body li a:visited, a:visited, div.vectorTabs li a:visited, .mw-parser-output a.external:visited {
    color: #aaf;
  }

  .toc {
    background-color: #222;
    color: #eee
    border: 1px solid #444;
  }

  .togglelink {
    color: #aaf;
  }

  .editOptions {
    background-color: #333;
    color: #ddd;
  }

  .editOptions input {
    background-color: #444;
    color: #ddd;
  }

  .catlinks {
    background-color: transparent;
  }

  div.thumbinner {
    background-color: #222;
    border: 1px solid #444;
  }

  div.thumbinner .thumbimage {
    border: 1px solid #444;
  }

  /* Diffs */
  .diff-context {
    background-color: #222;
    border-color: #2a2a2a;
    color: inherit;
  }

  .diff-addedline, .diff-deletedline {
    background-color: #222;
    color: #ccc;
  }

  .diff-addedline .diffchange-inline, .diff-deletedline .diffchange-inline, .diff-addedline .diffchange, .diff-deletedline .diffchange {
    color: #222;
  }

  /* Watchlist */
  .mw-plusminus-neg {
    color: #db6060;
  }

  .mw-plusminus-pos {
    color: #00db00;
  }

  /* Search */
  #simpleSearch {
    background-color: #222;
    color: #ddd;
  }

  #simpleSearch input {
    background-color: #222;
    color: #ddd;
  }

  .suggestions-results {
    background-color: #333;
    border: 1px solid #666;
  }

  .suggestions-result {
    color: #ddd;
  }

  .suggestions-special {
    background-color: #333;
    color: #aaa;
  }

  .suggestions-special .special-query {
    color: #ccf;
  }

  .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
    color: #ddd;
  }

  .suggestions-result-current {
    background-color: #227;
    color: #ddf;
  }

  /* History */
  #pagehistory li.selected {
    background-color: #222;
    color: #ddd;
  }

  /* Code */
  pre, mw-code {
    background-color: #222;
    color: #ddd;
    border-color: #444;
  }

  /* File uploads */
  #filetoc {
    background-color: #222;
    border: 1px solid #444;
  }

  .mw_metadata td {
    background-color: #333;
    color: #ddd;
  }

  .mw_metadata td, .mw_metadata th {
    border: 1px solid #555;
  }

  .mw_metadata th {
    background-color: #777;
    color: black;
  }

  /* Tables */
  table.wikitable {
    background-color: #222;
    color: #ddd;
    border: 1px solid #444;
  }

  table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: #226;
  }

  table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    border: 1px solid #444;
  }

  /* buttons */
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #336;
    color: #aaa;
    border-color: #666;
  }

  .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: #558;
    color: #ccc;
    border-color: #888;
  }

  .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
    background-color: #447;
    color: #bbb;
    border-color: #777;
  }

  .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
    background-color: #447;
    color: #bbb;
    border-color: #77f;
  }
  /* Custom boxes */
  div#upcoming {
    background-color: #224 !important;
  }

  div#airing {
    color: black;
  }

  .dramaring-nav {
    color: black;
  }
}
User

Vylmen/vector.css

From DramaWiki
