MediaWiki:Common.css: Difference between revisions

Latest revision as of 14:41, 22 April 2026

/* CSS placed here will be applied to all skins */
/* ================================================================
   House Subconium Wiki — Common.css
   Citizen skin color overrides
   Charcoal + muted gold, dark background
   ================================================================ */

:root {
    --color-accent: #c8a96e;
    --color-accent-hover: #d4b97e;
    --color-accent-subtle: #a08848;
    --color-accent-light: #2a2820;
    --color-surface: #1a1a16;
    --color-surface-alt: #222218;
    --color-border: #3a3830;
    --color-text-primary: #e8e4d8;
    --color-text-secondary: #b8b4a8;
    --color-text-muted: #786e5e;
}

/* Citizen skin variable overrides */
:root {
    --color-primary: #c8a96e;
    --color-primary--hover: #d4b97e;
    --color-link: #c8a96e;
    --color-link--visited: #a08848;
    --color-link--active: #d4b97e;
    --color-link--new: #c86e6e;
}

/* Page background */
body {
    background-color: #111110;
    color: #e8e4d8;
}

/* Content area */
.citizen-page-container,
#mw-content-text,
.mw-parser-output {
    background-color: #1a1a16;
    color: #e8e4d8;
}

/* Header */
.citizen-header {
    background-color: #0d0d0b;
    border-bottom: 2px solid #c8a96e;
}

.citizen-wordmark__text,
.citizen-header__title {
    color: #e8e4d8 !important;
}

/* Navigation sidebar */
.citizen-drawer {
    background-color: #0d0d0b;
    border-right: 1px solid #2a2820;
}

.citizen-nav__item a,
.citizen-drawer a {
    color: #b8b4a8;
}

.citizen-nav__item a:hover,
.citizen-drawer a:hover {
    color: #c8a96e;
    background-color: #1e1e1a;
}

.citizen-nav__item--active a {
    color: #c8a96e !important;
    border-left: 3px solid #c8a96e;
}

/* Page title */
#firstHeading,
.citizen-page-heading h1 {
    color: #e8e4d8;
    border-bottom: 1px solid #c8a96e;
    padding-bottom: 0.4rem;
}

/* Links */
a,
a:link {
    color: #c8a96e;
}

a:visited {
    color: #a08848;
}

a:hover {
    color: #d4b97e;
    text-decoration: underline;
}

/* Red links */
a.new,
a.new:visited {
    color: #c86e6e;
}

/* Infoboxes */
table.infobox {
    background-color: #1e1e1a;
    border: 1px solid #3a3830;
    border-top: 3px solid #c8a96e;
    color: #e8e4d8;
}

table.infobox th {
    background-color: #252520;
    color: #c8a96e;
    font-weight: 500;
    border-bottom: 1px solid #3a3830;
}

table.infobox td {
    background-color: #1e1e1a;
    color: #e8e4d8;
    border-bottom: 1px solid #2a2820;
}

/* Section headings */
h2 {
    border-bottom: 1px solid #3a3830;
    color: #e8e4d8;
}

h3 {
    color: #c8a96e;
}

h4 {
    color: #b8b4a8;
}

/* Wikitables */
table.wikitable {
    background-color: #1e1e1a;
    border: 1px solid #3a3830;
    color: #e8e4d8;
}

table.wikitable th {
    background-color: #252520;
    color: #c8a96e;
    border: 1px solid #3a3830;
}

table.wikitable td {
    border: 1px solid #2a2820;
    background-color: #1e1e1a;
    color: #e8e4d8;
}

table.wikitable tr:nth-child(even) td {
    background-color: #222218;
}

/* Category links */
.mw-normal-catlinks {
    background-color: #1e1e1a;
    border: 1px solid #3a3830;
    border-left: 3px solid #c8a96e;
    color: #b8b4a8;
}

.mw-normal-catlinks a {
    color: #c8a96e;
}

/* Search bar */
.citizen-search__input {
    background-color: #252520;
    border: 1px solid #3a3830;
    color: #e8e4d8;
}

.citizen-search__input:focus {
    border-color: #c8a96e;
    outline: none;
    box-shadow: 0 0 0 2px rgba(200, 169, 110, 0.2);
}

/* Footer */
.citizen-footer {
    background-color: #0d0d0b;
    border-top: 2px solid #c8a96e;
    color: #786e5e;
}

.citizen-footer a {
    color: #c8a96e;
}

/* Blockquotes */
blockquote {
    border-left: 3px solid #c8a96e;
    background-color: #1e1e1a;
    padding: 0.75rem 1rem;
    color: #b8b4a8;
    font-style: italic;
}

/* TOC */
#toc {
    background-color: #1e1e1a;
    border: 1px solid #3a3830;
    border-left: 3px solid #c8a96e;
    color: #e8e4d8;
}

#toc a {
    color: #c8a96e;
}

#toc .toctitle {
    color: #e8e4d8;
}

/* Edit / action tabs */
.citizen-page-actions__menu-item a,
.citizen-actions__item a {
    color: #b8b4a8;
}

.citizen-page-actions__menu-item a:hover,
.citizen-actions__item a:hover {
    color: #c8a96e;
}

/* Plain text paragraphs */
p, li, dd, dt {
    color: #e8e4d8;
}

/* Horizontal rules */
hr {
    border-color: #3a3830;
}

/* Code */
code, pre {
    background-color: #252520;
    color: #c8a96e;
    border: 1px solid #3a3830;
}

/* Force dark backgrounds on elements that are reverting to light */
.citizen-content,
.citizen-content-container,
.mw-body,
.mw-body-content,
#content,
#mw-content-text .mw-parser-output,
.skin-citizen .mw-body,
.skin-citizen #content {
    background-color: #1a1a16 !important;
    color: #e8e4d8 !important;
}

/* Force all plain text dark */
.skin-citizen p,
.skin-citizen li,
.skin-citizen dd,
.skin-citizen dt,
.skin-citizen span,
.skin-citizen td,
.skin-citizen th,
.skin-citizen label {
    color: #e8e4d8 !important;
}

/* Override any white backgrounds */
.skin-citizen .mw-body {
    background-color: #111110 !important;
}

/* Fix infobox text specifically */
table.infobox,
table.infobox th,
table.infobox td,
table.infobox tr {
    color: #e8e4d8 !important;
}

/* Fix wikitable text */
table.wikitable,
table.wikitable th,
table.wikitable td {
    color: #e8e4d8 !important;
}