Template:Kbd/styles.css: Difference between revisions
Deleatur yhe (talk | contribs) m 1 revision imported |
Better colors in dark mode |
||
| Line 1: | Line 1: | ||
/* {{pp-template}} */ | /* {{pp-template}} */ | ||
.mw-tmpl-kbd { | .mw-tmpl-kbd { | ||
background: # | background: #eaecf0; | ||
color: var(--color-base); | color: var(--color-base); | ||
} | } | ||
| Line 8: | Line 8: | ||
@media screen { | @media screen { | ||
html.skin-theme-clientpref-night .mw-tmpl-kbd { | html.skin-theme-clientpref-night .mw-tmpl-kbd { | ||
background: # | background: #202122; | ||
} | } | ||
} | } | ||
| Line 15: | Line 15: | ||
@media screen and ( prefers-color-scheme: dark ) { | @media screen and ( prefers-color-scheme: dark ) { | ||
html.skin-theme-clientpref-os .mw-tmpl-kbd { | html.skin-theme-clientpref-os .mw-tmpl-kbd { | ||
background: # | background: #202122; | ||
} | } | ||
} | } | ||
Revision as of 00:11, 10 September 2026
/* {{pp-template}} */
.mw-tmpl-kbd {
background: #eaecf0;
color: var(--color-base);
}
@media screen {
html.skin-theme-clientpref-night .mw-tmpl-kbd {
background: #202122;
}
}
@media screen and ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .mw-tmpl-kbd {
background: #202122;
}
}