@charcoal-ui/theme 3.13.1 → 3.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/docs/ThemeColors.d.ts +2 -0
- package/dist/docs/ThemeColors.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/css/_variables_dark.css +506 -0
- package/src/css/_variables_light.css +506 -0
- package/src/docs/Color.mdx +10 -0
- package/src/docs/README.mdx +57 -0
- package/src/docs/ThemeColors.tsx +65 -0
- package/src/json/base.json +327 -0
- package/src/json/pixiv-dark.json +190 -0
- package/src/json/pixiv-light.json +190 -0
|
@@ -0,0 +1,327 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"light/neutral/0": { "value": "rgba(255, 255, 255, 1)" },
|
|
4
|
+
"light/neutral-a/0": { "value": "rgba(31, 31, 31, 0)" },
|
|
5
|
+
"light/neutral-a/5": { "value": "rgba(31, 31, 31, 0.055)" },
|
|
6
|
+
"light/neutral-a/10": { "value": "rgba(31, 31, 31, 0.102)" },
|
|
7
|
+
"light/neutral-a/20": { "value": "rgba(31, 31, 31, 0.17)" },
|
|
8
|
+
"light/neutral-a/30": { "value": "rgba(31, 31, 31, 0.27)" },
|
|
9
|
+
"light/neutral-a/40": { "value": "rgba(31, 31, 31, 0.37)" },
|
|
10
|
+
"light/neutral-a/50": { "value": "rgba(31, 31, 31, 0.475)" },
|
|
11
|
+
"light/neutral-a/60": { "value": "rgba(31, 31, 31, 0.635)" },
|
|
12
|
+
"light/neutral-a/70": { "value": "rgba(31, 31, 31, 0.775)" },
|
|
13
|
+
"light/neutral-a/80": { "value": "rgba(31, 31, 31, 0.885)" },
|
|
14
|
+
"light/neutral-a/90": { "value": "{color.light/neutral/90}" },
|
|
15
|
+
"light/neutral/5": { "value": "rgba(243, 243, 243, 1)" },
|
|
16
|
+
"light/neutral/10": { "value": "rgba(232, 232, 232, 1)" },
|
|
17
|
+
"light/neutral/20": { "value": "rgba(217, 217, 217, 1)" },
|
|
18
|
+
"light/neutral/30": { "value": "rgba(194, 194, 194, 1)" },
|
|
19
|
+
"light/neutral/40": { "value": "rgba(172, 172, 172, 1)" },
|
|
20
|
+
"light/neutral/50": { "value": "rgba(148, 148, 148, 1)" },
|
|
21
|
+
"light/neutral/60": { "value": "rgba(113, 113, 113, 1)" },
|
|
22
|
+
"light/neutral/70": { "value": "rgba(81, 81, 81, 1)" },
|
|
23
|
+
"light/neutral/80": { "value": "rgba(56, 56, 56, 1)" },
|
|
24
|
+
"light/neutral/90": { "value": "rgba(31, 31, 31, 1)" },
|
|
25
|
+
"light/red/0": { "value": "rgba(255, 255, 255, 1)" },
|
|
26
|
+
"light/red/5": { "value": "rgba(253, 240, 237, 1)" },
|
|
27
|
+
"light/red/10": { "value": "rgba(250, 228, 225, 1)" },
|
|
28
|
+
"light/red/20": { "value": "rgba(253, 206, 199, 1)" },
|
|
29
|
+
"light/red/30": { "value": "rgba(253, 174, 163, 1)" },
|
|
30
|
+
"light/red/40": { "value": "rgba(252, 138, 124, 1)" },
|
|
31
|
+
"light/red/50": { "value": "rgba(253, 91, 78, 1)" },
|
|
32
|
+
"light/red/60": { "value": "rgba(206, 54, 46, 1)" },
|
|
33
|
+
"light/red/70": { "value": "rgba(147, 33, 28, 1)" },
|
|
34
|
+
"light/red/80": { "value": "rgba(103, 22, 17, 1)" },
|
|
35
|
+
"light/red/90": { "value": "rgba(66, 0, 1, 1)" },
|
|
36
|
+
"light/orange/5": { "value": "rgba(253, 241, 229, 1)" },
|
|
37
|
+
"light/orange/10": { "value": "rgba(252, 229, 211, 1)" },
|
|
38
|
+
"light/orange/20": { "value": "rgba(253, 209, 177, 1)" },
|
|
39
|
+
"light/orange/30": { "value": "rgba(254, 176, 121, 1)" },
|
|
40
|
+
"light/orange/40": { "value": "rgba(253, 143, 53, 1)" },
|
|
41
|
+
"light/orange/50": { "value": "rgba(242, 105, 21, 1)" },
|
|
42
|
+
"light/orange/60": { "value": "rgba(190, 79, 4, 1)" },
|
|
43
|
+
"light/orange/70": { "value": "rgba(132, 54, 7, 1)" },
|
|
44
|
+
"light/orange/80": { "value": "rgba(91, 38, 13, 1)" },
|
|
45
|
+
"light/orange/90": { "value": "rgba(55, 18, 2, 1)" },
|
|
46
|
+
"light/yellow/0": { "value": "rgba(255, 255, 255, 1)" },
|
|
47
|
+
"light/yellow/5": { "value": "rgba(250, 243, 221, 1)" },
|
|
48
|
+
"light/yellow/10": { "value": "rgba(246, 232, 176, 1)" },
|
|
49
|
+
"light/yellow/20": { "value": "rgba(254, 214, 61, 1)" },
|
|
50
|
+
"light/yellow/30": { "value": "rgba(245, 183, 17, 1)" },
|
|
51
|
+
"light/yellow/40": { "value": "rgba(231, 157, 20, 1)" },
|
|
52
|
+
"light/yellow/50": { "value": "rgba(205, 131, 2, 1)" },
|
|
53
|
+
"light/yellow/60": { "value": "rgba(161, 99, 9, 1)" },
|
|
54
|
+
"light/yellow/70": { "value": "rgba(110, 72, 5, 1)" },
|
|
55
|
+
"light/yellow/80": { "value": "rgba(74, 51, 7, 1)" },
|
|
56
|
+
"light/yellow/90": { "value": "rgba(44, 28, 0, 1)" },
|
|
57
|
+
"light/green/0": { "value": "rgba(255, 255, 255, 1)" },
|
|
58
|
+
"light/green/5": { "value": "rgba(234, 248, 232, 1)" },
|
|
59
|
+
"light/green/10": { "value": "rgba(204, 243, 200, 1)" },
|
|
60
|
+
"light/green/20": { "value": "rgba(164, 234, 157, 1)" },
|
|
61
|
+
"light/green/30": { "value": "rgba(121, 214, 112, 1)" },
|
|
62
|
+
"light/green/40": { "value": "rgba(80, 192, 72, 1)" },
|
|
63
|
+
"light/green/50": { "value": "rgba(37, 170, 28, 1)" },
|
|
64
|
+
"light/green/60": { "value": "rgba(17, 131, 8, 1)" },
|
|
65
|
+
"light/green/70": { "value": "rgba(4, 93, 0, 1)" },
|
|
66
|
+
"light/green/80": { "value": "rgba(7, 64, 4, 1)" },
|
|
67
|
+
"light/green/90": { "value": "rgba(1, 40, 0, 1)" },
|
|
68
|
+
"light/turquoise/0": { "value": "rgba(255, 255, 255, 1)" },
|
|
69
|
+
"light/turquoise/5": { "value": "rgba(225, 249, 249, 1)" },
|
|
70
|
+
"light/turquoise/10": { "value": "rgba(196, 240, 241, 1)" },
|
|
71
|
+
"light/turquoise/20": { "value": "rgba(152, 228, 229, 1)" },
|
|
72
|
+
"light/turquoise/30": { "value": "rgba(109, 204, 205, 1)" },
|
|
73
|
+
"light/turquoise/40": { "value": "rgba(63, 184, 186, 1)" },
|
|
74
|
+
"light/turquoise/50": { "value": "rgba(27, 161, 163, 1)" },
|
|
75
|
+
"light/turquoise/60": { "value": "rgba(11, 126, 128, 1)" },
|
|
76
|
+
"light/turquoise/70": { "value": "rgba(3, 87, 89, 1)" },
|
|
77
|
+
"light/turquoise/80": { "value": "rgba(1, 61, 62, 1)" },
|
|
78
|
+
"light/turquoise/90": { "value": "rgba(1, 37, 37, 1)" },
|
|
79
|
+
"light/blue/0": { "value": "rgba(255, 255, 255, 1)" },
|
|
80
|
+
"light/blue/5": { "value": "rgba(236, 244, 253, 1)" },
|
|
81
|
+
"light/blue/10": { "value": "rgba(216, 235, 251, 1)" },
|
|
82
|
+
"light/blue/20": { "value": "rgba(188, 222, 252, 1)" },
|
|
83
|
+
"light/blue/30": { "value": "rgba(137, 200, 253, 1)" },
|
|
84
|
+
"light/blue/40": { "value": "rgba(85, 178, 253, 1)" },
|
|
85
|
+
"light/blue/50": { "value": "rgba(0, 150, 250, 1)" },
|
|
86
|
+
"light/blue/60": { "value": "rgba(31, 117, 188, 1)" },
|
|
87
|
+
"light/blue/70": { "value": "rgba(24, 81, 130, 1)" },
|
|
88
|
+
"light/blue/80": { "value": "rgba(19, 58, 93, 1)" },
|
|
89
|
+
"light/blue/90": { "value": "rgba(3, 35, 63, 1)" },
|
|
90
|
+
"light/indigo/5": { "value": "rgba(241, 242, 253, 1)" },
|
|
91
|
+
"light/indigo/10": { "value": "rgba(226, 231, 253, 1)" },
|
|
92
|
+
"light/indigo/20": { "value": "rgba(210, 216, 252, 1)" },
|
|
93
|
+
"light/indigo/30": { "value": "rgba(181, 189, 253, 1)" },
|
|
94
|
+
"light/indigo/40": { "value": "rgba(156, 165, 252, 1)" },
|
|
95
|
+
"light/indigo/50": { "value": "rgba(129, 136, 253, 1)" },
|
|
96
|
+
"light/indigo/60": { "value": "rgba(95, 97, 222, 1)" },
|
|
97
|
+
"light/indigo/70": { "value": "rgba(68, 70, 155, 1)" },
|
|
98
|
+
"light/indigo/80": { "value": "rgba(45, 47, 109, 1)" },
|
|
99
|
+
"light/indigo/90": { "value": "rgba(24, 24, 70, 1)" },
|
|
100
|
+
"light/purple/5": { "value": "rgba(244, 241, 252, 1)" },
|
|
101
|
+
"light/purple/10": { "value": "rgba(236, 229, 251, 1)" },
|
|
102
|
+
"light/purple/20": { "value": "rgba(224, 210, 253, 1)" },
|
|
103
|
+
"light/purple/30": { "value": "rgba(207, 183, 253, 1)" },
|
|
104
|
+
"light/purple/40": { "value": "rgba(190, 153, 253, 1)" },
|
|
105
|
+
"light/purple/50": { "value": "rgba(173, 120, 252, 1)" },
|
|
106
|
+
"light/purple/60": { "value": "rgba(143, 77, 225, 1)" },
|
|
107
|
+
"light/purple/70": { "value": "rgba(103, 39, 171, 1)" },
|
|
108
|
+
"light/purple/80": { "value": "rgba(70, 32, 115, 1)" },
|
|
109
|
+
"light/purple/90": { "value": "rgba(40, 16, 70, 1)" },
|
|
110
|
+
"light/magenta/5": { "value": "rgba(252, 239, 244, 1)" },
|
|
111
|
+
"light/magenta/10": { "value": "rgba(251, 226, 237, 1)" },
|
|
112
|
+
"light/magenta/20": { "value": "rgba(255, 204, 226, 1)" },
|
|
113
|
+
"light/magenta/30": { "value": "rgba(245, 173, 206, 1)" },
|
|
114
|
+
"light/magenta/40": { "value": "rgba(250, 131, 192, 1)" },
|
|
115
|
+
"light/magenta/50": { "value": "rgba(235, 95, 170, 1)" },
|
|
116
|
+
"light/magenta/60": { "value": "rgba(196, 53, 135, 1)" },
|
|
117
|
+
"light/magenta/70": { "value": "rgba(141, 33, 96, 1)" },
|
|
118
|
+
"light/magenta/80": { "value": "rgba(98, 27, 67, 1)" },
|
|
119
|
+
"light/magenta/90": { "value": "rgba(59, 5, 37, 1)" },
|
|
120
|
+
"dark/neutral/-10": { "value": "rgba(6, 6, 6, 1)" },
|
|
121
|
+
"dark/neutral-a/-10": { "value": "rgba(6, 6, 6, 1)" },
|
|
122
|
+
"dark/neutral-a/-5": { "value": "rgba(6, 6, 6, 0.41)" },
|
|
123
|
+
"dark/neutral-a/0": { "value": "rgba(228, 228, 228, 0)" },
|
|
124
|
+
"dark/neutral-a/5": { "value": "rgba(228, 228, 228, 0.05)" },
|
|
125
|
+
"dark/neutral-a/10": { "value": "rgba(228, 228, 228, 0.1)" },
|
|
126
|
+
"dark/neutral-a/20": { "value": "rgba(228, 228, 228, 0.255)" },
|
|
127
|
+
"dark/neutral-a/30": { "value": "rgba(228, 228, 228, 0.41)" },
|
|
128
|
+
"dark/neutral-a/40": { "value": "rgba(228, 228, 228, 0.505)" },
|
|
129
|
+
"dark/neutral-a/50": { "value": "rgba(228, 228, 228, 0.61)" },
|
|
130
|
+
"dark/neutral-a/60": { "value": "rgba(228, 228, 228, 0.73)" },
|
|
131
|
+
"dark/neutral-a/70": { "value": "rgba(228, 228, 228, 0.795)" },
|
|
132
|
+
"dark/neutral-a/80": { "value": "rgba(228, 228, 228, 0.87)" },
|
|
133
|
+
"dark/neutral-a/90": { "value": "{color.dark/neutral/90}" },
|
|
134
|
+
"dark/neutral/-5": { "value": "rgba(21, 21, 21, 1)" },
|
|
135
|
+
"dark/neutral/0": { "value": "rgba(31, 31, 31, 1)" },
|
|
136
|
+
"dark/neutral/5": { "value": "rgba(41, 41, 41, 1)" },
|
|
137
|
+
"dark/neutral/10": { "value": "rgba(51, 51, 51, 1)" },
|
|
138
|
+
"dark/neutral/20": { "value": "rgba(81, 81, 81, 1)" },
|
|
139
|
+
"dark/neutral/30": { "value": "rgba(112, 112, 112, 1)" },
|
|
140
|
+
"dark/neutral/40": { "value": "rgba(130, 130, 130, 1)" },
|
|
141
|
+
"dark/neutral/50": { "value": "rgba(151, 151, 151, 1)" },
|
|
142
|
+
"dark/neutral/60": { "value": "rgba(175, 175, 175, 1)" },
|
|
143
|
+
"dark/neutral/70": { "value": "rgba(188, 188, 188, 1)" },
|
|
144
|
+
"dark/neutral/80": { "value": "rgba(202, 202, 202, 1)" },
|
|
145
|
+
"dark/neutral/90": { "value": "rgba(228, 228, 228, 1)" },
|
|
146
|
+
"dark/red/-10": { "value": "rgba(6, 6, 6, 1)" },
|
|
147
|
+
"dark/red/-5": { "value": "rgba(21, 21, 21, 1)" },
|
|
148
|
+
"dark/red/0": { "value": "rgba(31, 31, 31, 1)" },
|
|
149
|
+
"dark/red/5": { "value": "rgba(47, 39, 38, 1)" },
|
|
150
|
+
"dark/red/10": { "value": "rgba(73, 47, 43, 1)" },
|
|
151
|
+
"dark/red/20": { "value": "rgba(136, 54, 46, 1)" },
|
|
152
|
+
"dark/red/30": { "value": "rgba(197, 60, 51, 1)" },
|
|
153
|
+
"dark/red/40": { "value": "rgba(217, 88, 76, 1)" },
|
|
154
|
+
"dark/red/50": { "value": "rgba(233, 114, 102, 1)" },
|
|
155
|
+
"dark/red/60": { "value": "rgba(252, 147, 134, 1)" },
|
|
156
|
+
"dark/red/70": { "value": "rgba(254, 167, 155, 1)" },
|
|
157
|
+
"dark/red/80": { "value": "rgba(249, 186, 177, 1)" },
|
|
158
|
+
"dark/red/90": { "value": "rgba(254, 219, 214, 1)" },
|
|
159
|
+
"dark/orange/-10": { "value": "rgba(6, 6, 6, 1)" },
|
|
160
|
+
"dark/orange/-5": { "value": "rgba(21, 21, 21, 1)" },
|
|
161
|
+
"dark/orange/0": { "value": "rgba(31, 31, 31, 1)" },
|
|
162
|
+
"dark/orange/5": { "value": "rgba(48, 39, 34, 1)" },
|
|
163
|
+
"dark/orange/10": { "value": "rgba(72, 48, 38, 1)" },
|
|
164
|
+
"dark/orange/20": { "value": "rgba(134, 58, 22, 1)" },
|
|
165
|
+
"dark/orange/30": { "value": "rgba(188, 74, 14, 1)" },
|
|
166
|
+
"dark/orange/40": { "value": "rgba(212, 97, 41, 1)" },
|
|
167
|
+
"dark/orange/50": { "value": "rgba(229, 121, 68, 1)" },
|
|
168
|
+
"dark/orange/60": { "value": "rgba(246, 151, 107, 1)" },
|
|
169
|
+
"dark/orange/70": { "value": "rgba(248, 170, 135, 1)" },
|
|
170
|
+
"dark/orange/80": { "value": "rgba(245, 188, 163, 1)" },
|
|
171
|
+
"dark/orange/90": { "value": "rgba(252, 221, 207, 1)" },
|
|
172
|
+
"dark/yellow/-10": { "value": "rgba(6, 6, 6, 1)" },
|
|
173
|
+
"dark/yellow/-5": { "value": "rgba(21, 21, 21, 1)" },
|
|
174
|
+
"dark/yellow/0": { "value": "rgba(31, 31, 31, 1)" },
|
|
175
|
+
"dark/yellow/5": { "value": "rgba(44, 40, 35, 1)" },
|
|
176
|
+
"dark/yellow/10": { "value": "rgba(66, 51, 30, 1)" },
|
|
177
|
+
"dark/yellow/20": { "value": "rgba(109, 75, 31, 1)" },
|
|
178
|
+
"dark/yellow/30": { "value": "rgba(153, 99, 8, 1)" },
|
|
179
|
+
"dark/yellow/40": { "value": "rgba(174, 121, 14, 1)" },
|
|
180
|
+
"dark/yellow/50": { "value": "rgba(199, 140, 10, 1)" },
|
|
181
|
+
"dark/yellow/60": { "value": "rgba(222, 167, 29, 1)" },
|
|
182
|
+
"dark/yellow/70": { "value": "rgba(222, 185, 7, 1)" },
|
|
183
|
+
"dark/yellow/80": { "value": "rgba(231, 199, 80, 1)" },
|
|
184
|
+
"dark/yellow/90": { "value": "rgba(252, 227, 145, 1)" },
|
|
185
|
+
"dark/green/-10": { "value": "rgba(6, 6, 6, 1)" },
|
|
186
|
+
"dark/green/-5": { "value": "rgba(21, 21, 21, 1)" },
|
|
187
|
+
"dark/green/0": { "value": "rgba(31, 31, 31, 1)" },
|
|
188
|
+
"dark/green/5": { "value": "rgba(37, 43, 37, 1)" },
|
|
189
|
+
"dark/green/10": { "value": "rgba(41, 59, 40, 1)" },
|
|
190
|
+
"dark/green/20": { "value": "rgba(39, 92, 35, 1)" },
|
|
191
|
+
"dark/green/30": { "value": "rgba(13, 129, 5, 1)" },
|
|
192
|
+
"dark/green/40": { "value": "rgba(58, 150, 52, 1)" },
|
|
193
|
+
"dark/green/50": { "value": "rgba(86, 169, 79, 1)" },
|
|
194
|
+
"dark/green/60": { "value": "rgba(120, 194, 113, 1)" },
|
|
195
|
+
"dark/green/70": { "value": "rgba(141, 204, 135, 1)" },
|
|
196
|
+
"dark/green/80": { "value": "rgba(161, 215, 155, 1)" },
|
|
197
|
+
"dark/green/90": { "value": "rgba(191, 241, 186, 1)" },
|
|
198
|
+
"dark/turquoise/-10": { "value": "rgba(6, 6, 6, 1)" },
|
|
199
|
+
"dark/turquoise/-5": { "value": "rgba(21, 21, 21, 1)" },
|
|
200
|
+
"dark/turquoise/0": { "value": "rgba(31, 31, 31, 1)" },
|
|
201
|
+
"dark/turquoise/5": { "value": "rgba(35, 42, 41, 1)" },
|
|
202
|
+
"dark/turquoise/10": { "value": "rgba(26, 60, 58, 1)" },
|
|
203
|
+
"dark/turquoise/20": { "value": "rgba(0, 91, 88, 1)" },
|
|
204
|
+
"dark/turquoise/30": { "value": "rgba(0, 123, 118, 1)" },
|
|
205
|
+
"dark/turquoise/40": { "value": "rgba(0, 147, 142, 1)" },
|
|
206
|
+
"dark/turquoise/50": { "value": "rgba(32, 170, 164, 1)" },
|
|
207
|
+
"dark/turquoise/60": { "value": "rgba(84, 193, 186, 1)" },
|
|
208
|
+
"dark/turquoise/70": { "value": "rgba(118, 205, 199, 1)" },
|
|
209
|
+
"dark/turquoise/80": { "value": "rgba(144, 213, 207, 1)" },
|
|
210
|
+
"dark/turquoise/90": { "value": "rgba(180, 239, 234, 1)" },
|
|
211
|
+
"dark/blue/-10": { "value": "rgba(6, 6, 6, 1)" },
|
|
212
|
+
"dark/blue/-5": { "value": "rgba(21, 21, 21, 1)" },
|
|
213
|
+
"dark/blue/0": { "value": "rgba(31, 31, 31, 1)" },
|
|
214
|
+
"dark/blue/5": { "value": "rgba(33, 41, 50, 1)" },
|
|
215
|
+
"dark/blue/10": { "value": "rgba(36, 55, 73, 1)" },
|
|
216
|
+
"dark/blue/20": { "value": "rgba(39, 84, 126, 1)" },
|
|
217
|
+
"dark/blue/30": { "value": "rgba(8, 114, 190, 1)" },
|
|
218
|
+
"dark/blue/40": { "value": "rgba(55, 136, 208, 1)" },
|
|
219
|
+
"dark/blue/50": { "value": "rgba(83, 156, 224, 1)" },
|
|
220
|
+
"dark/blue/60": { "value": "rgba(114, 181, 245, 1)" },
|
|
221
|
+
"dark/blue/70": { "value": "rgba(139, 193, 248, 1)" },
|
|
222
|
+
"dark/blue/80": { "value": "rgba(166, 205, 245, 1)" },
|
|
223
|
+
"dark/blue/90": { "value": "rgba(207, 230, 253, 1)" },
|
|
224
|
+
"dark/indigo/-10": { "value": "rgba(6, 6, 6, 1)" },
|
|
225
|
+
"dark/indigo/-5": { "value": "rgba(21, 21, 21, 1)" },
|
|
226
|
+
"dark/indigo/0": { "value": "rgba(31, 31, 31, 1)" },
|
|
227
|
+
"dark/indigo/5": { "value": "rgba(39, 40, 46, 1)" },
|
|
228
|
+
"dark/indigo/10": { "value": "rgba(48, 51, 74, 1)" },
|
|
229
|
+
"dark/indigo/20": { "value": "rgba(72, 76, 134, 1)" },
|
|
230
|
+
"dark/indigo/30": { "value": "rgba(96, 100, 199, 1)" },
|
|
231
|
+
"dark/indigo/40": { "value": "rgba(115, 123, 219, 1)" },
|
|
232
|
+
"dark/indigo/50": { "value": "rgba(135, 143, 231, 1)" },
|
|
233
|
+
"dark/indigo/60": { "value": "rgba(160, 170, 249, 1)" },
|
|
234
|
+
"dark/indigo/70": { "value": "rgba(175, 184, 254, 1)" },
|
|
235
|
+
"dark/indigo/80": { "value": "rgba(192, 199, 248, 1)" },
|
|
236
|
+
"dark/indigo/90": { "value": "rgba(222, 227, 255, 1)" },
|
|
237
|
+
"dark/purple/-10": { "value": "rgba(6, 6, 6, 1)" },
|
|
238
|
+
"dark/purple/-5": { "value": "rgba(21, 21, 21, 1)" },
|
|
239
|
+
"dark/purple/0": { "value": "rgba(31, 31, 31, 1)" },
|
|
240
|
+
"dark/purple/5": { "value": "rgba(42, 38, 49, 1)" },
|
|
241
|
+
"dark/purple/10": { "value": "rgba(56, 48, 71, 1)" },
|
|
242
|
+
"dark/purple/20": { "value": "rgba(93, 68, 132, 1)" },
|
|
243
|
+
"dark/purple/30": { "value": "rgba(131, 88, 194, 1)" },
|
|
244
|
+
"dark/purple/40": { "value": "rgba(149, 110, 210, 1)" },
|
|
245
|
+
"dark/purple/50": { "value": "rgba(169, 133, 229, 1)" },
|
|
246
|
+
"dark/purple/60": { "value": "rgba(191, 160, 246, 1)" },
|
|
247
|
+
"dark/purple/70": { "value": "rgba(201, 176, 249, 1)" },
|
|
248
|
+
"dark/purple/80": { "value": "rgba(210, 192, 245, 1)" },
|
|
249
|
+
"dark/purple/90": { "value": "rgba(233, 223, 255, 1)" },
|
|
250
|
+
"dark/magenta/-10": { "value": "rgba(6, 6, 6, 1)" },
|
|
251
|
+
"dark/magenta/-5": { "value": "rgba(21, 21, 21, 1)" },
|
|
252
|
+
"dark/magenta/0": { "value": "rgba(31, 31, 31, 1)" },
|
|
253
|
+
"dark/magenta/5": { "value": "rgba(48, 36, 42, 1)" },
|
|
254
|
+
"dark/magenta/10": { "value": "rgba(69, 44, 56, 1)" },
|
|
255
|
+
"dark/magenta/20": { "value": "rgba(124, 58, 91, 1)" },
|
|
256
|
+
"dark/magenta/30": { "value": "rgba(185, 64, 130, 1)" },
|
|
257
|
+
"dark/magenta/40": { "value": "rgba(202, 91, 149, 1)" },
|
|
258
|
+
"dark/magenta/50": { "value": "rgba(220, 114, 168, 1)" },
|
|
259
|
+
"dark/magenta/60": { "value": "rgba(240, 146, 191, 1)" },
|
|
260
|
+
"dark/magenta/70": { "value": "rgba(243, 163, 200, 1)" },
|
|
261
|
+
"dark/magenta/80": { "value": "rgba(247, 184, 213, 1)" },
|
|
262
|
+
"dark/magenta/90": { "value": "rgba(253, 217, 233, 1)" }
|
|
263
|
+
},
|
|
264
|
+
"brand-color": {
|
|
265
|
+
"pixiv": { "value": "rgba(0, 150, 250, 1)" },
|
|
266
|
+
"premium": { "value": "rgba(253, 158, 22, 1)" },
|
|
267
|
+
"comic": { "value": "rgba(255, 196, 0, 1)" },
|
|
268
|
+
"booth": { "value": "rgba(252, 77, 80, 1)" },
|
|
269
|
+
"factory": { "value": "rgba(0, 184, 205, 1)" }
|
|
270
|
+
},
|
|
271
|
+
"space": {
|
|
272
|
+
"0": { "value": "0" },
|
|
273
|
+
"1": { "value": "2" },
|
|
274
|
+
"10": { "value": "4" },
|
|
275
|
+
"15": { "value": "6" },
|
|
276
|
+
"20": { "value": "8" },
|
|
277
|
+
"25": { "value": "12" },
|
|
278
|
+
"30": { "value": "16" },
|
|
279
|
+
"35": { "value": "20" },
|
|
280
|
+
"40": { "value": "24" },
|
|
281
|
+
"43": { "value": "28" },
|
|
282
|
+
"46": { "value": "32" },
|
|
283
|
+
"50": { "value": "40" },
|
|
284
|
+
"55": { "value": "48" },
|
|
285
|
+
"60": { "value": "64" },
|
|
286
|
+
"63": { "value": "80" },
|
|
287
|
+
"66": { "value": "96" },
|
|
288
|
+
"70": { "value": "104" },
|
|
289
|
+
"80": { "value": "168" },
|
|
290
|
+
"90": { "value": "272" },
|
|
291
|
+
"100": { "value": "440" },
|
|
292
|
+
"999": { "value": "999999" }
|
|
293
|
+
},
|
|
294
|
+
"text": {
|
|
295
|
+
"font-size/0": { "value": "11" },
|
|
296
|
+
"font-size/1": { "value": "12" },
|
|
297
|
+
"font-size/5": { "value": "14" },
|
|
298
|
+
"font-size/10": { "value": "16" },
|
|
299
|
+
"font-size/20": { "value": "18" },
|
|
300
|
+
"font-size/30": { "value": "20" },
|
|
301
|
+
"font-size/40": { "value": "22" },
|
|
302
|
+
"font-size/50": { "value": "25" },
|
|
303
|
+
"font-size/60": { "value": "28" },
|
|
304
|
+
"font-size/70": { "value": "32" },
|
|
305
|
+
"font-size/80": { "value": "36" },
|
|
306
|
+
"font-size/90": { "value": "40" },
|
|
307
|
+
"font-size/100": { "value": "45" },
|
|
308
|
+
"font-size/110": { "value": "50" },
|
|
309
|
+
"font-size/120": { "value": "60" },
|
|
310
|
+
"line-height/0": { "value": "16" },
|
|
311
|
+
"font-weight/40": { "value": "400" },
|
|
312
|
+
"font-weight/70": { "value": "700" },
|
|
313
|
+
"line-height/1": { "value": "18" },
|
|
314
|
+
"line-height/5": { "value": "20" },
|
|
315
|
+
"line-height/10": { "value": "24" },
|
|
316
|
+
"line-height/20": { "value": "28" },
|
|
317
|
+
"line-height/30": { "value": "32" },
|
|
318
|
+
"line-height/40": { "value": "36" },
|
|
319
|
+
"line-height/50": { "value": "40" },
|
|
320
|
+
"line-height/60": { "value": "44" },
|
|
321
|
+
"line-height/70": { "value": "52" },
|
|
322
|
+
"line-height/80": { "value": "56" },
|
|
323
|
+
"line-height/90": { "value": "64" },
|
|
324
|
+
"line-height/100": { "value": "72" },
|
|
325
|
+
"font-family/sans": { "value": "Sarasa UI J" }
|
|
326
|
+
}
|
|
327
|
+
}
|
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
{
|
|
2
|
+
"space": {
|
|
3
|
+
"target/xs": { "value": "24" },
|
|
4
|
+
"target/s": { "value": "32" },
|
|
5
|
+
"target/m": { "value": "40" },
|
|
6
|
+
"target/l": { "value": "48" },
|
|
7
|
+
"component/0": { "value": "{space.0}" },
|
|
8
|
+
"component/1": { "value": "{space.1}" },
|
|
9
|
+
"component/10": { "value": "{space.10}" },
|
|
10
|
+
"component/15": { "value": "{space.15}" },
|
|
11
|
+
"component/20": { "value": "{space.20}" },
|
|
12
|
+
"component/25": { "value": "{space.25}" },
|
|
13
|
+
"component/30": { "value": "{space.30}" },
|
|
14
|
+
"component/35": { "value": "{space.35}" },
|
|
15
|
+
"component/40": { "value": "{space.40}" },
|
|
16
|
+
"component/43": { "value": "{space.43}" },
|
|
17
|
+
"component/46": { "value": "{space.46}" },
|
|
18
|
+
"component/50": { "value": "{space.50}" },
|
|
19
|
+
"component/55": { "value": "{space.55}" },
|
|
20
|
+
"component/60": { "value": "{space.60}" },
|
|
21
|
+
"component/63": { "value": "{space.63}" },
|
|
22
|
+
"component/66": { "value": "{space.66}" },
|
|
23
|
+
"layout/0": { "value": "{space.0}" },
|
|
24
|
+
"layout/10": { "value": "{space.10}" },
|
|
25
|
+
"layout/20": { "value": "{space.20}" },
|
|
26
|
+
"layout/30": { "value": "{space.30}" },
|
|
27
|
+
"layout/40": { "value": "{space.40}" },
|
|
28
|
+
"layout/50": { "value": "{space.50}" },
|
|
29
|
+
"layout/60": { "value": "{space.60}" },
|
|
30
|
+
"layout/70": { "value": "{space.70}" },
|
|
31
|
+
"layout/80": { "value": "{space.80}" },
|
|
32
|
+
"layout/90": { "value": "{space.90}" },
|
|
33
|
+
"layout/100": { "value": "{space.100}" }
|
|
34
|
+
},
|
|
35
|
+
"radius": {
|
|
36
|
+
"none": { "value": "{space.component/0}" },
|
|
37
|
+
"xs": { "value": "{space.component/1}" },
|
|
38
|
+
"s": { "value": "{space.component/10}" },
|
|
39
|
+
"m": { "value": "{space.component/20}" },
|
|
40
|
+
"l": { "value": "{space.component/25}" },
|
|
41
|
+
"xl": { "value": "{space.component/30}" },
|
|
42
|
+
"xxl": { "value": "{space.component/40}" },
|
|
43
|
+
"oval": { "value": "999999" }
|
|
44
|
+
},
|
|
45
|
+
"color": {
|
|
46
|
+
"background/default": { "value": "{color.dark/neutral/0}" },
|
|
47
|
+
"background/secondary": { "value": "{color.dark/neutral/-5}" },
|
|
48
|
+
"background/tertiary": { "value": "{color.dark/neutral/-10}" },
|
|
49
|
+
"container/default": { "value": "{color.dark/neutral/0}" },
|
|
50
|
+
"container/hover": { "value": "{color.dark/neutral/5}" },
|
|
51
|
+
"container/press": { "value": "{color.dark/neutral/10}" },
|
|
52
|
+
"container/default-a": { "value": "{color.dark/neutral-a/0}" },
|
|
53
|
+
"container/hover-a": { "value": "{color.dark/neutral-a/5}" },
|
|
54
|
+
"container/press-a": { "value": "{color.dark/neutral-a/10}" },
|
|
55
|
+
"container/disable": { "value": "{color.dark/neutral/10}" },
|
|
56
|
+
"container/secondary/default": { "value": "{color.dark/neutral/5}" },
|
|
57
|
+
"container/tertiary/default": { "value": "{color.dark/neutral/10}" },
|
|
58
|
+
"container/tertiary/hover": { "value": "{color.dark/neutral/20}" },
|
|
59
|
+
"container/tertiary/press": { "value": "{color.dark/neutral/30}" },
|
|
60
|
+
"container/tertiary/default-a": { "value": "{color.dark/neutral-a/10}" },
|
|
61
|
+
"container/tertiary/hover-a": { "value": "{color.dark/neutral-a/20}" },
|
|
62
|
+
"container/tertiary/pressA": { "value": "{color.dark/neutral-a/30}" },
|
|
63
|
+
"container/primary/default": { "value": "{color.dark/blue/30}" },
|
|
64
|
+
"container/primary/hover": { "value": "{color.dark/blue/40}" },
|
|
65
|
+
"container/primary/press": { "value": "{color.dark/blue/50}" },
|
|
66
|
+
"container/secondary/hover": { "value": "{color.dark/neutral/10}" },
|
|
67
|
+
"container/secondary/press": { "value": "{color.dark/neutral/20}" },
|
|
68
|
+
"container/secondary/default-a": { "value": "{color.dark/neutral-a/5}" },
|
|
69
|
+
"container/secondary/hover-a": { "value": "{color.dark/neutral-a/10}" },
|
|
70
|
+
"container/secondary/press-a": { "value": "{color.dark/neutral-a/20}" },
|
|
71
|
+
"container/on-img/default": { "value": "{color.light/neutral-a/40}" },
|
|
72
|
+
"container/on-img/hover": { "value": "{color.light/neutral-a/50}" },
|
|
73
|
+
"container/on-img/press": { "value": "{color.light/neutral-a/60}" },
|
|
74
|
+
"container/negative/default": { "value": "{color.dark/red/30}" },
|
|
75
|
+
"container/negative/hover": { "value": "{color.dark/red/40}" },
|
|
76
|
+
"container/negative/press": { "value": "{color.dark/red/50}" },
|
|
77
|
+
"container/positive/default": { "value": "{color.dark/green/30}" },
|
|
78
|
+
"container/positive/hover": { "value": "{color.dark/green/40}" },
|
|
79
|
+
"container/positive/press": { "value": "{color.dark/green/50}" },
|
|
80
|
+
"container/notice/default": { "value": "{color.dark/yellow/70}" },
|
|
81
|
+
"container/notice/hover": { "value": "{color.dark/yellow/80}" },
|
|
82
|
+
"container/notice/press": { "value": "{color.dark/yellow/90}" },
|
|
83
|
+
"container/neutral/default": { "value": "{color.dark/neutral/30}" },
|
|
84
|
+
"container/discovery/default": { "value": "{color.dark/red/30}" },
|
|
85
|
+
"container/discovery/hover": { "value": "{color.dark/red/40}" },
|
|
86
|
+
"container/discovery/press": { "value": "{color.dark/red/50}" },
|
|
87
|
+
"container/neutral/hover": { "value": "{color.dark/neutral/40}" },
|
|
88
|
+
"container/neutral/press": { "value": "{color.dark/neutral/50}" },
|
|
89
|
+
"container/hud/default": { "value": "{color.light/neutral/10}" },
|
|
90
|
+
"container/hud/hover": { "value": "{color.light/neutral/20}" },
|
|
91
|
+
"container/hud/press": { "value": "{color.light/neutral/20}" },
|
|
92
|
+
"container/skeleton": { "value": "{color.dark/neutral-a/5}" },
|
|
93
|
+
"container/subtle": { "value": "rgba(228, 228, 228, 0.02)" },
|
|
94
|
+
"icon/secondary/default": { "value": "{color.text/secondary/default}" },
|
|
95
|
+
"icon/tertiary/default": { "value": "{color.text/tertiary/default}" },
|
|
96
|
+
"icon/negative/default": { "value": "{color.text/negative/default}" },
|
|
97
|
+
"icon/negative/hover": { "value": "{color.text/negative/hover}" },
|
|
98
|
+
"icon/negative/press": { "value": "{color.text/negative/press}" },
|
|
99
|
+
"icon/positive/default": { "value": "{color.text/positive/default}" },
|
|
100
|
+
"icon/positive/hover": { "value": "{color.text/positive/hover}" },
|
|
101
|
+
"icon/positive/press": { "value": "{color.text/positive/press}" },
|
|
102
|
+
"icon/notice/default": { "value": "{color.text/notice/default}" },
|
|
103
|
+
"icon/notice/hover": { "value": "{color.text/notice/hover}" },
|
|
104
|
+
"icon/notice/press": { "value": "{color.text/notice/press}" },
|
|
105
|
+
"icon/tertiary/hover": { "value": "{color.text/tertiary/hover}" },
|
|
106
|
+
"icon/tertiary/press": { "value": "{color.text/tertiary/press}" },
|
|
107
|
+
"icon/secondary/hover": { "value": "{color.text/secondary/hover}" },
|
|
108
|
+
"icon/secondary/press": { "value": "{color.text/secondary/press}" },
|
|
109
|
+
"text/default": { "value": "{color.dark/neutral/90}" },
|
|
110
|
+
"text/hover": { "value": "{color.dark/neutral/80}" },
|
|
111
|
+
"text/press": { "value": "{color.dark/neutral/70}" },
|
|
112
|
+
"text/disable": { "value": "{color.dark/neutral/40}" },
|
|
113
|
+
"text/secondary/default": { "value": "{color.dark/neutral/60}" },
|
|
114
|
+
"text/secondary/hover": { "value": "{color.dark/neutral/70}" },
|
|
115
|
+
"text/secondary/press": { "value": "{color.dark/neutral/80}" },
|
|
116
|
+
"text/tertiary/default": { "value": "{color.dark/neutral/40}" },
|
|
117
|
+
"text/tertiary/hover": { "value": "{color.dark/neutral/60}" },
|
|
118
|
+
"text/tertiary/press": { "value": "{color.dark/neutral/70}" },
|
|
119
|
+
"text/placeholder/default": { "value": "{color.dark/neutral/30}" },
|
|
120
|
+
"text/placeholder/hover": { "value": "{color.dark/neutral/40}" },
|
|
121
|
+
"text/placeholder/press": { "value": "{color.dark/neutral/50}" },
|
|
122
|
+
"text/info/default": { "value": "{color.dark/blue/60}" },
|
|
123
|
+
"text/info/hover": { "value": "{color.dark/blue/80}" },
|
|
124
|
+
"text/info/press": { "value": "{color.dark/blue/90}" },
|
|
125
|
+
"text/visited/default": { "value": "{color.dark/purple/60}" },
|
|
126
|
+
"text/visited/hover": { "value": "{color.dark/purple/80}" },
|
|
127
|
+
"text/visited/press": { "value": "{color.dark/purple/90}" },
|
|
128
|
+
"text/negative/default": { "value": "{color.dark/red/60}" },
|
|
129
|
+
"text/negative/hover": { "value": "{color.dark/red/80}" },
|
|
130
|
+
"text/negative/press": { "value": "{color.dark/red/90}" },
|
|
131
|
+
"text/notice/default": { "value": "{color.dark/yellow/60}" },
|
|
132
|
+
"text/notice/hover": { "value": "{color.dark/yellow/80}" },
|
|
133
|
+
"text/notice/press": { "value": "{color.dark/yellow/90}" },
|
|
134
|
+
"text/positive/default": { "value": "{color.dark/green/60}" },
|
|
135
|
+
"text/positive/hover": { "value": "{color.dark/green/80}" },
|
|
136
|
+
"text/positive/press": { "value": "{color.dark/green/90}" },
|
|
137
|
+
"text/on-primary/default": { "value": "{color.dark/neutral/90}" },
|
|
138
|
+
"text/on-on-img/default": { "value": "{color.dark/neutral/90}" },
|
|
139
|
+
"text/on-on-img/hover": { "value": "{color.dark/neutral/90}" },
|
|
140
|
+
"text/on-on-img/press": { "value": "{color.dark/neutral/90}" },
|
|
141
|
+
"text/on-primary/hover": { "value": "{color.dark/neutral/90}" },
|
|
142
|
+
"text/on-primary/press": { "value": "{color.dark/neutral/90}" },
|
|
143
|
+
"text/on-negative/default": { "value": "{color.dark/neutral/90}" },
|
|
144
|
+
"text/on-negative/hover": { "value": "{color.dark/neutral/90}" },
|
|
145
|
+
"text/on-negative/press": { "value": "{color.dark/neutral/90}" },
|
|
146
|
+
"text/on-positive/default": { "value": "{color.dark/neutral/90}" },
|
|
147
|
+
"text/on-positive/hover": { "value": "{color.dark/neutral/90}" },
|
|
148
|
+
"text/on-positive/press": { "value": "{color.dark/neutral/90}" },
|
|
149
|
+
"text/on-notice/default": { "value": "{color.dark/neutral/5}" },
|
|
150
|
+
"text/on-notice/hover": { "value": "{color.dark/neutral/5}" },
|
|
151
|
+
"text/on-notice/press": { "value": "{color.dark/neutral/5}" },
|
|
152
|
+
"text/on-discovery/default": { "value": "{color.dark/neutral/90}" },
|
|
153
|
+
"text/on-discovery/hover": { "value": "{color.dark/neutral/90}" },
|
|
154
|
+
"text/on-discovery/press": { "value": "{color.dark/neutral/90}" },
|
|
155
|
+
"text/on-hud/default": { "value": "{color.light/neutral/90}" },
|
|
156
|
+
"text/on-hud/hover": { "value": "{color.light/neutral/90}" },
|
|
157
|
+
"text/on-hud/press": { "value": "{color.light/neutral/90}" },
|
|
158
|
+
"text/brand-premium/default": { "value": "{brand-color.premium}" },
|
|
159
|
+
"text/brand-premium/hover": { "value": "rgba(243, 152, 21, 1)" },
|
|
160
|
+
"text/brand-premium/press": { "value": "rgba(213, 133, 18, 1)" },
|
|
161
|
+
"icon/default": { "value": "{color.text/default}" },
|
|
162
|
+
"icon/hover": { "value": "{color.text/hover}" },
|
|
163
|
+
"icon/press": { "value": "{color.text/press}" },
|
|
164
|
+
"icon/disable": { "value": "{color.text/disable}" },
|
|
165
|
+
"icon/on-primary/default": { "value": "{color.text/on-primary/default}" },
|
|
166
|
+
"icon/on-primary/hover": { "value": "{color.text/on-primary/hover}" },
|
|
167
|
+
"icon/on-primary/press": { "value": "{color.text/on-primary/press}" },
|
|
168
|
+
"icon/on-on-img/default": { "value": "{color.text/on-on-img/default}" },
|
|
169
|
+
"icon/on-on-img/hover": { "value": "{color.text/on-on-img/hover}" },
|
|
170
|
+
"icon/on-on-img/press": { "value": "{color.text/on-on-img/press}" },
|
|
171
|
+
"icon/on-neutral/default": { "value": "{color.dark/neutral/90}" },
|
|
172
|
+
"icon/on-neutral/hover": { "value": "{color.dark/neutral/90}" },
|
|
173
|
+
"icon/on-neutral/press": { "value": "{color.dark/neutral/90}" },
|
|
174
|
+
"border/default": { "value": "{color.dark/neutral/30}" },
|
|
175
|
+
"border/secondary": { "value": "{color.dark/neutral-a/10}" },
|
|
176
|
+
"border/focus/1": { "value": "{color.dark/blue/60}" },
|
|
177
|
+
"border/disable": { "value": "{color.dark/neutral-a/5}" },
|
|
178
|
+
"border/focus/2": { "value": "{color.dark/blue/20}" },
|
|
179
|
+
"border/negative": { "value": "{color.dark/red/20}" },
|
|
180
|
+
"icon/on-negative/default": { "value": "{color.text/on-negative/default}" },
|
|
181
|
+
"icon/on-negative/hover": { "value": "{color.text/on-negative/hover}" },
|
|
182
|
+
"icon/on-negative/press": { "value": "{color.text/on-negative/press}" },
|
|
183
|
+
"icon/on-positive/default": { "value": "{color.text/on-positive/default}" },
|
|
184
|
+
"icon/on-notice/default": { "value": "{color.text/on-notice/default}" },
|
|
185
|
+
"icon/on-notice/hover": { "value": "{color.text/on-notice/hover}" },
|
|
186
|
+
"icon/on-notice/press": { "value": "{color.text/on-notice/press}" },
|
|
187
|
+
"icon/on-positive/hover": { "value": "{color.text/on-positive/hover}" },
|
|
188
|
+
"icon/on-positive/press": { "value": "{color.text/on-positive/press}" }
|
|
189
|
+
}
|
|
190
|
+
}
|