Main Page.css: Difference between revisions
full css with darkmode support, still need some tweaking |
finished with styling |
||
| Line 51: | Line 51: | ||
/* 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: #626fd5; | |||
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 81: | ||
/* OS dark mode */ | /* OS dark mode */ | ||
@media screen and (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
html.skin-theme-clientpref- | html.skin-theme-clientpref-night .header-box { | ||
html.skin-theme-clientpref- | background: #626fd5; | ||
border-color: #444; | |||
color: #d0d8ff; | |||
} | |||
html.skin-theme-clientpref-night .content-section { | |||
background: #2b2f3a; | background: #2b2f3a; | ||
border-color: #444; | border-color: #444; | ||