Module:Documentation/styles.css: Difference between revisions

use codex tokens for borders to improve dark mode support
m (1 revision imported: importing tree chart)
enwp>Taavi
(use codex tokens for borders to improve dark mode support)
Line 1: Line 1:
/* {{pp|small=yes}} */
.documentation,
.documentation,
.documentation-metadata {
.documentation-metadata {
border: 1px solid var(--border-color-base, #a2a9b1);
border: 1px solid var( --border-color-base, #a2a9b1 );
background-color: var(--background-color-success-subtle, #ecfcf4);
background-color: #ecfcf4;
color:inherit;
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 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;
    }
}
}
Anonymous user