MediaWiki:Common.css: Difference between revisions
lighter violet subtle |
fixing neutrals |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
/* light mode */ | /* light mode */ | ||
:root, .skin-theme-clientpref-day { | :root, .skin-theme-clientpref-day { | ||
--vw-bg-page: # | --vw-bg-page: #f8f9fa; | ||
--vw-bg-surface: #ffffff; | --vw-bg-surface: #ffffff; | ||
--vw-bg-subtle: # | --vw-bg-subtle: #f8f9fa; | ||
--vw-bg-heading: # | --vw-bg-heading: #EAECF0; | ||
--vw-text-subtle: # | --vw-text-subtle: #555555; | ||
--vw-border: #91a8c2; | --vw-border: #91a8c2; | ||
| Line 22: | Line 22: | ||
--vw-blue-subtle: #d7ddf9; | --vw-blue-subtle: #d7ddf9; | ||
--vw-violet: #80209d; | --vw-violet: #80209d; | ||
--vw-violet-subtle: # | --vw-violet-subtle: #f3d7f9; | ||
} | } | ||
/* dark mode */ | /* dark mode */ | ||
.skin-theme-clientpref-night { | .skin-theme-clientpref-night { | ||
--vw-bg-page: # | --vw-bg-page: #101418; | ||
--vw-bg-surface: # | --vw-bg-surface: #1e2227; | ||
--vw-bg-subtle: # | --vw-bg-subtle: #2a2f36; | ||
--vw-bg-heading: # | --vw-bg-heading: #27292D; | ||
--vw-text-subtle: # | --vw-text-subtle: #BBBBBB; | ||
--vw-border: #5a7595; | --vw-border: #5a7595; | ||
| Line 50: | Line 50: | ||
@media ( prefers-color-scheme: dark ) { | @media ( prefers-color-scheme: dark ) { | ||
.skin-theme-clientpref-os { | .skin-theme-clientpref-os { | ||
--vw-bg-page: #101418; | |||
--vw-bg-surface: #1e2227; | |||
--vw-bg-subtle: #2a2f36; | |||
--vw-bg-heading: #27292D; | |||
--vw-text-subtle: #BBBBBB; | |||
--vw-border: #5a7595; | |||
--vw-accent: #c54963; | |||
--vw-accent-subtle: #461522; | |||
--vw-gold: #c5a949; | |||
--vw-gold-subtle: #473915; | |||
--vw-green: #68c549; | |||
--vw-green-subtle: #214715; | |||
--vw-teal: #49c5a8; | |||
--vw-teal-subtle: #154739; | |||
--vw-blue: #4963c5; | |||
--vw-blue-subtle: #152147; | |||
--vw-violet: #a949c5; | |||
--vw-violet-subtle: #391547; | |||
} | } | ||
} | } | ||
| Line 92: | Line 92: | ||
} | } | ||
/* Main Page */ | |||
.page-Main_Page .firstHeading { | .page-Main_Page .firstHeading { | ||
display: none; | display: none; | ||
| Line 154: | Line 128: | ||
#feature-box h2 { border-bottom-color: var(--vw-gold); } | #feature-box h2 { border-bottom-color: var(--vw-gold); } | ||
.vw-main-subtitle { | |||
margin-top: 0; | |||
} | |||
@media (min-width: 601px) { | |||
.vw-main-subtitle { | |||
margin-top: -0.5em; | |||
} | |||
} | |||
/* Templates */ | |||
.documentation .mw-editsection:not(.documentation-edit) { | .documentation .mw-editsection:not(.documentation-edit) { | ||
display: none; | display: none; | ||
| Line 160: | Line 144: | ||
.poster-container { | .poster-container { | ||
display:flex; flex-wrap:wrap; gap:0.4em; | display:flex; flex-wrap:wrap; gap:0.4em; | ||
} | |||
.hatnote { | |||
font-style: italic; | |||
padding-left: 1.5em; | |||
margin-bottom: 0.5em; | |||
} | |||
.infobox { | |||
float: right; | |||
margin: 0 0 1em 1em; | |||
} | |||
@media (max-width: 600px) { | |||
.infobox { | |||
width: 100% !important; | |||
float: none !important; | |||
margin: 0 0 1em 0; | |||
box-sizing: border-box; | |||
} | |||
.infobox img { | |||
max-width: 100% !important; | |||
overflow: hidden; | |||
} | |||
} | |||
@media (min-width: 601px){ | |||
.infobox{ | |||
max-width: 300px !important; | |||
} | |||
} | } | ||