User:Fen/MainPage.css: Difference between revisions
full css with darkmode support, still need some tweaking |
changed header background color to work better with visited links |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* Light mode styles */ | /* Light mode styles */ | ||
.header-box a.external { | |||
background-image: none; | |||
} | |||
.header-box { | .header-box { | ||
background: #e3f2fd; | background: #e3f2fd; | ||
| Line 51: | Line 56: | ||
/* Forced dark mode */ | /* Forced dark mode */ | ||
@media screen { | @media screen { | ||
html.skin-theme-clientpref-night .header-box | html.skin-theme-clientpref-night .header-box { | ||
background: #5d68bb; | |||
border-color: #444; | |||
color: #d0d8ff; | |||
} | |||
html.skin-theme-clientpref-night .content-section { | html.skin-theme-clientpref-night .content-section { | ||
background: #2b2f3a; | background: #2b2f3a; | ||
| Line 76: | Line 86: | ||
/* OS dark mode */ | /* OS dark mode */ | ||
@media screen and (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
html.skin-theme-clientpref-os .header-box | html.skin-theme-clientpref-os .header-box { | ||
background: #5d68bb; | |||
border-color: #444; | |||
color: #d0d8ff; | |||
} | |||
html.skin-theme-clientpref-os .content-section { | html.skin-theme-clientpref-os .content-section { | ||
background: #2b2f3a; | background: #2b2f3a; | ||