polaris_tokens 1.3.1 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +63 -10
  3. data/dist/Polaris.ase +0 -0
  4. data/dist/Polaris.clr +0 -0
  5. data/dist/Polaris.sketchpalette +152 -152
  6. data/dist/color-filters.color-map.scss +140 -0
  7. data/dist/color-filters.common.js +116 -0
  8. data/dist/color-filters.custom-properties.css +116 -0
  9. data/dist/color-filters.json +116 -0
  10. data/dist/color-filters.map.scss +232 -0
  11. data/dist/color-filters.raw.json +642 -0
  12. data/dist/color-filters.scss +114 -0
  13. data/dist/{colors.android-colors.xml → colors.android.xml} +12 -12
  14. data/dist/colors.ase.json +98 -103
  15. data/dist/colors.color-map.scss +51 -51
  16. data/dist/colors.common.js +49 -49
  17. data/dist/colors.custom-properties.css +49 -49
  18. data/dist/colors.json +49 -49
  19. data/dist/colors.map.scss +99 -99
  20. data/dist/colors.raw.json +238 -238
  21. data/dist/colors.scss +49 -49
  22. data/dist/index.common.js +49 -49
  23. data/dist/index.custom-properties.css +49 -49
  24. data/dist/index.d.ts +12 -12
  25. data/dist/index.json +49 -49
  26. data/dist/index.map.scss +99 -99
  27. data/dist/index.raw.json +238 -238
  28. data/dist/index.scss +49 -49
  29. data/package.json +16 -15
  30. metadata +10 -3
