Template:MomoTalk/style.css: Difference between revisions
Dark mode adjustments for MomoTalks
PetraMagna (talk | contribs) m (finally replace the ugly color) |
(Dark mode adjustments for MomoTalks) |
||
Line 170:
height: auto;
max-width: 400px;
}
/*
Dark mode adjustments. Resets the invert and hue-rotate filters for certain UI
elements in the MomoTalk panel. This will almost definitely need adjustment
if/when a custom dark mode will be implemented for the wiki.
*/
.client-darkmode:not(.mw-invert) .momotalk-container .momotalk-top,
.client-darkmode:not(.mw-invert) .momotalk-container .momotalk-student-line-container,
.client-darkmode:not(.mw-invert) .momotalk-container .momotalk-sensei-line-container,
.client-darkmode:not(.mw-invert) .momotalk-container .momotalk-relationship-story-option {
filter: invert(1) hue-rotate(180deg);
}
.client-darkmode:not(.mw-invert) .momotalk-container .momotalk-relationship-story-option {
box-shadow: 0 2px 5px #2c2c2c;
color: #000;
}
|