MediaWiki:Common.css: Difference between revisions
subtler variable |
colors |
||
| Line 3: | Line 3: | ||
/* light mode */ | /* light mode */ | ||
:root, .skin-theme-clientpref-day { | :root, .skin-theme-clientpref-day { | ||
--vw-bg-page: #f8f9fa; | |||
--vw-bg-surface: #ffffff; | |||
--vw-bg-subtle: #eaecf0; | |||
--vw-bg-subtler: | --vw-bg-subtler: #f8f9fa; | ||
--vw-accent: #8B3347; | |||
--vw-accent-subtle: #f5dde2; | |||
--vw-gold: #8a7633; | |||
--vw-gold-subtle: #f4f0dc; | |||
--vw-green: #478a33; | |||
--vw-green-subtle: #e0f4dc; | |||
--vw-teal: #338a76; | |||
--vw-teal-subtle: #dcf4f0; | |||
--vw-blue: #33478a; | |||
--vw-blue-subtle: #dce0f4; | |||
--vw-violet: #76338A; | |||
--vw-violet-subtle: #f0dcf4; | |||
} | } | ||
/* dark mode */ | /* dark mode */ | ||
.skin-theme-clientpref-night { | .skin-theme-clientpref-night { | ||
--vw-bg-page: #101418; | |||
--vw-bg-surface: #1e2227; | |||
--vw-bg-subtle: #2a2f36; | |||
--vw-bg-subtler: | --vw-bg-subtler: #101418; | ||
--vw-accent: #F2A0B2; | |||
--vw-accent-subtle: #3d1e26; | |||
--vw-gold: #f2e0a1; | |||
--vw-gold-subtle: #3e351e; | |||
--vw-green: #f2e0a1; | |||
--vw-green-subtle: #263e1e; | |||
--vw-teal: #a1f2e0; | |||
--vw-teal-subtle: #1e3e35; | |||
--vw-blue: #a1b3f2; | |||
--vw-blue-subtle: #1e263e; | |||
--vw-violet: #e0a1f2; | |||
--vw-violet-subtle: #351e3e; | |||
} | } | ||
@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-subtler: #101418; | |||
--vw-accent: #F2A0B2; | |||
--vw-accent-subtle: #3d1e26; | |||
--vw-gold: #f2e0a1; | |||
--vw-gold-subtle: #3e351e; | |||
--vw-green: #f2e0a1; | |||
--vw-green-subtle: #263e1e; | |||
--vw-teal: #a1f2e0; | |||
--vw-teal-subtle: #1e3e35; | |||
--vw-blue: #a1b3f2; | |||
--vw-blue-subtle: #1e263e; | |||
--vw-violet: #e0a1f2; | |||
--vw-violet-subtle: #351e3e; | |||
} | } | ||
} | } | ||
| Line 76: | Line 109: | ||
min-width: 280px; | min-width: 280px; | ||
} | } | ||
#events-box h2 { border-bottom-color: # | |||
#bulletin-box h2 { border-bottom-color: | #events-box { | ||
border: 2px solid var(--vw-blue); | |||
background-color: var(--vw-blue-subtle); | |||
} | |||
#events-box h2 { border-bottom-color: var(--vw-blue); } | |||
#events-box { | |||
border: 2px solid var(--vw-green); | |||
background-color: var(--vw-green-subtle); | |||
} | |||
#bulletin-box h2 { border-bottom-color: var(--vw-green); } | |||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||