MediaWiki:Common.css: Difference between revisions
mNo edit summary |
Added support for dark mode. |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* | |||
body.page-Main_Page .title, body.page-Main_Page #tagline | body.page-Main_Page .title, body.page-Main_Page #tagline | ||
{ | { | ||
Line 10: | Line 11: | ||
display: none; | display: none; | ||
} | } | ||
*/ | |||
/* source code */ | /* source code */ | ||
Line 29: | Line 31: | ||
/* terminal commands */ | /* terminal commands */ | ||
pre.terminal | pre.terminal { | ||
{ | |||
color: #ffe; | color: #ffe; | ||
background: #888; | background: #888; | ||
Line 36: | Line 37: | ||
border-radius: 6px; | border-radius: 6px; | ||
} | } | ||
span.terminal | span.terminal { | ||
{ | |||
color: #ffe; | color: #ffe; | ||
background: #888; | background: #888; | ||
Line 43: | Line 43: | ||
padding-left: 4px; | padding-left: 4px; | ||
padding-right: 4px; | padding-right: 4px; | ||
} | |||
@media (prefers-color-scheme: dark) { | |||
pre.terminal { | |||
color: #888; | |||
background: #ffe; | |||
border: 0px solid #888; | |||
} | |||
span.terminal { | |||
color: #888; | |||
background: #ffe; | |||
} | |||
} | } | ||
/* side note area | /* side note area | ||
div.sidenote | div.sidenote | ||
{ | { | ||
Line 56: | Line 67: | ||
border-radius: 6px; | border-radius: 6px; | ||
} | } | ||
*/ |
Revision as of 2024-11-12T06:00:38
/* CSS placed here will be applied to all skins */ /* body.page-Main_Page .title, body.page-Main_Page #tagline { display: none; } .tocnumber { display: none; } */ /* source code */ pre.code { color: black; background: #eee; border: 0px solid #eee; border-radius: 6px; } span.code { color: black; background: #eee; border-radius: 6px; padding-left: 4px; padding-right: 4px; } /* terminal commands */ pre.terminal { color: #ffe; background: #888; border: 0px solid #888; border-radius: 6px; } span.terminal { color: #ffe; background: #888; border-radius: 6px; padding-left: 4px; padding-right: 4px; } @media (prefers-color-scheme: dark) { pre.terminal { color: #888; background: #ffe; border: 0px solid #888; } span.terminal { color: #888; background: #ffe; } } /* side note area div.sidenote { background: #f8f8f0; margin-left: 1em; padding-left: 1em; padding-right: 1em; padding-top: 0.5em; padding-bottom: 0.5em; border-radius: 6px; } */