MediaWiki:Common.css: Difference between revisions
Appearance
Defined colors as variables. |
mNo edit summary |
||
Line 13: | Line 13: | ||
pre.code { | pre.code { | ||
color: var(-- | color: var(--rf-light-fg); | ||
background: var(-- | background: var(--rf-light-bg); | ||
border: 0px | border: 0px | ||
border-radius: 6px; | border-radius: 6px; | ||
Line 20: | Line 20: | ||
@media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||
pre.code { | pre.code { | ||
color: var(-- | color: var(--rf-dark-fg); | ||
background: var(-- | background: var(--rf-dark-bg); | ||
} | } | ||
} | } |
Revision as of 2024-11-12T07:16:16
/* CSS placed here will be applied to all skins */
/* color definitions */
:root {
--rf-light-fg: #000;
--rf-light-bg: #888;
--rf-dark-fg: #eee;
--rf-dark-bg: #000;
}
/* 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);
}
}