From Arms of God Wiki
No edit summary |
Arms of God dark theme (WM-BLOCK) |
||
| Line 112: | Line 112: | ||
.catlinks{ | .catlinks{ | ||
background: var(--infobox-bg); | background: var(--infobox-bg); | ||
} | |||
/* WM-BLOCK-END armsofgod-theme */ | |||
/* WM-BLOCK-BEGIN armsofgod-theme */ | |||
/* =================================================================== | |||
Arms of God — dark theme (paste into MediaWiki:Common.css). | |||
The skin darkens the page to rgba(0,0,0,0.7) with light body text; | |||
these tokens make every pipeline-shipped panel (infobox, navbox, | |||
index/comparison wikitables, callouts, badges) match it. | |||
All bot-published pages reference these tokens inline as | |||
var(--token, <dark fallback>) — once this block is live the tokens | |||
below win, and editing a value here restyles the whole wiki. | |||
If you re-paste an updated version, replace everything between the | |||
WM-BLOCK-BEGIN / WM-BLOCK-END markers. | |||
=================================================================== */ | |||
:root { | |||
/* base palette */ | |||
--theme-primary: #26272e; | |||
--theme-accent: #f1e9d2; | |||
/* infobox */ | |||
--infobox-bg: #1c1d22; | |||
--infobox-border: #3a3c44; | |||
--infobox-header-bg: #26272e; | |||
--infobox-header-fg: #f1e9d2; | |||
--infobox-text: #e6e6e6; | |||
/* navbox */ | |||
--navbox-bar-bg: #26272e; | |||
--navbox-bar-fg: #f1e9d2; | |||
--navbox-bg: #1c1d22; | |||
--navbox-text: #dcdcdc; | |||
--navbox-border: #3a3c44; | |||
/* tables (category indexes, comparison tables, navbox bodies) */ | |||
--table-header-bg: #26272e; | |||
--table-row-odd: #1b1c20; | |||
--table-row-even: #202127; | |||
--table-text: #e6e6e6; | |||
--table-border: #3a3c44; | |||
--table-row-hover: #2a2c34; | |||
/* links on dark */ | |||
--link-fg: #7db8ff; | |||
/* weapon/blessing/upgrade/passive tier badges (manifest rarity colors) */ | |||
--tier-1-bg: #bbbbbb; | |||
--tier-2-bg: #69c343; | |||
--tier-3-bg: #e94040; | |||
/* damage-type accents (elemental chips in infoboxes + comparison cells) */ | |||
--dmg-holy: #e8c34a; | |||
--dmg-fire: #ff6b35; | |||
--dmg-electric: #4ea3ff; | |||
/* callouts */ | |||
--tip-bg: rgba(255, 255, 255, 0.05); | |||
--tip-border: #69c343; | |||
--cursed-fg: #ff6b6b; | |||
/* panels: template /doc boxes, disambig notes, edit notices, needs-image */ | |||
--panel-bg: #1c1d22; | |||
--panel-border: #3a3c44; | |||
--panel-text: #e6e6e6; | |||
} | |||
/* ---- wikitables: indexes, comparison tables, navbox bodies ---------- */ | |||
.mw-parser-output .wikitable { | |||
background: var(--table-row-odd); | |||
color: var(--table-text); | |||
border-color: var(--table-border); | |||
} | |||
.mw-parser-output .wikitable > tr > th, | |||
.mw-parser-output .wikitable > * > tr > th { | |||
background: var(--table-header-bg); | |||
color: var(--infobox-header-fg); | |||
border-color: var(--table-border); | |||
} | |||
.mw-parser-output .wikitable > tr > td, | |||
.mw-parser-output .wikitable > * > tr > td { | |||
border-color: var(--table-border); | |||
} | |||
.mw-parser-output .wikitable > * > tr:nth-child(even) > td { | |||
background: var(--table-row-even); | |||
} | |||
.mw-parser-output .wikitable > * > tr:hover > td { | |||
background: var(--table-row-hover); | |||
} | |||
/* keep the sortable arrows readable on the dark header */ | |||
.client-js .mw-parser-output .wikitable.sortable th { | |||
color: var(--infobox-header-fg); | |||
} | |||
/* ---- infobox -------------------------------------------------------- */ | |||
.mw-parser-output .infobox { | |||
background: var(--infobox-bg); | |||
color: var(--infobox-text); | |||
border-color: var(--infobox-border); | |||
} | |||
/* ---- navbox ---------------------------------------------------------- */ | |||
.mw-parser-output .navbox { | |||
background: var(--navbox-bg); | |||
color: var(--navbox-text); | |||
border-color: var(--navbox-border); | |||
} | |||
.mw-parser-output .navbox-bar { | |||
background: var(--navbox-bar-bg); | |||
color: var(--navbox-bar-fg); | |||
} | |||
/* ---- links: readable blue on dark; redlinks lightened ---------------- */ | |||
.mw-parser-output a:not(.new):not(.external) { color: var(--link-fg); } | |||
.mw-parser-output a.new { color: #ff8080; } | |||
/* ---- tier badges + damage-type chips (class hooks) ------------------- */ | |||
.wm-badge { display: inline-block; padding: 1px 8px; border-radius: 3px; | |||
font-size: 0.85em; font-weight: bold; } | |||
.wm-badge-tier1 { background: var(--tier-1-bg); color: #111; } | |||
.wm-badge-tier2 { background: var(--tier-2-bg); color: #111; } | |||
.wm-badge-tier3 { background: var(--tier-3-bg); color: #fff; } | |||
.wm-dmg-holy { color: var(--dmg-holy); } | |||
.wm-dmg-fire { color: var(--dmg-fire); } | |||
.wm-dmg-electric { color: var(--dmg-electric); } | |||
/* ---- callouts ({{Tip}}) ---------------------------------------------- */ | |||
.wm-callout { | |||
background: var(--tip-bg); | |||
color: var(--table-text); | |||
border-color: var(--tip-border); | |||
} | |||
/* ---- panels: /doc boxes, disambig, edit notices, needs-image ---------- */ | |||
.mw-parser-output .wm-template-doc, .wm-template-doc, | |||
.mw-parser-output .wm-disambig, .wm-disambig, | |||
.mw-parser-output .wm-needs-image, .wm-needs-image, | |||
.editnotice { | |||
background: var(--panel-bg); | |||
color: var(--panel-text); | |||
border-color: var(--panel-border); | |||
} | |||
.mw-parser-output .wm-quote, .wm-quote { | |||
border-left-color: var(--panel-border); | |||
} | } | ||
/* WM-BLOCK-END armsofgod-theme */ | /* WM-BLOCK-END armsofgod-theme */ | ||
Revision as of 05:41, 10 June 2026
:root {
/* base palette */
--theme-primary: #26272e;
--theme-accent: #f1e9d2;
/* infobox */
--infobox-bg: #1c1d22;
--infobox-border: #3a3c44;
--infobox-header-bg: #26272e;
--infobox-header-fg: #f1e9d2;
--infobox-text: #e6e6e6;
/* navbox */
--navbox-bar-bg: #26272e;
--navbox-bar-fg: #f1e9d2;
--navbox-bg: #1c1d22;
--navbox-text: #dcdcdc;
--navbox-border: #3a3c44;
/* tables (category indexes, comparison tables, navbox bodies) */
--table-header-bg: #26272e;
--table-row-odd: #1b1c20;
--table-row-even: #202127;
--table-text: #e6e6e6;
--table-border: #3a3c44;
--table-row-hover: #2a2c34;
/* links on dark */
--link-fg: #7db8ff;
/* weapon/blessing/upgrade/passive tier badges (manifest rarity colors) */
--tier-1-bg: #bbbbbb;
--tier-2-bg: #69c343;
--tier-3-bg: #e94040;
/* damage-type accents (elemental chips in infoboxes + comparison cells) */
--dmg-holy: #e8c34a;
--dmg-fire: #ff6b35;
--dmg-electric: #4ea3ff;
/* callouts */
--tip-bg: rgba(255, 255, 255, 0.05);
--tip-border: #69c343;
--cursed-fg: #ff6b6b;
}
/* ---- wikitables: indexes, comparison tables, navbox bodies ---------- */
.mw-parser-output .wikitable {
background: var(--table-row-odd);
color: var(--table-text);
border-color: var(--table-border);
}
.mw-parser-output .wikitable > tr > th,
.mw-parser-output .wikitable > * > tr > th {
background: var(--table-header-bg);
color: var(--infobox-header-fg);
border-color: var(--table-border);
}
.mw-parser-output .wikitable > tr > td,
.mw-parser-output .wikitable > * > tr > td {
border-color: var(--table-border);
}
.mw-parser-output .wikitable > * > tr:nth-child(even) > td {
background: var(--table-row-even);
}
.mw-parser-output .wikitable > * > tr:hover > td {
background: var(--table-row-hover);
}
/* keep the sortable arrows readable on the dark header */
.client-js .mw-parser-output .wikitable.sortable th {
color: var(--infobox-header-fg);
}
/* ---- infobox -------------------------------------------------------- */
.mw-parser-output .infobox {
background: var(--infobox-bg);
color: var(--infobox-text);
border-color: var(--infobox-border);
}
/* ---- navbox ---------------------------------------------------------- */
.mw-parser-output .navbox {
background: var(--navbox-bg);
color: var(--navbox-text);
border-color: var(--navbox-border);
}
.mw-parser-output .navbox-bar {
background: var(--navbox-bar-bg);
color: var(--navbox-bar-fg);
}
/* ---- links: readable blue on dark; redlinks lightened ---------------- */
.mw-parser-output a:not(.new):not(.external) { color: var(--link-fg); }
.mw-parser-output a.new { color: #ff8080; }
/* ---- tier badges + damage-type chips (class hooks) ------------------- */
.wm-badge { display: inline-block; padding: 1px 8px; border-radius: 3px;
font-size: 0.85em; font-weight: bold; }
.wm-badge-tier1 { background: var(--tier-1-bg); color: #111; }
.wm-badge-tier2 { background: var(--tier-2-bg); color: #111; }
.wm-badge-tier3 { background: var(--tier-3-bg); color: #fff; }
.wm-dmg-holy { color: var(--dmg-holy); }
.wm-dmg-fire { color: var(--dmg-fire); }
.wm-dmg-electric { color: var(--dmg-electric); }
/* ---- callouts ({{Tip}}) ---------------------------------------------- */
.wm-callout {
background: var(--tip-bg);
color: var(--table-text);
}
.catlinks{
background: var(--infobox-bg);
}
/* WM-BLOCK-END armsofgod-theme */
/* WM-BLOCK-BEGIN armsofgod-theme */
/* ===================================================================
Arms of God — dark theme (paste into MediaWiki:Common.css).
The skin darkens the page to rgba(0,0,0,0.7) with light body text;
these tokens make every pipeline-shipped panel (infobox, navbox,
index/comparison wikitables, callouts, badges) match it.
All bot-published pages reference these tokens inline as
var(--token, <dark fallback>) — once this block is live the tokens
below win, and editing a value here restyles the whole wiki.
If you re-paste an updated version, replace everything between the
WM-BLOCK-BEGIN / WM-BLOCK-END markers.
=================================================================== */
:root {
/* base palette */
--theme-primary: #26272e;
--theme-accent: #f1e9d2;
/* infobox */
--infobox-bg: #1c1d22;
--infobox-border: #3a3c44;
--infobox-header-bg: #26272e;
--infobox-header-fg: #f1e9d2;
--infobox-text: #e6e6e6;
/* navbox */
--navbox-bar-bg: #26272e;
--navbox-bar-fg: #f1e9d2;
--navbox-bg: #1c1d22;
--navbox-text: #dcdcdc;
--navbox-border: #3a3c44;
/* tables (category indexes, comparison tables, navbox bodies) */
--table-header-bg: #26272e;
--table-row-odd: #1b1c20;
--table-row-even: #202127;
--table-text: #e6e6e6;
--table-border: #3a3c44;
--table-row-hover: #2a2c34;
/* links on dark */
--link-fg: #7db8ff;
/* weapon/blessing/upgrade/passive tier badges (manifest rarity colors) */
--tier-1-bg: #bbbbbb;
--tier-2-bg: #69c343;
--tier-3-bg: #e94040;
/* damage-type accents (elemental chips in infoboxes + comparison cells) */
--dmg-holy: #e8c34a;
--dmg-fire: #ff6b35;
--dmg-electric: #4ea3ff;
/* callouts */
--tip-bg: rgba(255, 255, 255, 0.05);
--tip-border: #69c343;
--cursed-fg: #ff6b6b;
/* panels: template /doc boxes, disambig notes, edit notices, needs-image */
--panel-bg: #1c1d22;
--panel-border: #3a3c44;
--panel-text: #e6e6e6;
}
/* ---- wikitables: indexes, comparison tables, navbox bodies ---------- */
.mw-parser-output .wikitable {
background: var(--table-row-odd);
color: var(--table-text);
border-color: var(--table-border);
}
.mw-parser-output .wikitable > tr > th,
.mw-parser-output .wikitable > * > tr > th {
background: var(--table-header-bg);
color: var(--infobox-header-fg);
border-color: var(--table-border);
}
.mw-parser-output .wikitable > tr > td,
.mw-parser-output .wikitable > * > tr > td {
border-color: var(--table-border);
}
.mw-parser-output .wikitable > * > tr:nth-child(even) > td {
background: var(--table-row-even);
}
.mw-parser-output .wikitable > * > tr:hover > td {
background: var(--table-row-hover);
}
/* keep the sortable arrows readable on the dark header */
.client-js .mw-parser-output .wikitable.sortable th {
color: var(--infobox-header-fg);
}
/* ---- infobox -------------------------------------------------------- */
.mw-parser-output .infobox {
background: var(--infobox-bg);
color: var(--infobox-text);
border-color: var(--infobox-border);
}
/* ---- navbox ---------------------------------------------------------- */
.mw-parser-output .navbox {
background: var(--navbox-bg);
color: var(--navbox-text);
border-color: var(--navbox-border);
}
.mw-parser-output .navbox-bar {
background: var(--navbox-bar-bg);
color: var(--navbox-bar-fg);
}
/* ---- links: readable blue on dark; redlinks lightened ---------------- */
.mw-parser-output a:not(.new):not(.external) { color: var(--link-fg); }
.mw-parser-output a.new { color: #ff8080; }
/* ---- tier badges + damage-type chips (class hooks) ------------------- */
.wm-badge { display: inline-block; padding: 1px 8px; border-radius: 3px;
font-size: 0.85em; font-weight: bold; }
.wm-badge-tier1 { background: var(--tier-1-bg); color: #111; }
.wm-badge-tier2 { background: var(--tier-2-bg); color: #111; }
.wm-badge-tier3 { background: var(--tier-3-bg); color: #fff; }
.wm-dmg-holy { color: var(--dmg-holy); }
.wm-dmg-fire { color: var(--dmg-fire); }
.wm-dmg-electric { color: var(--dmg-electric); }
/* ---- callouts ({{Tip}}) ---------------------------------------------- */
.wm-callout {
background: var(--tip-bg);
color: var(--table-text);
border-color: var(--tip-border);
}
/* ---- panels: /doc boxes, disambig, edit notices, needs-image ---------- */
.mw-parser-output .wm-template-doc, .wm-template-doc,
.mw-parser-output .wm-disambig, .wm-disambig,
.mw-parser-output .wm-needs-image, .wm-needs-image,
.editnotice {
background: var(--panel-bg);
color: var(--panel-text);
border-color: var(--panel-border);
}
.mw-parser-output .wm-quote, .wm-quote {
border-left-color: var(--panel-border);
}
/* WM-BLOCK-END armsofgod-theme */