MediaWiki:Colors.css
Jump to navigation
Jump to search
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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
:root { /* would use .skin-vector-light but there can be neither applied since its JS based so default lightmode */
--theme-page-text-color: #43403D; /* lighter body font */
/* Custom variables */
--theme-alt-text: #FFF;
--theme-accent-bg: #E2EEF2;
--theme-infobox-bg: #FCFAF9;
--color-player: #69ac52;
--color-accent: #d89e43;
--card-bg-main: #F6E6CF;
--card-bg-sub: #E9CDA2;
--letter-bg: #FAF3EA;
/* User highlight */
--custom-admin-highlight: #c05822;
--custom-contentmoderator-highlight: #6368e6;
--custom-bot-color: #999999;
--custom-bot-font-style: italic;
}
:root .skin-vector-dark {
--theme-page-text-color: #FFFFFF;
/* Custom variables */
--theme-alt-text: #383533;
--theme-accent-bg: #403F3F;
--theme-infobox-bg: #222020;
--color-player: #69ac52;
--color-accent: #d89e43;
--card-bg-main: #2C2C2C;
--card-bg-sub: #474746;
--letter-bg: #1C1A1A;
/* Recolor red links */
--theme-alert-color: #EF4F4F;
--theme-alert-color--rgb: rgb(239,79,79);
--theme-alert-color--hover: #D04545;
/* User highlight */
--custom-admin-highlight: #F6816C;
--custom-contentmoderator-highlight: #8796ff;
--custom-bot-color: #999999;
--custom-bot-font-style: italic;
}
/* Darker version of alert */
.skin-vector-dark {
--theme-alert-highlight: #a90000;
--theme-alert-highlight--rgb: rgb(169, 0, 0);
--theme-alert-highlight--hover: #c30000;
}
/* Set page text color */
h1, h2, h3, h4, h5, h6, .mw-body {
color: var(--theme-page-text-color);
}
/* Change color of classes that used alert-color as bg color */
.skin-vector-dark #mw-notification-area.mw-notification.mw-notification-type-error,
.skin-vector-dark .postedit.mw-notification.mw-notification-type-error,
.skin-vector-dark .wds-table-td-alert,
.skin-vector-dark .diff td.diff-deletedline .diffchange {
background-color: var(--theme-alert-highlight);
}
.text-error {
color: var(--theme-alert-highlight);
}
/* For [[Template:Color]] */
.text-player, .text-player * { color: var(--color-player); }
.bg-player { background-color: var(--color-player); }
.text-accent, .text-accent * { color: var(--color-accent); }
.bg-accent { background-color: var(--color-accent); }
/*
USER HIGHLIGHT
Please keep list alphabetized
*/
/* Admin */
a[href="https://coralisland.wiki/wiki/User:Mikevoir"], a[href="/wiki/User:Mikevoir"], a[href="/wiki/Special:Contributions/Mikevoir"],
a[href="https://coralisland.wiki/wiki/User:Novell"], a[href="/wiki/User:Novell"], a[href="/wiki/Special:Contributions/Novell"],
a[href="https://coralisland.wiki/wiki/User:Salty_Nori"], a[href="/wiki/User:Salty_Nori"], a[href="/wiki/Special:Contributions/Salty_Nori"]
{
color: var(--custom-admin-highlight);
}
/* Content moderator
a[href="https://coralisland.wiki/wiki/User:NAME"], a[href="/wiki/User:NAME"], a[href="/wiki/Special:Contributions/NAME"]
{
color: var(--custom-contentmoderator-highlight);
}
*/
/* Bots */
a[href="https://coralisland.wiki/wiki/User:NoriBot"], a[href="/wiki/User:NoriBot"], a[href="/wiki/Special:Contributions/NoriBot"],
a[href="https://coralisland.wiki/wiki/User:VoirBot"], a[href="/wiki/User:VoirBot"], a[href="/wiki/Special:Contributions/VoirBot"]
{
color: var(--custom-bot-color);
font-style: var(--custom-bot-font-style);
}