data/dist/color-filters.color-map.scss ADDED
@@ -0,0 +1,140 @@
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(32%) sepia(99%) saturate(1186%)
38
+ hue-rotate(181deg) brightness(91%) contrast(103%),
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(45%) sepia(48%) saturate(6022%)
78
+ hue-rotate(31deg) brightness(93%) contrast(80%),
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
+ );
data/dist/color-filters.common.js ADDED
@@ -0,0 +1,116 @@
1
+ module.exports = {
2
+ colorPurpleText:
3
+ 'brightness(0) saturate(100%) invert(29%) sepia(3%) saturate(2843%) hue-rotate(223deg) brightness(92%) contrast(86%)',
4
+ colorPurpleDarker:
5
+ 'brightness(0) saturate(100%) invert(8%) sepia(38%) saturate(6605%) hue-rotate(265deg) brightness(99%) contrast(124%)',
6
+ colorPurpleDark:
7
+ 'brightness(0) saturate(100%) invert(12%) sepia(46%) saturate(4964%) hue-rotate(258deg) brightness(101%) contrast(93%)',
8
+ colorPurple:
9
+ 'brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(1864%) hue-rotate(229deg) brightness(91%) contrast(91%)',
10
+ colorPurpleLight:
11
+ 'brightness(0) saturate(100%) invert(82%) sepia(13%) saturate(1535%) hue-rotate(203deg) brightness(103%) contrast(104%)',
12
+ colorPurpleLighter:
13
+ 'brightness(0) saturate(100%) invert(84%) sepia(15%) saturate(135%) hue-rotate(219deg) brightness(110%) contrast(98%)',
14
+ colorIndigoText:
15
+ 'brightness(0) saturate(100%) invert(24%) sepia(11%) saturate(1035%) hue-rotate(195deg) brightness(97%) contrast(94%)',
16
+ colorIndigoDarker:
17
+ 'brightness(0) saturate(100%) invert(5%) sepia(81%) saturate(5060%) hue-rotate(229deg) brightness(72%) contrast(111%)',
18
+ colorIndigoDark:
19
+ 'brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(4409%) hue-rotate(218deg) brightness(87%) contrast(98%)',
20
+ colorIndigo:
21
+ 'brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%)',
22
+ colorIndigoLight:
23
+ 'brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(4261%) hue-rotate(194deg) brightness(111%) contrast(92%)',
24
+ colorIndigoLighter:
25
+ 'brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(1090%) hue-rotate(179deg) brightness(100%) contrast(96%)',
26
+ colorBlueText:
27
+ 'brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(709%) hue-rotate(158deg) brightness(96%) contrast(89%)',
28
+ colorBlueDarker:
29
+ 'brightness(0) saturate(100%) invert(5%) sepia(33%) saturate(5606%) hue-rotate(195deg) brightness(97%) contrast(102%)',
30
+ colorBlueDark:
31
+ 'brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%)',
32
+ colorBlue:
33
+ 'brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%)',
34
+ colorBlueLight:
35
+ 'brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%)',
36
+ colorBlueLighter:
37
+ 'brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(686%) hue-rotate(175deg) brightness(103%) contrast(96%)',
38
+ colorTealText:
39
+ 'brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(665%) hue-rotate(128deg) brightness(94%) contrast(93%)',
40
+ colorTealDarker:
41
+ 'brightness(0) saturate(100%) invert(15%) sepia(23%) saturate(2237%) hue-rotate(141deg) brightness(96%) contrast(104%)',
42
+ colorTealDark:
43
+ 'brightness(0) saturate(100%) invert(28%) sepia(83%) saturate(3919%) hue-rotate(168deg) brightness(93%) contrast(101%)',
44
+ colorTeal:
45
+ 'brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%)',
46
+ colorTealLight:
47
+ 'brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(683%) hue-rotate(122deg) brightness(97%) contrast(91%)',
48
+ colorTealLighter:
49
+ 'brightness(0) saturate(100%) invert(87%) sepia(5%) saturate(1124%) hue-rotate(173deg) brightness(114%) contrast(92%)',
50
+ colorGreenText:
51
+ 'brightness(0) saturate(100%) invert(30%) sepia(8%) saturate(1010%) hue-rotate(63deg) brightness(91%) contrast(91%)',
52
+ colorGreenDarker:
53
+ 'brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(727%) hue-rotate(118deg) brightness(93%) contrast(91%)',
54
+ colorGreenDark:
55
+ 'brightness(0) saturate(100%) invert(18%) sepia(75%) saturate(6649%) hue-rotate(155deg) brightness(97%) contrast(87%)',
56
+ colorGreen:
57
+ 'brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(2637%) hue-rotate(64deg) brightness(106%) contrast(91%)',
58
+ colorGreenLight:
59
+ 'brightness(0) saturate(100%) invert(93%) sepia(15%) saturate(599%) hue-rotate(52deg) brightness(93%) contrast(93%)',
60
+ colorGreenLighter:
61
+ 'brightness(0) saturate(100%) invert(92%) sepia(51%) saturate(187%) hue-rotate(46deg) brightness(108%) contrast(89%)',
62
+ colorYellowText:
63
+ 'brightness(0) saturate(100%) invert(28%) sepia(42%) saturate(413%) hue-rotate(11deg) brightness(97%) contrast(91%)',
64
+ colorYellowDarker:
65
+ 'brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%) hue-rotate(17deg) brightness(103%) contrast(103%)',
66
+ colorYellowDark:
67
+ 'brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%)',
68
+ colorYellow:
69
+ 'brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%)',
70
+ colorYellowLight:
71
+ 'brightness(0) saturate(100%) invert(77%) sepia(72%) saturate(246%) hue-rotate(355deg) brightness(103%) contrast(107%)',
72
+ colorYellowLighter:
73
+ 'brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(234%) hue-rotate(357deg) brightness(103%) contrast(98%)',
74
+ colorOrangeText:
75
+ 'brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(1092%) hue-rotate(348deg) brightness(99%) contrast(84%)',
76
+ colorOrangeDarker:
77
+ 'brightness(0) saturate(100%) invert(9%) sepia(83%) saturate(1926%) hue-rotate(356deg) brightness(98%) contrast(99%)',
78
+ colorOrangeDark:
79
+ 'brightness(0) saturate(100%) invert(29%) sepia(94%) saturate(1431%) hue-rotate(5deg) brightness(96%) contrast(82%)',
80
+ colorOrange:
81
+ 'brightness(0) saturate(100%) invert(54%) sepia(86%) saturate(416%) hue-rotate(340deg) brightness(105%) contrast(91%)',
82
+ colorOrangeLight:
83
+ 'brightness(0) saturate(100%) invert(77%) sepia(39%) saturate(483%) hue-rotate(335deg) brightness(101%) contrast(103%)',
84
+ colorOrangeLighter:
85
+ 'brightness(0) saturate(100%) invert(93%) sepia(11%) saturate(918%) hue-rotate(312deg) brightness(107%) contrast(98%)',
86
+ colorRedText:
87
+ 'brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(2068%) hue-rotate(325deg) brightness(92%) contrast(83%)',
88
+ colorRedDarker:
89
+ 'brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%)',
90
+ colorRedDark:
91
+ 'brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%)',
92
+ colorRed:
93
+ 'brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(3622%) hue-rotate(353deg) brightness(89%) contrast(95%)',
94
+ colorRedLight:
95
+ 'brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(2561%) hue-rotate(313deg) brightness(101%) contrast(99%)',
96
+ colorRedLighter:
97
+ 'brightness(0) saturate(100%) invert(89%) sepia(21%) saturate(137%) hue-rotate(324deg) brightness(102%) contrast(97%)',
98
+ colorInk:
99
+ 'brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(2259%) hue-rotate(171deg) brightness(99%) contrast(84%)',
100
+ colorInkLight:
101
+ 'brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(1069%) hue-rotate(173deg) brightness(83%) contrast(84%)',
102
+ colorInkLighter:
103
+ 'brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(825%) hue-rotate(166deg) brightness(95%) contrast(90%)',
104
+ colorInkLightest:
105
+ 'brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(246%) hue-rotate(169deg) brightness(88%) contrast(90%)',
106
+ colorSkyDark:
107
+ 'brightness(0) saturate(100%) invert(86%) sepia(4%) saturate(502%) hue-rotate(167deg) brightness(96%) contrast(91%)',
108
+ colorSky:
109
+ 'brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(336%) hue-rotate(175deg) brightness(97%) contrast(87%)',
110
+ colorSkyLight:
111
+ 'brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(467%) hue-rotate(174deg) brightness(99%) contrast(96%)',
112
+ colorSkyLighter:
113
+ 'brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(159%) hue-rotate(170deg) brightness(99%) contrast(99%)',
114
+ colorBlack: 'brightness(0) saturate(100%)',
115
+ colorWhite: 'brightness(0) saturate(100%) invert(100%)',
116
+ };
data/dist/color-filters.custom-properties.css ADDED
@@ -0,0 +1,116 @@
1
+ :root {
2
+ --color-purple-text: brightness(0) saturate(100%) invert(29%) sepia(3%)
3
+ saturate(2843%) hue-rotate(223deg) brightness(92%) contrast(86%);
4
+ --color-purple-darker: brightness(0) saturate(100%) invert(8%) sepia(38%)
5
+ saturate(6605%) hue-rotate(265deg) brightness(99%) contrast(124%);
6
+ --color-purple-dark: brightness(0) saturate(100%) invert(12%) sepia(46%)
7
+ saturate(4964%) hue-rotate(258deg) brightness(101%) contrast(93%);
8
+ --color-purple: brightness(0) saturate(100%) invert(49%) sepia(77%)
9
+ saturate(1864%) hue-rotate(229deg) brightness(91%) contrast(91%);
10
+ --color-purple-light: brightness(0) saturate(100%) invert(82%) sepia(13%)
11
+ saturate(1535%) hue-rotate(203deg) brightness(103%) contrast(104%);
12
+ --color-purple-lighter: brightness(0) saturate(100%) invert(84%) sepia(15%)
13
+ saturate(135%) hue-rotate(219deg) brightness(110%) contrast(98%);
14
+ --color-indigo-text: brightness(0) saturate(100%) invert(24%) sepia(11%)
15
+ saturate(1035%) hue-rotate(195deg) brightness(97%) contrast(94%);
16
+ --color-indigo-darker: brightness(0) saturate(100%) invert(5%) sepia(81%)
17
+ saturate(5060%) hue-rotate(229deg) brightness(72%) contrast(111%);
18
+ --color-indigo-dark: brightness(0) saturate(100%) invert(17%) sepia(28%)
19
+ saturate(4409%) hue-rotate(218deg) brightness(87%) contrast(98%);
20
+ --color-indigo: brightness(0) saturate(100%) invert(45%) sepia(17%)
21
+ saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%);
22
+ --color-indigo-light: brightness(0) saturate(100%) invert(82%) sepia(37%)
23
+ saturate(4261%) hue-rotate(194deg) brightness(111%) contrast(92%);
24
+ --color-indigo-lighter: brightness(0) saturate(100%) invert(100%) sepia(25%)
25
+ saturate(1090%) hue-rotate(179deg) brightness(100%) contrast(96%);
26
+ --color-blue-text: brightness(0) saturate(100%) invert(27%) sepia(13%)
27
+ saturate(709%) hue-rotate(158deg) brightness(96%) contrast(89%);
28
+ --color-blue-darker: brightness(0) saturate(100%) invert(5%) sepia(33%)
29
+ saturate(5606%) hue-rotate(195deg) brightness(97%) contrast(102%);
30
+ --color-blue-dark: brightness(0) saturate(100%) invert(22%) sepia(70%)
31
+ saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%);
32
+ --color-blue: brightness(0) saturate(100%) invert(32%) sepia(99%)
33
+ saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%);
34
+ --color-blue-light: brightness(0) saturate(100%) invert(80%) sepia(7%)
35
+ saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%);
36
+ --color-blue-lighter: brightness(0) saturate(100%) invert(100%) sepia(94%)
37
+ saturate(686%) hue-rotate(175deg) brightness(103%) contrast(96%);
38
+ --color-teal-text: brightness(0) saturate(100%) invert(31%) sepia(11%)
39
+ saturate(665%) hue-rotate(128deg) brightness(94%) contrast(93%);
40
+ --color-teal-darker: brightness(0) saturate(100%) invert(15%) sepia(23%)
41
+ saturate(2237%) hue-rotate(141deg) brightness(96%) contrast(104%);
42
+ --color-teal-dark: brightness(0) saturate(100%) invert(28%) sepia(83%)
43
+ saturate(3919%) hue-rotate(168deg) brightness(93%) contrast(101%);
44
+ --color-teal: brightness(0) saturate(100%) invert(72%) sepia(8%)
45
+ saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%);
46
+ --color-teal-light: brightness(0) saturate(100%) invert(95%) sepia(12%)
47
+ saturate(683%) hue-rotate(122deg) brightness(97%) contrast(91%);
48
+ --color-teal-lighter: brightness(0) saturate(100%) invert(87%) sepia(5%)
49
+ saturate(1124%) hue-rotate(173deg) brightness(114%) contrast(92%);
50
+ --color-green-text: brightness(0) saturate(100%) invert(30%) sepia(8%)
51
+ saturate(1010%) hue-rotate(63deg) brightness(91%) contrast(91%);
52
+ --color-green-darker: brightness(0) saturate(100%) invert(15%) sepia(32%)
53
+ saturate(727%) hue-rotate(118deg) brightness(93%) contrast(91%);
54
+ --color-green-dark: brightness(0) saturate(100%) invert(18%) sepia(75%)
55
+ saturate(6649%) hue-rotate(155deg) brightness(97%) contrast(87%);
56
+ --color-green: brightness(0) saturate(100%) invert(56%) sepia(10%)
57
+ saturate(2637%) hue-rotate(64deg) brightness(106%) contrast(91%);
58
+ --color-green-light: brightness(0) saturate(100%) invert(93%) sepia(15%)
59
+ saturate(599%) hue-rotate(52deg) brightness(93%) contrast(93%);
60
+ --color-green-lighter: brightness(0) saturate(100%) invert(92%) sepia(51%)
61
+ saturate(187%) hue-rotate(46deg) brightness(108%) contrast(89%);
62
+ --color-yellow-text: brightness(0) saturate(100%) invert(28%) sepia(42%)
63
+ saturate(413%) hue-rotate(11deg) brightness(97%) contrast(91%);
64
+ --color-yellow-darker: brightness(0) saturate(100%) invert(19%) sepia(75%)
65
+ saturate(981%) hue-rotate(17deg) brightness(103%) contrast(103%);
66
+ --color-yellow-dark: brightness(0) saturate(100%) invert(45%) sepia(48%)
67
+ saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%);
68
+ --color-yellow: brightness(0) saturate(100%) invert(65%) sepia(91%)
69
+ saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%);
70
+ --color-yellow-light: brightness(0) saturate(100%) invert(77%) sepia(72%)
71
+ saturate(246%) hue-rotate(355deg) brightness(103%) contrast(107%);
72
+ --color-yellow-lighter: brightness(0) saturate(100%) invert(88%) sepia(27%)
73
+ saturate(234%) hue-rotate(357deg) brightness(103%) contrast(98%);
74
+ --color-orange-text: brightness(0) saturate(100%) invert(23%) sepia(18%)
75
+ saturate(1092%) hue-rotate(348deg) brightness(99%) contrast(84%);
76
+ --color-orange-darker: brightness(0) saturate(100%) invert(9%) sepia(83%)
77
+ saturate(1926%) hue-rotate(356deg) brightness(98%) contrast(99%);
78
+ --color-orange-dark: brightness(0) saturate(100%) invert(29%) sepia(94%)
79
+ saturate(1431%) hue-rotate(5deg) brightness(96%) contrast(82%);
80
+ --color-orange: brightness(0) saturate(100%) invert(54%) sepia(86%)
81
+ saturate(416%) hue-rotate(340deg) brightness(105%) contrast(91%);
82
+ --color-orange-light: brightness(0) saturate(100%) invert(77%) sepia(39%)
83
+ saturate(483%) hue-rotate(335deg) brightness(101%) contrast(103%);
84
+ --color-orange-lighter: brightness(0) saturate(100%) invert(93%) sepia(11%)
85
+ saturate(918%) hue-rotate(312deg) brightness(107%) contrast(98%);
86
+ --color-red-text: brightness(0) saturate(100%) invert(22%) sepia(9%)
87
+ saturate(2068%) hue-rotate(325deg) brightness(92%) contrast(83%);
88
+ --color-red-darker: brightness(0) saturate(100%) invert(12%) sepia(100%)
89
+ saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%);
90
+ --color-red-dark: brightness(0) saturate(100%) invert(12%) sepia(100%)
91
+ saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%);
92
+ --color-red: brightness(0) saturate(100%) invert(28%) sepia(67%)
93
+ saturate(3622%) hue-rotate(353deg) brightness(89%) contrast(95%);
94
+ --color-red-light: brightness(0) saturate(100%) invert(80%) sepia(9%)
95
+ saturate(2561%) hue-rotate(313deg) brightness(101%) contrast(99%);
96
+ --color-red-lighter: brightness(0) saturate(100%) invert(89%) sepia(21%)
97
+ saturate(137%) hue-rotate(324deg) brightness(102%) contrast(97%);
98
+ --color-ink: brightness(0) saturate(100%) invert(10%) sepia(10%)
99
+ saturate(2259%) hue-rotate(171deg) brightness(99%) contrast(84%);
100
+ --color-ink-light: brightness(0) saturate(100%) invert(32%) sepia(9%)
101
+ saturate(1069%) hue-rotate(173deg) brightness(83%) contrast(84%);
102
+ --color-ink-lighter: brightness(0) saturate(100%) invert(45%) sepia(8%)
103
+ saturate(825%) hue-rotate(166deg) brightness(95%) contrast(90%);
104
+ --color-ink-lightest: brightness(0) saturate(100%) invert(68%) sepia(18%)
105
+ saturate(246%) hue-rotate(169deg) brightness(88%) contrast(90%);
106
+ --color-sky-dark: brightness(0) saturate(100%) invert(86%) sepia(4%)
107
+ saturate(502%) hue-rotate(167deg) brightness(96%) contrast(91%);
108
+ --color-sky: brightness(0) saturate(100%) invert(100%) sepia(95%)
109
+ saturate(336%) hue-rotate(175deg) brightness(97%) contrast(87%);
110
+ --color-sky-light: brightness(0) saturate(100%) invert(99%) sepia(12%)
111
+ saturate(467%) hue-rotate(174deg) brightness(99%) contrast(96%);
112
+ --color-sky-lighter: brightness(0) saturate(100%) invert(99%) sepia(1%)
113
+ saturate(159%) hue-rotate(170deg) brightness(99%) contrast(99%);
114
+ --color-black: brightness(0) saturate(100%);
115
+ --color-white: brightness(0) saturate(100%) invert(100%);
116
+ }
data/dist/color-filters.json ADDED
@@ -0,0 +1,116 @@
1
+ {
2
+ "color-purple-text":
3
+ "brightness(0) saturate(100%) invert(29%) sepia(3%) saturate(2843%) hue-rotate(223deg) brightness(92%) contrast(86%)",
4
+ "color-purple-darker":
5
+ "brightness(0) saturate(100%) invert(8%) sepia(38%) saturate(6605%) hue-rotate(265deg) brightness(99%) contrast(124%)",
6
+ "color-purple-dark":
7
+ "brightness(0) saturate(100%) invert(12%) sepia(46%) saturate(4964%) hue-rotate(258deg) brightness(101%) contrast(93%)",
8
+ "color-purple":
9
+ "brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(1864%) hue-rotate(229deg) brightness(91%) contrast(91%)",
10
+ "color-purple-light":
11
+ "brightness(0) saturate(100%) invert(82%) sepia(13%) saturate(1535%) hue-rotate(203deg) brightness(103%) contrast(104%)",
12
+ "color-purple-lighter":
13
+ "brightness(0) saturate(100%) invert(84%) sepia(15%) saturate(135%) hue-rotate(219deg) brightness(110%) contrast(98%)",
14
+ "color-indigo-text":
15
+ "brightness(0) saturate(100%) invert(24%) sepia(11%) saturate(1035%) hue-rotate(195deg) brightness(97%) contrast(94%)",
16
+ "color-indigo-darker":
17
+ "brightness(0) saturate(100%) invert(5%) sepia(81%) saturate(5060%) hue-rotate(229deg) brightness(72%) contrast(111%)",
18
+ "color-indigo-dark":
19
+ "brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(4409%) hue-rotate(218deg) brightness(87%) contrast(98%)",
20
+ "color-indigo":
21
+ "brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%)",
22
+ "color-indigo-light":
23
+ "brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(4261%) hue-rotate(194deg) brightness(111%) contrast(92%)",
24
+ "color-indigo-lighter":
25
+ "brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(1090%) hue-rotate(179deg) brightness(100%) contrast(96%)",
26
+ "color-blue-text":
27
+ "brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(709%) hue-rotate(158deg) brightness(96%) contrast(89%)",
28
+ "color-blue-darker":
29
+ "brightness(0) saturate(100%) invert(5%) sepia(33%) saturate(5606%) hue-rotate(195deg) brightness(97%) contrast(102%)",
30
+ "color-blue-dark":
31
+ "brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%)",
32
+ "color-blue":
33
+ "brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%)",
34
+ "color-blue-light":
35
+ "brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%)",
36
+ "color-blue-lighter":
37
+ "brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(686%) hue-rotate(175deg) brightness(103%) contrast(96%)",
38
+ "color-teal-text":
39
+ "brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(665%) hue-rotate(128deg) brightness(94%) contrast(93%)",
40
+ "color-teal-darker":
41
+ "brightness(0) saturate(100%) invert(15%) sepia(23%) saturate(2237%) hue-rotate(141deg) brightness(96%) contrast(104%)",
42
+ "color-teal-dark":
43
+ "brightness(0) saturate(100%) invert(28%) sepia(83%) saturate(3919%) hue-rotate(168deg) brightness(93%) contrast(101%)",
44
+ "color-teal":
45
+ "brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%)",
46
+ "color-teal-light":
47
+ "brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(683%) hue-rotate(122deg) brightness(97%) contrast(91%)",
48
+ "color-teal-lighter":
49
+ "brightness(0) saturate(100%) invert(87%) sepia(5%) saturate(1124%) hue-rotate(173deg) brightness(114%) contrast(92%)",
50
+ "color-green-text":
51
+ "brightness(0) saturate(100%) invert(30%) sepia(8%) saturate(1010%) hue-rotate(63deg) brightness(91%) contrast(91%)",
52
+ "color-green-darker":
53
+ "brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(727%) hue-rotate(118deg) brightness(93%) contrast(91%)",
54
+ "color-green-dark":
55
+ "brightness(0) saturate(100%) invert(18%) sepia(75%) saturate(6649%) hue-rotate(155deg) brightness(97%) contrast(87%)",
56
+ "color-green":
57
+ "brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(2637%) hue-rotate(64deg) brightness(106%) contrast(91%)",
58
+ "color-green-light":
59
+ "brightness(0) saturate(100%) invert(93%) sepia(15%) saturate(599%) hue-rotate(52deg) brightness(93%) contrast(93%)",
60
+ "color-green-lighter":
61
+ "brightness(0) saturate(100%) invert(92%) sepia(51%) saturate(187%) hue-rotate(46deg) brightness(108%) contrast(89%)",
62
+ "color-yellow-text":
63
+ "brightness(0) saturate(100%) invert(28%) sepia(42%) saturate(413%) hue-rotate(11deg) brightness(97%) contrast(91%)",
64
+ "color-yellow-darker":
65
+ "brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%) hue-rotate(17deg) brightness(103%) contrast(103%)",
66
+ "color-yellow-dark":
67
+ "brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%)",
68
+ "color-yellow":
69
+ "brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%)",
70
+ "color-yellow-light":
71
+ "brightness(0) saturate(100%) invert(77%) sepia(72%) saturate(246%) hue-rotate(355deg) brightness(103%) contrast(107%)",
72
+ "color-yellow-lighter":
73
+ "brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(234%) hue-rotate(357deg) brightness(103%) contrast(98%)",
74
+ "color-orange-text":
75
+ "brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(1092%) hue-rotate(348deg) brightness(99%) contrast(84%)",
76
+ "color-orange-darker":
77
+ "brightness(0) saturate(100%) invert(9%) sepia(83%) saturate(1926%) hue-rotate(356deg) brightness(98%) contrast(99%)",
78
+ "color-orange-dark":
79
+ "brightness(0) saturate(100%) invert(29%) sepia(94%) saturate(1431%) hue-rotate(5deg) brightness(96%) contrast(82%)",
80
+ "color-orange":
81
+ "brightness(0) saturate(100%) invert(54%) sepia(86%) saturate(416%) hue-rotate(340deg) brightness(105%) contrast(91%)",
82
+ "color-orange-light":
83
+ "brightness(0) saturate(100%) invert(77%) sepia(39%) saturate(483%) hue-rotate(335deg) brightness(101%) contrast(103%)",
84
+ "color-orange-lighter":
85
+ "brightness(0) saturate(100%) invert(93%) sepia(11%) saturate(918%) hue-rotate(312deg) brightness(107%) contrast(98%)",
86
+ "color-red-text":
87
+ "brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(2068%) hue-rotate(325deg) brightness(92%) contrast(83%)",
88
+ "color-red-darker":
89
+ "brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%)",
90
+ "color-red-dark":
91
+ "brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%)",
92
+ "color-red":
93
+ "brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(3622%) hue-rotate(353deg) brightness(89%) contrast(95%)",
94
+ "color-red-light":
95
+ "brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(2561%) hue-rotate(313deg) brightness(101%) contrast(99%)",
96
+ "color-red-lighter":
97
+ "brightness(0) saturate(100%) invert(89%) sepia(21%) saturate(137%) hue-rotate(324deg) brightness(102%) contrast(97%)",
98
+ "color-ink":
99
+ "brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(2259%) hue-rotate(171deg) brightness(99%) contrast(84%)",
100
+ "color-ink-light":
101
+ "brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(1069%) hue-rotate(173deg) brightness(83%) contrast(84%)",
102
+ "color-ink-lighter":
103
+ "brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(825%) hue-rotate(166deg) brightness(95%) contrast(90%)",
104
+ "color-ink-lightest":
105
+ "brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(246%) hue-rotate(169deg) brightness(88%) contrast(90%)",
106
+ "color-sky-dark":
107
+ "brightness(0) saturate(100%) invert(86%) sepia(4%) saturate(502%) hue-rotate(167deg) brightness(96%) contrast(91%)",
108
+ "color-sky":
109
+ "brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(336%) hue-rotate(175deg) brightness(97%) contrast(87%)",
110
+ "color-sky-light":
111
+ "brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(467%) hue-rotate(174deg) brightness(99%) contrast(96%)",
112
+ "color-sky-lighter":
113
+ "brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(159%) hue-rotate(170deg) brightness(99%) contrast(99%)",
114
+ "color-black": "brightness(0) saturate(100%)",
115
+ "color-white": "brightness(0) saturate(100%) invert(100%)"
116
+ }