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: #f8f9fa;
--vw-bg-page:       #f7f9fb;
--vw-bg-surface: #ffffff;
--vw-bg-surface:     #ffffff;
--vw-bg-subtle: #f8f9fa;
--vw-bg-subtle:     #f7f9fb;
--vw-bg-heading: #EAECF0;
--vw-bg-heading:     #e6ebf4;
--vw-text-subtle:   #555555;
--vw-text-subtle:   #664444;
--vw-border: #A2A9B1;
--vw-border:         #91a8c2;
 
--vw-accent: #af3350;
--vw-accent:         #c61c44;
--vw-accent-subtle: #f5dde2;
--vw-accent-subtle: #f9d9df;
 
--vw-gold: #b7a054;
--vw-gold:           #cfad3c;
--vw-gold-subtle: #f4f0dc;
--vw-gold-subtle:   #f9f3d7;
--vw-green: #6bb754;
--vw-green:         #5ecf3c;
--vw-green-subtle: #e0f4dc;
--vw-green-subtle:   #ddf9d7;
--vw-teal: #338a76;
--vw-teal:           #209d80;
--vw-teal-subtle: #dcf4f0;
--vw-teal-subtle:   #d7f9f3;
--vw-blue: #546bb7;
--vw-blue:           #3c5ecf;
--vw-blue-subtle: #dce0f4;
--vw-blue-subtle:   #d7ddf9;
--vw-violet: #76338A;
--vw-violet:         #80209d;
--vw-violet-subtle: #f0dcf4;
--vw-violet-subtle: #f3d7f9;
}
}


/* dark mode */
/* dark mode */
.skin-theme-clientpref-night {
.skin-theme-clientpref-night {
--vw-bg-page: #101418;
--vw-bg-page:       #0c141c;
--vw-bg-surface: #1e2227;
--vw-bg-surface:     #17212e;
--vw-bg-subtle: #2a2f36;
--vw-bg-subtle:     #202d40;
--vw-bg-heading: #27292D;
--vw-bg-heading:     #1f2635;
--vw-text-subtle:   #BBBBBB;
--vw-text-subtle:   #c9adad;
--vw-border: #72777D;
--vw-border:         #5a7595;
 
--vw-accent: #ad6171;  
--vw-accent:         #c54963;
--vw-accent-subtle: #3d1e26;
--vw-accent-subtle: #461522;
 
--vw-gold: #ad9c61;
--vw-gold:           #c5a949;
--vw-gold-subtle: #3e351e;
--vw-gold-subtle:   #473915;
--vw-green: #74ad61;
--vw-green:         #68c549;
--vw-green-subtle: #263e1e;
--vw-green-subtle:   #214715;
--vw-teal: #61ad9b;
--vw-teal:           #49c5a8;
--vw-teal-subtle: #1e3e35;
--vw-teal-subtle:   #154739;
--vw-blue: #6171ad;
--vw-blue:           #4963c5;
--vw-blue-subtle: #1e263e;
--vw-blue-subtle:   #152147;
--vw-violet: #9c61ad;
--vw-violet:         #a949c5;
--vw-violet-subtle: #351e3e;
--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: #101418;
--vw-bg-page:       #0c141c;
--vw-bg-surface: #1e2227;
--vw-bg-surface:     #17212e;
--vw-bg-subtle: #2a2f36;
--vw-bg-subtle:     #202d40;
--vw-bg-heading: #27292D;
--vw-bg-heading:     #1f2635;
--vw-text-subtle:   #BBBBBB;
--vw-text-subtle:   #c9adad;
--vw-border: #72777D;
--vw-border:         #5a7595;
--vw-accent:         #c54963;
--vw-accent: #F2A0B2;  
--vw-accent-subtle: #461522;
--vw-accent-subtle: #3d1e26;
--vw-gold:           #c5a949;
--vw-gold: #ad9c61;
--vw-gold-subtle:   #473915;
--vw-gold-subtle: #3e351e;
--vw-green:         #68c549;
--vw-green: #74ad61;
--vw-green-subtle:   #214715;
--vw-green-subtle: #263e1e;
--vw-teal:           #49c5a8;
--vw-teal: #61ad9b;
--vw-teal-subtle:   #154739;
--vw-teal-subtle: #1e3e35;
--vw-blue:           #4963c5;
--vw-blue: #6171ad;
--vw-blue-subtle:   #152147;
--vw-blue-subtle: #1e263e;
--vw-violet:         #a949c5;
--vw-violet: #9c61ad;
--vw-violet-subtle: #391547;
--vw-violet-subtle: #351e3e;
     }
     }
}
}