MediaWiki:Common.css: Difference between revisions
making colors brighter in light mode |
more saturated colors |
||
| Line 3: | Line 3: | ||
/* light mode */ | /* light mode */ | ||
:root, .skin-theme-clientpref-day { | :root, .skin-theme-clientpref-day { | ||
--vw-bg-page: | --vw-bg-page: #f7f9fb; | ||
--vw-bg-surface: #ffffff; | --vw-bg-surface: #ffffff; | ||
--vw-bg-subtle: | --vw-bg-subtle: #f7f9fb; | ||
--vw-bg-heading: # | --vw-bg-heading: #e6ebf4; | ||
--vw-text-subtle: | --vw-text-subtle: #664444; | ||
--vw-border: | --vw-border: #91a8c2; | ||
--vw-accent: | --vw-accent: #c61c44; | ||
--vw-accent-subtle: # | --vw-accent-subtle: #f9d9df; | ||
--vw-gold: | --vw-gold: #cfad3c; | ||
--vw-gold-subtle: # | --vw-gold-subtle: #f9f3d7; | ||
--vw-green: | --vw-green: #5ecf3c; | ||
--vw-green-subtle: # | --vw-green-subtle: #ddf9d7; | ||
--vw-teal: | --vw-teal: #209d80; | ||
--vw-teal-subtle: # | --vw-teal-subtle: #d7f9f3; | ||
--vw-blue: | --vw-blue: #3c5ecf; | ||
--vw-blue-subtle: # | --vw-blue-subtle: #d7ddf9; | ||
--vw-violet: | --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: #0c141c; | ||
--vw-bg-surface: # | --vw-bg-surface: #17212e; | ||
--vw-bg-subtle: | --vw-bg-subtle: #202d40; | ||
--vw-bg-heading: | --vw-bg-heading: #1f2635; | ||
--vw-text-subtle: | --vw-text-subtle: #c9adad; | ||
--vw-border: | --vw-border: #5a7595; | ||
--vw-accent: | --vw-accent: #c54963; | ||
--vw-accent-subtle: # | --vw-accent-subtle: #461522; | ||
--vw-gold: | --vw-gold: #c5a949; | ||
--vw-gold-subtle: # | --vw-gold-subtle: #473915; | ||
--vw-green: | --vw-green: #68c549; | ||
--vw-green-subtle: # | --vw-green-subtle: #214715; | ||
--vw-teal: | --vw-teal: #49c5a8; | ||
--vw-teal-subtle: # | --vw-teal-subtle: #154739; | ||
--vw-blue: | --vw-blue: #4963c5; | ||
--vw-blue-subtle: # | --vw-blue-subtle: #152147; | ||
--vw-violet: | --vw-violet: #a949c5; | ||
--vw-violet-subtle: # | --vw-violet-subtle: #391547; | ||
} | } | ||
@media ( prefers-color-scheme: dark ) { | @media ( prefers-color-scheme: dark ) { | ||
.skin-theme-clientpref-os { | .skin-theme-clientpref-os { | ||
--vw-bg-page: | --vw-bg-page: #0c141c; | ||
--vw-bg-surface: # | --vw-bg-surface: #17212e; | ||
--vw-bg-subtle: | --vw-bg-subtle: #202d40; | ||
--vw-bg-heading: | --vw-bg-heading: #1f2635; | ||
--vw-text-subtle: | --vw-text-subtle: #c9adad; | ||
--vw-border: | --vw-border: #5a7595; | ||
--vw-accent: #c54963; | |||
--vw-accent: | --vw-accent-subtle: #461522; | ||
--vw-accent-subtle: # | |||
--vw-gold: #c5a949; | |||
--vw-gold: | --vw-gold-subtle: #473915; | ||
--vw-gold-subtle: # | --vw-green: #68c549; | ||
--vw-green: | --vw-green-subtle: #214715; | ||
--vw-green-subtle: # | --vw-teal: #49c5a8; | ||
--vw-teal: | --vw-teal-subtle: #154739; | ||
--vw-teal-subtle: # | --vw-blue: #4963c5; | ||
--vw-blue: | --vw-blue-subtle: #152147; | ||
--vw-blue-subtle: # | --vw-violet: #a949c5; | ||
--vw-violet: | --vw-violet-subtle: #391547; | ||
--vw-violet-subtle: # | |||
} | } | ||
} | } | ||