Jump to content

Module:Documentation/styles.css: Difference between revisions

use codex tokens for borders to improve dark mode support
m (1 revision imported)
(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 #aaa;
border-bottom: 1px solid var( --border-color-base, #a2a9b1 );
margin-bottom: 1ex;
margin-bottom: 1ex;
}
}
Line 38: Line 38:
}
}


html.skin-theme-clientpref-night .documentation,
 
html.skin-theme-clientpref-night .documentation-metadata {
@media screen {
    background-color: inherit;
    html.skin-theme-clientpref-night .documentation,
html.skin-theme-clientpref-night .documentation-metadata {
    background-color: #0b1e1c;
}
}
}


@media (prefers-color-scheme: dark) {
 
@media screen and ( prefers-color-scheme: dark ) {
     html.skin-theme-clientpref-os .documentation,
     html.skin-theme-clientpref-os .documentation,
     html.skin-theme-clientpref-os .documentation-metadata {
     html.skin-theme-clientpref-os .documentation-metadata {
         background-color: inherit;
         background-color: #0b1e1c;
     }
     }
}
}
Anonymous user