Module:Documentation/styles.css: Difference between revisions

w>Taavi
use codex tokens for borders to improve dark mode support
m 1 revision imported: Bunch of templates and modules for testing crafting UI
 
(3 intermediate revisions by 3 users not shown)
Line 2: Line 2:
.documentation,
.documentation,
.documentation-metadata {
.documentation-metadata {
border: 1px solid var( --border-color-base, #a2a9b1 );
border: 1px solid #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 var( --border-color-base, #a2a9b1 );
border-bottom: 1px solid #aaa;
margin-bottom: 1ex;
margin-bottom: 1ex;
}
}
Line 47: Line 47:




@media screen and ( 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 {