MediaWiki:Colors.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 {
--theme-body-dynamic-color-1: #fff;
--theme-body-dynamic-color-1--rgb: 255,255,255;
--theme-body-dynamic-color-2: #e6e6e6;
--theme-body-dynamic-color-2--rgb: 230,230,230;
--theme-page-dynamic-color-1: #fff;
--theme-page-dynamic-color-1--rgb: 255,255,255;
--theme-page-dynamic-color-1--inverted: #000;
--theme-page-dynamic-color-1--inverted--rgb: 0,0,0;
--theme-page-dynamic-color-2: #e6e6e6;
--theme-page-dynamic-color-2--rgb: 230,230,230;
--theme-sticky-nav-dynamic-color-1: #fff;
--theme-sticky-nav-dynamic-color-1--rgb: 255,255,255;
--theme-sticky-nav-dynamic-color-2: #e6e6e6;
--theme-sticky-nav-dynamic-color-2--rgb: 230,230,230;
--theme-link-dynamic-color-1: #fff;
--theme-link-dynamic-color-1--rgb: 255,255,255;
--theme-link-dynamic-color-2: #e6e6e6;
--theme-link-dynamic-color-2--rgb: 230,230,230;
--theme-accent-dynamic-color-1: #fff;
--theme-accent-dynamic-color-1--rgb: 255,255,255;
--theme-accent-dynamic-color-2: #e6e6e6;
--theme-accent-dynamic-color-2--rgb: 230,230,230;
--theme-body-background-color: #0a0200;
--theme-body-background-color--rgb: 10,2,0;
--theme-body-background-image: none;
--theme-body-text-color: #fff;
--theme-body-text-color--rgb: 255,255,255;
--theme-body-text-color--hover: #cccccc;
--theme-sticky-nav-background-color: #891100;
--theme-sticky-nav-background-color--rgb: 137,17,0;
--theme-sticky-nav-text-color: #fff;
--theme-sticky-nav-text-color--hover: #cccccc;
--theme-page-background-color: #000000;
--theme-page-background-color--rgb: 0,0,0;
--theme-page-background-color--secondary: #262626;
--theme-page-background-color--secondary--rgb: 38,38,38;
--theme-page-text-color: #e6e6e6;
--theme-page-text-color--rgb: 230,230,230;
--theme-page-text-color--hover: #b3b3b3;
--theme-page-text-mix-color: #737373;
--theme-page-text-mix-color-95: transparent;
--theme-page-accent-mix-color: #450900;
--theme-page-headings-font: 'Rubik';
--theme-link-color: #8b0000;
--theme-link-color--rgb: 139,0,0;
--theme-link-color--hover: #f10000;
--theme-link-label-color: #fff;
--subtitle-color: #c9685a;
--theme-accent-color: #891100;
--theme-accent-color--rgb: 137,17,0;
--theme-accent-color--hover: #ee1d00;
--theme-accent-color-rgba: 227,126,126;
--theme-accent-color--rgba: 228,193,121;
--theme-accent-label-color: #fff;
--theme-border-color: #3a3a3a;
--theme-border-color--rgb: 58,58,58;
--theme-alert-color: #bf0017;
--theme-alert-color--rgb: 191,0,23;
--theme-alert-color--hover: #fe2540;
--theme-alert-color--secondary: #e7001b;
--theme-alert-label: #fff;
--theme-warning-color: #cf721c;
--theme-warning-color--rgb: 207,114,28;
--theme-warning-color--secondary: #cf721c;
--theme-warning-label: #000;
--theme-success-color: #0c742f;
--theme-success-color--rgb: 12,116,47;
--theme-success-color--secondary: #0d8636;
--theme-success-label: #fff;
--theme-message-color: #8d3d7f;
--theme-message-label: #fff;
--theme-community-header-color: #FFFFFF;
--theme-community-header-color--hover: #cccccc;
--theme-background-image-opacity: 100%;
--theme-page-text-opacity-factor: 0.7;
--theme-body-text-opacity-factor: 0.7;
--theme-link-decoration: none;
--custom-tabs-default-active-color: #000000;
--custom-tabs-default-inactive-color: #000000;
--custom-tabs-default-inactive-hover-color: #000000;
--custom-tabs-default-active-bg: var(--theme-accent-color);
--custom-tabs-default-inactive-bg: rgba(var(--theme-accent-color-rgba), 0.6);
--custom-tabs-default-inactive-hover-bg: var(--theme-accent-color);
--custom-tabs-secondary-active-color: #000000;
--custom-tabs-secondary-inactive-color: #000000;
--custom-tabs-secondary-inactive-hover-color: #000000;
--custom-tabs-secondary-active-bg: #A199CF;
--custom-tabs-secondary-inactive-bg: rgba(161, 153, 207, 0.6);
--custom-tabs-secondary-inactive-hover-bg: #A199CF;
--custom-tabs-tertiary-active-color: #000000;
--custom-tabs-tertiary-inactive-color: #000000;
--custom-tabs-tertiary-inactive-hover-color: #000000;
--custom-tabs-tertiary-active-bg: #88A1FB;
--custom-tabs-tertiary-inactive-bg: rgba(136, 161, 251, 0.6);
--custom-tabs-tertiary-inactive-hover-bg: #88A1FB;
/* Highlight colors */
--color-menu: #D3BC8E;
--color-green: #2BAD00;
--color-red: #CF4029;
--color-buzz: #FFAF2A;
--color-help: #E0BB00;
--color-electric: #33B6FE;
--color-fire: #FF5623;
--color-ice: #95EAE9;
--color-orange: #ff7800;
--color-gold: #C2A30A;
--color-yellow: #EDCC2C;
--color-wind: #4BEEA7;
}
a, a:visited { color: #48b8db; }
a:hover { color: #8fe4ff; text-decoration: none; }
/* Text Colors */
.text-buzz, .text-buzz * { color: var(--color-buzz); }
.bg-buzz { background-color: var(--color-buzz); }
.text-menu, .text-menu * { color: var(--color-menu); }
.bg-menu { background-color: var(--color-menu); }
.text-green, .text-green * { color: var(--color-green); }
.bg-green { background-color: var(--color-green); }
.text-red, .text-red * { color: var(--color-red); }
.bg-red { background-color: var(--color-red); }
.bg-gold { background-color: var(--color-gold); }
.text-gold, .text-gold * { color: var(--color-gold); }
.bg-orange { background-color: var(--color-orange); }
.text-orange, .text-orange * { color: var(--color-orange); }
.bg-yellow { background-color: var(--color-yellow); }
.text-yellow, .text-yellow * { color: var(--color-yellow); }
.text-help, .text-help * { color: var(--color-help); }
.bg-help { background-color: var(--color-help); }
.text-electric, .text-electric * { color: var(--color-electric); }
.text-ice, .text-ice * { color: var(--color-ice); }
.text-fire, .text-fire * { color: var(--color-fire); }
.text-wind, .text-wind * { color: var(--color-wind); }
.text-error, .text-error * { color: var(--theme-alert-color); }