MediaWiki:Common.css: Difference between revisions

From WesterosLive Wiki
Apply westeros dark theme (automated)
Blank the redundant theme copy (inline hook is the single source)
Tag: Replaced
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* MediaWiki:Common.css pushed by ops/wiki/scripts/apply_wiki_skin.sh
/* Intentionally empty the site theme is inlined into every page by a
* Forces a dark theme + Georgia serif styling matching guide.westeros.live,
  BeforePageDisplay hook (ops/wiki/scripts/apply_wiki_skin.sh). Editing
* regardless of the reader's OS/browser color-scheme preference (Vector's
  this page has no effect on the theme. */
* skin.json "night mode" is a per-user opt-in toggle, not a server-wide
* default in 1.42 — a full Common.css override is the reliable way to make
* every visitor see the same dark, in-universe look).
* Palette source of truth: web/guide-site/index.html. Keep both in sync if
* the guide site's colors ever change.
*/
 
:root {
  color-scheme: dark;
}
 
body,
.skin-vector,
.mw-page-container {
  background: #14110f !important;
  color: #e8ddc8 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
}
 
#content,
.vector-body,
.mw-body,
.vector-menu-content,
.vector-page-toolbar,
.vector-sitenotice-container {
  background: #14110f !important;
  color: #e8ddc8 !important;
  border-color: #3a3128 !important;
}
 
.mw-body {
  border: 1px solid #3a3128 !important;
}
 
.vector-header-container,
.vector-header,
.vector-pinnable-header,
.vector-menu-heading,
#p-logo-text,
.vector-sticky-pinned-container {
  background: #1c1815 !important;
  color: #e8ddc8 !important;
}
 
h1, h2, h3, h4, h5, h6,
.mw-first-heading,
.vector-menu-heading-label {
  color: #c9a24b !important;
  border-color: #3a3128 !important;
}
 
a, a:visited {
  color: #c9a24b !important;
}
a:hover {
  color: #e8ddc8 !important;
}
 
.mw-editsection a { color: #a89a7d !important; }
 
pre, code, .mw-code {
  background: #1c1815 !important;
  color: #e8ddc8 !important;
  border: 1px solid #3a3128 !important;
}
 
table, .wikitable {
  background: #1c1815 !important;
  color: #e8ddc8 !important;
  border-color: #3a3128 !important;
}
.wikitable > tr > th,
.wikitable > * > tr > th {
  background: #1c1815 !important;
  color: #c9a24b !important;
  border-color: #3a3128 !important;
}
.wikitable > tr > td,
.wikitable > * > tr > td {
  border-color: #3a3128 !important;
}
 
input, textarea, select, .cdx-text-input__input {
  background: #1c1815 !important;
  color: #e8ddc8 !important;
  border-color: #3a3128 !important;
}
 
.vector-menu-tabs,
.vector-menu-dropdown,
.vector-dropdown-content {
  background: #1c1815 !important;
  color: #e8ddc8 !important;
}
 
.mw-footer, #footer {
  background: #14110f !important;
  color: #a89a7d !important;
  border-color: #3a3128 !important;
}
 
/* Table of contents (Vector 2022) + any other pinnable/Codex chrome —
* attribute-wildcard so new sub-elements in these components are covered
* without having to enumerate every exact class name. */
[class*="vector-toc"],
[class*="vector-pinnable"],
[class*="vector-dropdown"] {
  background: #1c1815 !important;
  color: #e8ddc8 !important;
  border-color: #3a3128 !important;
}
[class*="vector-toc"] a,
[class*="vector-pinnable"] a {
  color: #e8ddc8 !important;
}
[class*="vector-toc"] a:hover,
[class*="vector-pinnable"] a:hover {
  color: #c9a24b !important;
}
 
button, .cdx-button, .mw-ui-button, [class*="cdx-"] {
  background: #1c1815 !important;
  color: #e8ddc8 !important;
  border-color: #3a3128 !important;
}

Latest revision as of 22:20, 21 July 2026

/* Intentionally empty — the site theme is inlined into every page by a
   BeforePageDisplay hook (ops/wiki/scripts/apply_wiki_skin.sh). Editing
   this page has no effect on the theme. */