Module:Documentation/styles.css: Difference between revisions
pc>Rob Kam m 1 revision imported |
pc>Taavi use codex tokens for borders to improve dark mode support |
||
| Line 2: | Line 2: | ||
.documentation, | .documentation, | ||
.documentation-metadata { | .documentation-metadata { | ||
border: 1px solid #a2a9b1; | border: 1px solid var( --border-color-base, #a2a9b1 ); | ||
background-color: #ecfcf4; | background-color: #ecfcf4; | ||
clear: both; | clear: both; | ||
| Line 20: | Line 20: | ||
.documentation-startbox { | .documentation-startbox { | ||
padding-bottom: 3px; | padding-bottom: 3px; | ||
border-bottom: 1px solid # | border-bottom: 1px solid var( --border-color-base, #a2a9b1 ); | ||
margin-bottom: 1ex; | margin-bottom: 1ex; | ||
} | } | ||
| Line 36: | Line 36: | ||
font-style: normal; | font-style: normal; | ||
font-size: 85%; | font-size: 85%; | ||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .documentation, | |||
html.skin-theme-clientpref-night .documentation-metadata { | |||
background-color: #0b1e1c; | |||
} | |||
} | |||
@media screen and ( prefers-color-scheme: dark ) { | |||
html.skin-theme-clientpref-os .documentation, | |||
html.skin-theme-clientpref-os .documentation-metadata { | |||
background-color: #0b1e1c; | |||
} | |||
} | } | ||