UNPKG

8 kBSCSSView Raw
1$polaris-color-filters: (
2 'purple': (
3 'text': brightness(0) saturate(100%) invert(29%) sepia(3%) saturate(2843%)
4 hue-rotate(223deg) brightness(92%) contrast(86%),
5 'darker': brightness(0) saturate(100%) invert(8%) sepia(38%) saturate(6605%)
6 hue-rotate(265deg) brightness(99%) contrast(124%),
7 'dark': brightness(0) saturate(100%) invert(12%) sepia(46%) saturate(4964%)
8 hue-rotate(258deg) brightness(101%) contrast(93%),
9 'base': brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(1864%)
10 hue-rotate(229deg) brightness(91%) contrast(91%),
11 'light': brightness(0) saturate(100%) invert(82%) sepia(13%) saturate(1535%)
12 hue-rotate(203deg) brightness(103%) contrast(104%),
13 'lighter': brightness(0) saturate(100%) invert(84%) sepia(15%)
14 saturate(135%) hue-rotate(219deg) brightness(110%) contrast(98%),
15 ),
16 'indigo': (
17 'text': brightness(0) saturate(100%) invert(24%) sepia(11%) saturate(1035%)
18 hue-rotate(195deg) brightness(97%) contrast(94%),
19 'darker': brightness(0) saturate(100%) invert(5%) sepia(81%) saturate(5060%)
20 hue-rotate(229deg) brightness(72%) contrast(111%),
21 'dark': brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(4409%)
22 hue-rotate(218deg) brightness(87%) contrast(98%),
23 'base': brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%)
24 hue-rotate(194deg) brightness(88%) contrast(84%),
25 'light': brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(4261%)
26 hue-rotate(194deg) brightness(111%) contrast(92%),
27 'lighter': brightness(0) saturate(100%) invert(100%) sepia(25%)
28 saturate(1090%) hue-rotate(179deg) brightness(100%) contrast(96%),
29 ),
30 'blue': (
31 'text': brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(709%)
32 hue-rotate(158deg) brightness(96%) contrast(89%),
33 'darker': brightness(0) saturate(100%) invert(5%) sepia(33%) saturate(5606%)
34 hue-rotate(195deg) brightness(97%) contrast(102%),
35 'dark': brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%)
36 hue-rotate(182deg) brightness(94%) contrast(101%),
37 'base': brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2885%)
38 hue-rotate(190deg) brightness(99%) contrast(101%),
39 'light': brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%)
40 hue-rotate(178deg) brightness(108%) contrast(96%),
41 'lighter': brightness(0) saturate(100%) invert(100%) sepia(94%)
42 saturate(686%) hue-rotate(175deg) brightness(103%) contrast(96%),
43 ),
44 'teal': (
45 'text': brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(665%)
46 hue-rotate(128deg) brightness(94%) contrast(93%),
47 'darker': brightness(0) saturate(100%) invert(15%) sepia(23%)
48 saturate(2237%) hue-rotate(141deg) brightness(96%) contrast(104%),
49 'dark': brightness(0) saturate(100%) invert(28%) sepia(83%) saturate(3919%)
50 hue-rotate(168deg) brightness(93%) contrast(101%),
51 'base': brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%)
52 hue-rotate(130deg) brightness(92%) contrast(87%),
53 'light': brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(683%)
54 hue-rotate(122deg) brightness(97%) contrast(91%),
55 'lighter': brightness(0) saturate(100%) invert(87%) sepia(5%)
56 saturate(1124%) hue-rotate(173deg) brightness(114%) contrast(92%),
57 ),
58 'green': (
59 'text': brightness(0) saturate(100%) invert(30%) sepia(8%) saturate(1010%)
60 hue-rotate(63deg) brightness(91%) contrast(91%),
61 'darker': brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(727%)
62 hue-rotate(118deg) brightness(93%) contrast(91%),
63 'dark': brightness(0) saturate(100%) invert(18%) sepia(75%) saturate(6649%)
64 hue-rotate(155deg) brightness(97%) contrast(87%),
65 'base': brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(2637%)
66 hue-rotate(64deg) brightness(106%) contrast(91%),
67 'light': brightness(0) saturate(100%) invert(93%) sepia(15%) saturate(599%)
68 hue-rotate(52deg) brightness(93%) contrast(93%),
69 'lighter': brightness(0) saturate(100%) invert(92%) sepia(51%)
70 saturate(187%) hue-rotate(46deg) brightness(108%) contrast(89%),
71 ),
72 'yellow': (
73 'text': brightness(0) saturate(100%) invert(28%) sepia(42%) saturate(413%)
74 hue-rotate(11deg) brightness(97%) contrast(91%),
75 'darker': brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%)
76 hue-rotate(17deg) brightness(103%) contrast(103%),
77 'dark': brightness(0) saturate(100%) invert(37%) sepia(51%) saturate(709%)
78 hue-rotate(0deg) brightness(93%) contrast(89%),
79 'base': brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%)
80 hue-rotate(5deg) brightness(100%) contrast(100%),
81 'light': brightness(0) saturate(100%) invert(77%) sepia(72%) saturate(246%)
82 hue-rotate(355deg) brightness(103%) contrast(107%),
83 'lighter': brightness(0) saturate(100%) invert(88%) sepia(27%)
84 saturate(234%) hue-rotate(357deg) brightness(103%) contrast(98%),
85 ),
86 'orange': (
87 'text': brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(1092%)
88 hue-rotate(348deg) brightness(99%) contrast(84%),
89 'darker': brightness(0) saturate(100%) invert(9%) sepia(83%) saturate(1926%)
90 hue-rotate(356deg) brightness(98%) contrast(99%),
91 'dark': brightness(0) saturate(100%) invert(29%) sepia(94%) saturate(1431%)
92 hue-rotate(5deg) brightness(96%) contrast(82%),
93 'base': brightness(0) saturate(100%) invert(54%) sepia(86%) saturate(416%)
94 hue-rotate(340deg) brightness(105%) contrast(91%),
95 'light': brightness(0) saturate(100%) invert(77%) sepia(39%) saturate(483%)
96 hue-rotate(335deg) brightness(101%) contrast(103%),
97 'lighter': brightness(0) saturate(100%) invert(93%) sepia(11%)
98 saturate(918%) hue-rotate(312deg) brightness(107%) contrast(98%),
99 ),
100 'red': (
101 'text': brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(2068%)
102 hue-rotate(325deg) brightness(92%) contrast(83%),
103 'darker': brightness(0) saturate(100%) invert(12%) sepia(100%)
104 saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%),
105 'dark': brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%)
106 hue-rotate(353deg) brightness(75%) contrast(101%),
107 'base': brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(3622%)
108 hue-rotate(353deg) brightness(89%) contrast(95%),
109 'light': brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(2561%)
110 hue-rotate(313deg) brightness(101%) contrast(99%),
111 'lighter': brightness(0) saturate(100%) invert(89%) sepia(21%)
112 saturate(137%) hue-rotate(324deg) brightness(102%) contrast(97%),
113 ),
114 'ink': (
115 'base': brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(2259%)
116 hue-rotate(171deg) brightness(99%) contrast(84%),
117 'light': brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(1069%)
118 hue-rotate(173deg) brightness(83%) contrast(84%),
119 'lighter': brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(825%)
120 hue-rotate(166deg) brightness(95%) contrast(90%),
121 'lightest': brightness(0) saturate(100%) invert(68%) sepia(18%)
122 saturate(246%) hue-rotate(169deg) brightness(88%) contrast(90%),
123 ),
124 'sky': (
125 'dark': brightness(0) saturate(100%) invert(86%) sepia(4%) saturate(502%)
126 hue-rotate(167deg) brightness(96%) contrast(91%),
127 'base': brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(336%)
128 hue-rotate(175deg) brightness(97%) contrast(87%),
129 'light': brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(467%)
130 hue-rotate(174deg) brightness(99%) contrast(96%),
131 'lighter': brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(159%)
132 hue-rotate(170deg) brightness(99%) contrast(99%),
133 ),
134 'black': (
135 'base': brightness(0) saturate(100%),
136 ),
137 'white': (
138 'base': brightness(0) saturate(100%) invert(100%),
139 ),
140);