Template:Featured box/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 54: | Line 54: | ||
} | } | ||
/* | /* Dark mode */ | ||
.skin-theme-clientpref-night . | .skin-theme-clientpref-night .mw-parser-output .featured-box { | ||
background: #101418; | background: #101418; | ||
color: #f8f9fa; | color: #f8f9fa; | ||
| Line 63: | Line 62: | ||
} | } | ||
.skin-theme-clientpref-night .featured-box-title { | .skin-theme-clientpref-night .mw-parser-output .featured-box-body { | ||
background: #101418; | |||
color: #f8f9fa; | |||
} | |||
.skin-theme-clientpref-night .mw-parser-output .featured-box-title { | |||
background: #12284a; | background: #12284a; | ||
color: #ffffff; | color: #ffffff; | ||
border-bottom-color: #54595d; | border-bottom-color: #54595d; | ||
} | |||
.skin-theme-clientpref-night .mw-parser-output .featured-box a { | |||
color: #88aaff; | |||
} | |||
.skin-theme-clientpref-night .mw-parser-output .featured-box a:visited { | |||
color: #b19cd9; | |||
} | } | ||
@media screen and (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
.skin-theme-clientpref-os . | .skin-theme-clientpref-os .mw-parser-output .featured-box { | ||
background: #101418; | background: #101418; | ||
color: #f8f9fa; | color: #f8f9fa; | ||
| Line 77: | Line 88: | ||
} | } | ||
.skin-theme-clientpref-os .featured-box-title { | .skin-theme-clientpref-os .mw-parser-output .featured-box-body { | ||
background: #101418; | |||
color: #f8f9fa; | |||
} | |||
.skin-theme-clientpref-os .mw-parser-output .featured-box-title { | |||
background: #12284a; | background: #12284a; | ||
color: #ffffff; | color: #ffffff; | ||
border-bottom-color: #54595d; | border-bottom-color: #54595d; | ||
} | |||
.skin-theme-clientpref-os .mw-parser-output .featured-box a { | |||
color: #88aaff; | |||
} | |||
.skin-theme-clientpref-os .mw-parser-output .featured-box a:visited { | |||
color: #b19cd9; | |||
} | } | ||
} | } | ||