MediaWiki:Common.css: Difference between revisions
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); } }