MediaWiki:Theme-carbon-light.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
:root {
--color-pink1: hsl(340deg 60% 33%);
--color-pink2: hsl(340deg 60% 50%);
--color-pink3: hsl(340deg 60% 67%);
--color-red1: hsl( 0deg 70% 33%);
--color-red2: hsl( 0deg 70% 50%);
--color-red3: hsl( 0deg 90% 67%);
--color-orange1: hsl( 19deg 90% 33%);
--color-orange2: hsl( 19deg 90% 50%);
--color-orange3: hsl( 19deg 90% 67%);
--color-yellow1: hsl( 47deg 90% 33%);
--color-yellow2: hsl( 47deg 90% 50%);
--color-yellow3: hsl( 47deg 90% 67%);
--color-green1: hsl(122deg 40% 33%);
--color-green2: hsl(122deg 40% 50%);
--color-green3: hsl(122deg 50% 67%);
--color-blue1: hsl(207deg 80% 33%);
--color-blue2: hsl(207deg 80% 50%);
--color-blue3: hsl(207deg 90% 67%);
--color-purple1: hsl(256deg 50% 40%);
--color-purple2: hsl(256deg 50% 55%);
--color-purple3: hsl(256deg 50% 67%);
--color-contrast1: hsl( 0deg 0% 20%);
--color-contrast2: hsl( 0deg 0% 30%);
--color-contrast3: hsl( 0deg 0% 40%);
--color-contrast1-filter:invert(16%) sepia(0%) saturate(365%) hue-rotate(174deg) brightness(98%) contrast(87%);
--color-contrast2-filter: invert(31%) sepia(1%) saturate(0%) hue-rotate(250deg) brightness(92%) contrast(92%);
--color-contrast3-filter: invert(41%) sepia(22%) saturate(0%) hue-rotate(134deg) brightness(91%) contrast(87%);
--color-accent1: hsl(194deg 100% 30%);
--color-accent2: hsl(194deg 100% 40%);
--color-accent3: hsl(194deg 100% 50%);
--color-accent1-filter: invert(34%) sepia(66%) saturate(823%) hue-rotate(152deg) brightness(93%) contrast(103%);
--color-accent2-filter: invert(43%) sepia(100%) saturate(431%) hue-rotate(147deg) brightness(94%) contrast(111%);
--color-accent3-filter: invert(47%) sepia(87%) saturate(721%) hue-rotate(155deg) brightness(104%) contrast(104%);
--color-base1: hsl( 0deg 0% 100%);
--color-base2: hsl( 0deg 0% 95%);
--color-base3: hsl( 0deg 0% 90%);
--color-base4: hsl( 0deg 0% 85%);
--color-base5: hsl( 0deg 0% 80%);
--color-background: hsl(240deg 21% 12%);
--color-text-pink: hsl(340deg 75% 67%);
--color-text-red: hsl( 10deg 67% 60%);
--color-text-orange: hsl( 20deg 60% 60%);
--color-text-yellow: hsl( 55deg 67% 50%);
--color-text-green: hsl(100deg 25% 50%);
--color-text-light-blue: hsl(207deg 85% 60%);
--color-text-blue: hsl(207deg 67% 50%);
--color-text-purple: hsl(256deg 50% 67%);
--color-info-filter: invert(99%) sepia(0%) saturate(290%) hue-rotate(139deg) brightness(91%) contrast(88%);
--color-warning-filter: invert(87%) sepia(24%) saturate(1026%) hue-rotate(346deg) brightness(102%) contrast(94%);
--color-error-filter: invert(57%) sepia(53%) saturate(768%) hue-rotate(313deg) brightness(89%) contrast(120%);
}
.icon-half, .icon-tiny, .icon-small, .icon-medium, .icon-large, .icon-huge, .icon-sesqui, .icon-double, .icon-triple, .icon-quadruple {
filter: drop-shadow(-0.5px 0px 0px #333333) drop-shadow(0px -0.5px 0px #333333) drop-shadow(0.5px 0px 0px #333333) drop-shadow(0px 0.5px 0px #333333) brightness(1.2);
}