MediaWiki:Common.css

Note: After publishing, 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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

:root {
    /* Box and text colours - Default */
    --ttrpg-box-dark-default: #383431;
    --ttrpg-box-mid-default: #2e2a28;
    --ttrpg-box-bright-default: #272321;
    --ttrpg-box-bg-default: #1B1818;
    --ttrpg-box-border-default: 1px solid #917459;
    --ttrpg-box-border-faded-default: 1px solid #5C4D44;
    --ttrpg-damage-colour-physical-fg: #8c8c8c;
    /* Box and text colours - Red */
    --ttrpg-box-dark-red: #4a3034;
    --ttrpg-box-mid-red: #36282a;
    --ttrpg-box-bright-red: #2b2123;
    --ttrpg-box-bg-red: #1f1a1b;
    --ttrpg-box-border-red: 1px solid #a85050;
    --ttrpg-box-border-faded-red: 1px solid #BA8E91;
    --ttrpg-damage-colour-death-fg: #cc3333;
    /* Box and text colours - Orange*/
    --ttrpg-box-dark-orange: #40352c;
    --ttrpg-box-mid-orange: #332a25;
    --ttrpg-box-bright-orange: #29231f;
    --ttrpg-box-bg-orange: #1c1917;
    --ttrpg-box-border-orange: 1px solid #a85050;
    --ttrpg-box-border-faded-orange: 1px solid #BA8E91;
    --ttrpg-damage-colour-fire-fg: #ee5500;
    /* Box and text colours - Yellow */
    --ttrpg-box-dark-yellow: #3b3729;
    --ttrpg-box-mid-yellow: #302c20;
    --ttrpg-box-bright-yellow: #26241e;
    --ttrpg-box-bg-yellow: #1c1b17;
    --ttrpg-box-border-yellow: 1px solid #a85050;
    --ttrpg-box-border-faded-yellow: 1px solid #BA8E91;
    --ttrpg-damage-colour-life-fg: #ccaa00;
    /* Box and text colours - Yellow-green */
    --ttrpg-box-dark-yellow-green: #383827;
    --ttrpg-box-mid-yellow-green: #2e2e1d;
    --ttrpg-box-bright-yellow-green: #272321;
    --ttrpg-box-bg-yellow-green: #1c1c16;
    --ttrpg-box-border-yellow-green: 1px solid #a85050;
    --ttrpg-box-border-faded-yellow-green: 1px solid #BA8E91;
    --ttrpg-damage-colour-acid-fg: #80b000;
    /* Box and text colours - Green */
    --ttrpg-box-dark-green: #343827;
    --ttrpg-box-mid-green: #2a2e1d;
    --ttrpg-box-bright-green: #24261e;
    --ttrpg-box-bg-green: #1b1c16;
    --ttrpg-box-border-green: 1px solid #a85050;
    --ttrpg-box-border-faded-green: 1px solid #BA8E91;
    --ttrpg-damage-colour-poison-fg: #44bb00;
    /* Box and text colours - Cyan-green*/
    --ttrpg-box-dark-cyan-green: #2f3b28;
    --ttrpg-box-mid-cyan-green: #232e1d;
    --ttrpg-box-bright-cyan-green: #21261e;
    --ttrpg-box-bg-cyan-green: #181c16;
    --ttrpg-box-border-cyan-green: 1px solid #a85050;
    --ttrpg-box-border-faded-cyan-green: 1px solid #BA8E91;
    /* Box and text colours - Cyan */
    --ttrpg-box-dark-cyan: #283b39;
    --ttrpg-box-mid-cyan: #1d2e2c;
    --ttrpg-box-bright-cyan: #1e2626;
    --ttrpg-box-bg-cyan: #161c1b;
    --ttrpg-box-border-cyan: 1px solid #a85050;
    --ttrpg-box-border-faded-cyan: 1px solid #BA8E91;
    /* Box and text colours - Blue*/
    --ttrpg-box-dark-blue: #2a3a40;
    --ttrpg-box-mid-blue: #202f33;
    --ttrpg-box-bright-blue: #1e2426;
    --ttrpg-box-bg-blue: #161a1c;
    --ttrpg-box-border-blue: 1px solid #a85050;
    --ttrpg-box-border-faded-blue: 1px solid #BA8E91;
    --ttrpg-damage-colour-cold-fg: #3399cc;
    /* Box and text colours - Indigo */
    --ttrpg-box-dark-indigo: #2e374a;
    --ttrpg-box-mid-indigo: #262c38;
    --ttrpg-box-bright-indigo: #21242b;
    --ttrpg-box-bg-indigo: #191a1f;
    --ttrpg-box-border-indigo: 1px solid #a85050;
    --ttrpg-box-border-faded-indigo: 1px solid #BA8E91;
    --ttrpg-damage-colour-lightning-fg: #3366cc;
    /* Box and text colours - Violet */
    --ttrpg-box-dark-violet: #402f4d;
    --ttrpg-box-mid-violet: #33273b;
    --ttrpg-box-bright-violet: #27212b;
    --ttrpg-box-bg-violet: #1c191f;
    --ttrpg-box-border-violet: 1px solid #a85050;
    --ttrpg-box-border-faded-violet: 1px solid #BA8E91;
    --ttrpg-damage-colour-thunder-fg: #8844bb;
    /* Box and text colours - Magenta*/
    --ttrpg-box-dark-magenta: #4a2e42;
    --ttrpg-box-mid-magenta: #3b2636;
    --ttrpg-box-bright-magenta: #2b2129;
    --ttrpg-box-bg-magenta: #1f191e;
    --ttrpg-box-border-magenta: 1px solid #a85050;
    --ttrpg-box-border-faded-magenta: 1px solid #BA8E91;
    --ttrpg-damage-colour-psychic-fg: #cc77aa;
    /* Bright colours */
    --ttrpg-damage-colour-physical-fg-bright: #8c8c8c;
    --ttrpg-damage-colour-death-fg-bright: #cc3333;
    --ttrpg-damage-colour-fire-fg-bright: #ee5500;
    --ttrpg-damage-colour-life-fg-bright: #ccaa00;
    --ttrpg-damage-colour-acid-fg-bright: #80b000;
    --ttrpg-damage-colour-poison-fg-bright: #44bb00;
    --ttrpg-damage-colour-cold-fg-bright: #3399cc;
    --ttrpg-damage-colour-lightning-fg-bright: #3366cc;
    --ttrpg-damage-colour-thunder-fg-bright: #8844bb;
    --ttrpg-damage-colour-psychic-fg-bright: #cc77aa;
    /* Temporary fix for ui link color issues */
    --ttrpg-ui-menu-item-a: white;
    /* Variables with the dark suffix are intended for detail elements within the contents of pages, such as tabbers, infoboxes, amboxes and tables. These are darker than other elements. */
    /* Intended for very large boxed elemetns that cover an entire page. */
    --ttrpg-tooltip-doc-bg: #2b2a28;
    --ttrpg-tooltip-bg: #1B1A19;
    /* Intended for accents like headers or titles */
    --ttrpg-accent: #211e1c;
    --ttrpg-accent-bg: #211e1c;
    --ttrpg-accent-dark-bg: #232324;
    --ttrpg-accent-text: var(--fg);
    /* Intended for labels in boxes */
    --ttrpg-label-bg: #2f2b28;
    --ttrpg-label-border: 2px solid #232323;
    --ttrpg-label-dark-bg: #171717;
    --ttrpg-label-dark-border: 1px solid #1f1d1c;
    /* Intended for data elements in boxes, where its contents are displayed. */
    --ttrpg-data-bg: #232323;
    --ttrpg-data-border: 1px solid #4d4a46;
    --ttrpg-data-row-even-bg: #272727;
    --ttrpg-data-row-odd-bg: var(--bg-main);
    --ttrpg-data-dark-bg: #1f1e1e;
    --ttrpg-data-dark-border: 1px solid #242322;
    /* Intended for detail elements in boxes */
    --ttrpg-detail-bg: #1b1b1b;
    --ttrpg-detail-dark-bg: #121212;
    --ttrpg-detail-dark-border: 2px solid #121212;
    /* Relative location */
    --ttrpg-relative-location-bg: var(--ttrpg-data-dark-bg);
    --ttrpg-relative-location-header-bg-dark: var(--ttrpg-accent-dark-bg);
    /* Old Navbox colours. Will be removed. */
    --ttrpg-navbox-bg: var(--bg-dark);
    --ttrpg-navbox-bg: var(--bg-dark);
    --ttrpg-navbox-header-bg: var(--ttrpg-accent);
    --ttrpg-navbox-header-text: var(--ttrpg-accent-text);
    --ttrpg-navbox-header-secondary-bg: #28201B;
    --ttrpg-gameplay-navbox-bg: #302d2d;
    --ttrpg-gameplay-navbox-header-bg: #241f1f;
    /* css tooltip colours */
    --aria-label-tooltip-bg: hsl(200deg 5% 10%);
    --aria-label-tooltip-fg: hsl(0deg 0% 90%);
    --aria-label-tooltip-border: none;
    /* Documentation */
    --ttrpg-documentation-bg: var(--ttrpg-tooltip-doc-bg);
    --ttrpg-documentation-border: var(--ttrpg-tooltip-border);
    --ttrpg-documentation-header-bg: var(--bg-dark);
    /* Tab bar */
    --ttrpg-tabbar-bg: var(--ttrpg-data-dark-bg);
    --ttrpg-tabbar-active-color: var(--fgt);
    --ttrpg-tabbar-active-bg: var(--ttrpg-accent-dark-bg);
    /* License */
    --ttrpg-license-color: rgb(210,210,210);
    /* Spoiler warning */
    --ttrpg-spoiler-warning-start: #443E20;
    --ttrpg-spoiler-warning-end: #232323;
    --ttrpg-spoiler-warning-strong-color: #ebb73f;
    /* Widget:lower city map */
    --ttrpg-lower-city-map-bg: var(--bg-dark);
    --ttrpg-lower-city-map-inner-bg: var(--bg-main);
    /* Toc */
    --toc-subheader-border-color: var(--ttrpg-tooltip-border);
    /* Tables */
    --ttrpg-wikitable-bg: var(--ttrpg-data-dark-bg);
    --ttrpg-wikitable-header-bg: var(--ttrpg-label-dark-bg);
    --ttrpg-wikitable-border: var(--ttrpg-data-border);
    --ttrpg-wikitable-muted-bg: var(--bg3-wiki-label-dark-bg);
    --ttrpg-wikitable-muted-border: var(--ttrpg-data-border-bg);
    /* Quotes */
    --ttrpg-blockquote-marks: #C1A878;
    /* Hatnotes */
    --ttrpg-hatnote-bg: inherit;
    --ttrpg-hatnote-font-style: italic;
    --ttrpg-hatnote-font-size: inherit;
    --ttrpg-hatnote-padding: 0 1.6em 0.4em 1.6em;
    --ttrpg-hatnote-margin: 0 0 0.4em 0;
    /* Resistance colours */
    --ttrpg-imagetext-text-resistant-color: #a9f5f0;
    --ttrpg-imagetext-text-immune-color: #e8e29e;
    --ttrpg-imagetext-text-vulnerable-color: #ff476c;
    /* Character info colours. Outdated. Will removed with the template. */
    --ttrpg-characterinfo-bg: #1B1B1B;
    --ttrpg-characterinfo-color: #C1A886;
    --ttrpg-characterinfo-border: 1px solid #785000;
    --ttrpg-characterinfo-header-bg:  #281C14;
    --ttrpg-characterinfo-header-color: #C1A886;
    --ttrpg-characterinfo-subheader-bg:  #1B1B1B;
    --ttrpg-characterinfo-subheader-color: #C1A886;
    /* Infobox colours */
    --ttrpg-box-header-bg: var(--ttrpg-accent-dark-bg);
    --ttrpg-box-label-bg: var(--ttrpg-label-dark-bg);
    --ttrpg-box-label-border: var(--ttrpg-label-dark-border);
    --ttrpg-box-data-bg: var(--ttrpg-data-dark-bg);
    --ttrpg-box-data-border: var(--ttrpg-data-dark-border);
    --ttrpg-box-detail-bg: var(--ttrpg-detail-dark-bg);
    --ttrpg-box-detail-border: var(--ttrpg-detail-dark-border);
    --ttrpg-box-border: 1px solid #785000;
    --ttrpg-box-accent-dark-border: 1px solid #121212;
    /* Navbox colours. */
    --ttrpg-navbox-data-bg: var(--ttrpg-data-row-even-bg);
    --ttrpg-navbox-data-row-even-bg: var(--ttrpg-data-row-even-bg);
    --ttrpg-navbox-data-row-odd-bg: var(--ttrpg-data-row-odd-bg);
    --ttrpg-navbox-header-bg: var(--ttrpg-accent-bg);
    --ttrpg-navbox-label-bg: var(--ttrpg-label-bg);
    --ttrpg-navbox-label-border: var(--ttrpg-label-border);
    --ttrpg-navbox-sublabel-bg: #3b3632;
    /* Ambox. */
    --ttrpg-ambox-bg: var(--ttrpg-data-dark-bg);
}

/* Disable switching to light theme */
#skin-client-prefs-skin-theme {
	display: none;
}