MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
Line 4: | Line 4: | ||
:root { | :root { | ||
--rf-light-fg: # | --rf-light-fg: #fff; | ||
--rf-light-bg: # | --rf-light-bg: #777; | ||
--rf-dark-fg: #eee; | --rf-dark-fg: #eee; | ||
--rf-dark-bg: #000; | --rf-dark-bg: #000; |
Revision as of 2024-11-12T07:19:05
/* CSS placed here will be applied to all skins */ /* color definitions */ :root { --rf-light-fg: #fff; --rf-light-bg: #777; --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); } }