MediaWiki:Common.css: Difference between revisions
Appearance
mNo edit summary Tag: Reverted |
mNo edit summary Tag: Manual revert |
||
Line 8: | Line 8: | ||
--rf-dark-fg: #eee; | --rf-dark-fg: #eee; | ||
--rf-dark-bg: #004; | --rf-dark-bg: #004; | ||
} | } | ||
Line 24: | Line 17: | ||
border: 0px; | border: 0px; | ||
border-radius: 6px; | border-radius: 6px; | ||
} | |||
@media (prefers-color-scheme: dark) { | |||
pre.code { | |||
color: var(--rf-dark-fg); | |||
background: var(--rf-dark-bg); | |||
} | |||
} | } | ||
Line 32: | Line 31: | ||
padding-left: 4px; | padding-left: 4px; | ||
padding-right: 4px; | padding-right: 4px; | ||
} | |||
@media (prefers-color-scheme: dark) { | |||
span.code { | |||
color: var(--rf-dark-fg); | |||
background: var(--rf-dark-bg); | |||
} | |||
} | } | ||
Line 41: | Line 46: | ||
border: 0px solid black; | border: 0px solid black; | ||
border-radius: 6px; | border-radius: 6px; | ||
} | |||
@media (prefers-color-scheme: dark) { | |||
pre.terminal { | |||
color: var(--rf-dark-fg); | |||
background: var(--rf-dark-bg); | |||
} | |||
} | } | ||
Line 49: | Line 60: | ||
padding-left: 4px; | padding-left: 4px; | ||
padding-right: 4px; | padding-right: 4px; | ||
} | |||
@media (prefers-color-scheme: dark) { | |||
span.terminal { | |||
color: var(--rf-dark-fg); | |||
background: var(--rf-dark-bg); | |||
} | |||
} | } |
Revision as of 2024-11-12T13:17:14
/* CSS placed here will be applied to all skins */
/* color definitions */
:root {
--rf-light-fg: white;
--rf-light-bg: #777;
--rf-dark-fg: #eee;
--rf-dark-bg: #004;
}
/* style for displaying source code */
pre.code {
color: var(--rf-light-fg);
background: var(--rf-light-bg);
border: 0px;
border-radius: 6px;
}
@media (prefers-color-scheme: dark) {
pre.code {
color: var(--rf-dark-fg);
background: var(--rf-dark-bg);
}
}
span.code {
color: var(--rf-light-fg);
background: var(--rf-light-bg);
border-radius: 6px;
padding-left: 4px;
padding-right: 4px;
}
@media (prefers-color-scheme: dark) {
span.code {
color: var(--rf-dark-fg);
background: var(--rf-dark-bg);
}
}
/* style for displaying terminal commands */
pre.terminal {
color: var(--rf-light-fg);
background: var(--rf-light-bg);
border: 0px solid black;
border-radius: 6px;
}
@media (prefers-color-scheme: dark) {
pre.terminal {
color: var(--rf-dark-fg);
background: var(--rf-dark-bg);
}
}
span.terminal {
color: var(--rf-light-fg);
background: var(--rf-light-bg);
border-radius: 6px;
padding-left: 4px;
padding-right: 4px;
}
@media (prefers-color-scheme: dark) {
span.terminal {
color: var(--rf-dark-fg);
background: var(--rf-dark-bg);
}
}