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.
/* Heimu Colors */
:root {
--light-heimu-background-color: black;
--light-heimu-text-color: white;
--light-heimu-link-color: var(--theme-link-color);
--light-heimu-redlink-color: var(--theme-alert-color);
--dark-heimu-background-color: black;
--dark-heimu-text-color: white;
--dark-heimu-link-color: var(--theme-link-color);
--dark-heimu-redlink-color: var(--theme-alert-color);
}
/* Light Theme */
.theme-fandomdesktop-light span.heimu,
.theme-fandomdesktop-light span.heimu rt,
.theme-fandomdesktop-light span.heimu sub,
.theme-fandomdesktop-light span.heimu sup,
.theme-fandomdesktop-light span.heimu img {
background-color: var(--light-heimu-background-color);
filter: brightness(0);
transition: filter 0.125s linear;
color: var(--light-heimu-text-color);
}
.theme-fandomdesktop-light span.heimu a,
.theme-fandomdesktop-light span.heimu a.extiw,
.theme-fandomdesktop-light span.heimu a.external,
.theme-fandomdesktop-light span.heimu a.mw-disambig,
.theme-fandomdesktop-light span.heimu a.mw-redirect {
color: var(--light-heimu-link-color);
}
.theme-fandomdesktop-light span.heimu a.new {
color: var(--light-heimu-redlink-color);
}
/* Dark Theme */
.theme-fandomdesktop-dark span.heimu,
.theme-fandomdesktop-dark span.heimu rt,
.theme-fandomdesktop-dark span.heimu sub,
.theme-fandomdesktop-dark span.heimu sup,
.theme-fandomdesktop-dark span.heimu img {
background-color: var(--dark-heimu-background-color);
filter: brightness(0);
transition: filter 0.125s linear;
color: var(--dark-heimu-text-color);
}
.theme-fandomdesktop-dark span.heimu a,
.theme-fandomdesktop-dark span.heimu a.extiw,
.theme-fandomdesktop-dark span.heimu a.external,
.theme-fandomdesktop-dark span.heimu a.mw-disambig,
.theme-fandomdesktop-dark span.heimu a.mw-redirect {
color: var(--dark-heimu-link-color);
}
.theme-fandomdesktop-dark span.heimu a.new {
color: var(--dark-heimu-redlink-color);
}
/* Brightness Transition */
/* .heimu-toggle is for HeimuToggle */
span.heimu.heimu-toggled,
span.heimu.heimu-toggled rt,
span.heimu.heimu-toggled sub,
span.heimu.heimu-toggled sup,
span.heimu.heimu-toggled img,
span.heimu:hover,
span.heimu:hover rt,
span.heimu:hover sub,
span.heimu:hover sup,
span.heimu:hover img,
a:hover span.heimu,
a:hover span.heimu rt,
a:hover span.heimu sub,
a:hover span.heimu sup,
a:hover span.heimu img {
filter: brightness(1);
}