Template:Main Page/styles.css: Difference between revisions
AZMindroma (talk | contribs) No edit summary |
AZMindroma (talk | contribs) Modification in attempt to fix dark mode issues |
||
| Line 41: | Line 41: | ||
background-color: #faf5ff; | background-color: #faf5ff; | ||
width: 100%; | width: 100%; | ||
} | |||
/* Dark mode support for custom main page elements */ | |||
html.skin-theme-clientpref-night .main-page-about, | |||
html.skin-theme-clientpref-night .main-page-featured { | |||
background-color: #0b1e1c; | |||
border-color: #104437; | |||
} | |||
html.skin-theme-clientpref-night .main-page-news, | |||
html.skin-theme-clientpref-night .main-page-dyk { | |||
background-color: #0d1a27; | |||
border-color: #082849; | |||
} | |||
html.skin-theme-clientpref-night .main-page-screenshot { | |||
background-color: #130e20; | |||
border-color: #7545ab; | |||
} | |||
/* OS dark mode support */ | |||
@media screen and (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .main-page-about, | |||
html.skin-theme-clientpref-os .main-page-featured { | |||
background-color: #0b1e1c; | |||
border-color: #104437; | |||
} | |||
html.skin-theme-clientpref-os .main-page-news, | |||
html.skin-theme-clientpref-os .main-page-dyk { | |||
background-color: #0d1a27; | |||
border-color: #082849; | |||
} | |||
html.skin-theme-clientpref-os .main-page-screenshot { | |||
background-color: #130e20; | |||
border-color: #7545ab; | |||
} | |||
} | } | ||