Skip to content

Commit 5571235

Browse files
judyy00judyy00
committed
[Add] semantic color token 추가
1 parent d9a7e2c commit 5571235

3 files changed

Lines changed: 304 additions & 0 deletions

File tree

‎tokens/semantic/color-bg.json‎

Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
{
2+
"color": {
3+
"bg": {
4+
"neutral": {
5+
"inverse": {
6+
"$value": "{color.base.gray.10}",
7+
"$type": "color"
8+
},
9+
"inverse-hover": {
10+
"$value": "{color.base.gray.100}",
11+
"$type": "color"
12+
},
13+
"inverse-pressed": {
14+
"$value": "{color.base.gray.100}",
15+
"$type": "color"
16+
},
17+
"bold": {
18+
"$value": "{color.base.gray.500}",
19+
"$type": "color"
20+
},
21+
"bold-disabled": {
22+
"$value": "{color.base.gray.700}",
23+
"$type": "color"
24+
},
25+
"default": {
26+
"$value": "{color.base.gray.600}",
27+
"$type": "color"
28+
},
29+
"default-hover": {
30+
"$value": "{color.base.gray.500}",
31+
"$type": "color"
32+
},
33+
"default-pressed": {
34+
"$value": "{color.base.gray.500}",
35+
"$type": "color"
36+
},
37+
"default-disabled": {
38+
"$value": "{color.base.gray.800}",
39+
"$type": "color"
40+
},
41+
"subtle": {
42+
"$value": "{color.base.gray.700}",
43+
"$type": "color"
44+
},
45+
"subtle-hover": {
46+
"$value": "{color.base.gray.600}",
47+
"$type": "color"
48+
},
49+
"subtle-pressed": {
50+
"$value": "{color.base.gray.600}",
51+
"$type": "color"
52+
},
53+
"ghost": {
54+
"$value": "{color.base.gray.800}",
55+
"$type": "color"
56+
},
57+
"ghost-hover": {
58+
"$value": "{color.base.gray.700}",
59+
"$type": "color"
60+
},
61+
"ghost-pressed": {
62+
"$value": "{color.base.gray.700}",
63+
"$type": "color"
64+
}
65+
},
66+
"brand": {
67+
"default": {
68+
"$value": "{color.base.orange.400}",
69+
"$type": "color"
70+
},
71+
"subtle": {
72+
"$value": "{color.base.orange.700}",
73+
"$type": "color"
74+
},
75+
"ghost": {
76+
"$value": "{color.base.orange.950}",
77+
"$type": "color"
78+
}
79+
},
80+
"secondary": {
81+
"default": {
82+
"$value": "{color.base.blue.400}",
83+
"$type": "color"
84+
},
85+
"default-hover": {
86+
"$value": "{color.base.blue.500}",
87+
"$type": "color"
88+
},
89+
"default-pressed": {
90+
"$value": "{color.base.blue.600}",
91+
"$type": "color"
92+
},
93+
"subtle": {
94+
"$value": "{color.base.blue.900}",
95+
"$type": "color"
96+
},
97+
"ghost": {
98+
"$value": "{color.base.blue.950}",
99+
"$type": "color"
100+
}
101+
},
102+
"information": {
103+
"ghost": {
104+
"$value": "{color.base.blue.950}",
105+
"$type": "color"
106+
}
107+
},
108+
"success": {
109+
"ghost": {
110+
"$value": "{color.base.green.950}",
111+
"$type": "color"
112+
}
113+
},
114+
"danger": {
115+
"default": {
116+
"$value": "{color.base.red.400}",
117+
"$type": "color"
118+
},
119+
"default-hover": {
120+
"$value": "{color.base.red.500}",
121+
"$type": "color"
122+
},
123+
"default-pressed": {
124+
"$value": "{color.base.red.600}",
125+
"$type": "color"
126+
},
127+
"ghost": {
128+
"$value": "{color.base.red.950}",
129+
"$type": "color"
130+
}
131+
},
132+
"dim": {
133+
"default": {
134+
"$value": "{color.base.gray.950}",
135+
"$type": "color",
136+
"$description": "80% opacity",
137+
"$extensions": {
138+
"opacity": 0.8
139+
}
140+
}
141+
}
142+
}
143+
}
144+
}

‎tokens/semantic/color-fg.json‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
{
2+
"color": {
3+
"fg": {
4+
"neutral": {
5+
"bold": {
6+
"$value": "{color.base.gray.10}",
7+
"$type": "color"
8+
},
9+
"default": {
10+
"$value": "{color.base.gray.100}",
11+
"$type": "color"
12+
},
13+
"default-disabled": {
14+
"$value": "{color.base.gray.500}",
15+
"$type": "color"
16+
},
17+
"subtle": {
18+
"$value": "{color.base.gray.300}",
19+
"$type": "color"
20+
},
21+
"ghost": {
22+
"$value": "{color.base.gray.500}",
23+
"$type": "color"
24+
},
25+
"inverse": {
26+
"$value": "{color.base.gray.950}",
27+
"$type": "color"
28+
}
29+
},
30+
"brand": {
31+
"default": {
32+
"$value": "{color.base.orange.400}",
33+
"$type": "color"
34+
}
35+
},
36+
"secondary": {
37+
"default": {
38+
"$value": "{color.base.blue.400}",
39+
"$type": "color"
40+
}
41+
},
42+
"success": {
43+
"bold": {
44+
"$value": "{color.base.green.100}",
45+
"$type": "color"
46+
},
47+
"default": {
48+
"$value": "{color.base.green.400}",
49+
"$type": "color"
50+
},
51+
"subtle": {
52+
"$value": "{color.base.green.600}",
53+
"$type": "color"
54+
}
55+
},
56+
"danger": {
57+
"bold": {
58+
"$value": "{color.base.red.100}",
59+
"$type": "color"
60+
},
61+
"default": {
62+
"$value": "{color.base.red.400}",
63+
"$type": "color"
64+
},
65+
"subtle": {
66+
"$value": "{color.base.red.600}",
67+
"$type": "color"
68+
}
69+
},
70+
"attention": {
71+
"bold": {
72+
"$value": "{color.base.yellow.200}",
73+
"$type": "color"
74+
},
75+
"default": {
76+
"$value": "{color.base.yellow.400}",
77+
"$type": "color"
78+
},
79+
"subtle": {
80+
"$value": "{color.base.yellow.600}",
81+
"$type": "color"
82+
}
83+
},
84+
"information": {
85+
"default": {
86+
"$value": "{color.base.blue.400}",
87+
"$type": "color"
88+
},
89+
"subtle": {
90+
"$value": "{color.base.blue.600}",
91+
"$type": "color"
92+
}
93+
}
94+
}
95+
}
96+
}

‎tokens/semantic/color-stroke.json‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
{
2+
"color": {
3+
"stroke": {
4+
"neutral": {
5+
"default": {
6+
"$value": "{color.base.gray.600}",
7+
"$type": "color"
8+
},
9+
"default-focused": {
10+
"$value": "{color.base.gray.200}",
11+
"$type": "color"
12+
},
13+
"default-disabled": {
14+
"$value": "{color.base.gray.700}",
15+
"$type": "color"
16+
},
17+
"inverse": {
18+
"$value": "{color.base.gray.10}",
19+
"$type": "color"
20+
},
21+
"subtle": {
22+
"$value": "{color.base.gray.700}",
23+
"$type": "color"
24+
},
25+
"ghost": {
26+
"$value": "{color.base.gray.800}",
27+
"$type": "color"
28+
}
29+
},
30+
"brand": {
31+
"default": {
32+
"$value": "{color.base.orange.400}",
33+
"$type": "color"
34+
},
35+
"subtle": {
36+
"$value": "{color.base.orange.600}",
37+
"$type": "color"
38+
}
39+
},
40+
"secondary": {
41+
"default": {
42+
"$value": "{color.base.blue.400}",
43+
"$type": "color"
44+
},
45+
"subtle": {
46+
"$value": "{color.base.blue.600}",
47+
"$type": "color"
48+
}
49+
},
50+
"information": {
51+
"subtle": {
52+
"$value": "{color.base.blue.600}",
53+
"$type": "color"
54+
}
55+
},
56+
"danger": {
57+
"default": {
58+
"$value": "{color.base.red.400}",
59+
"$type": "color"
60+
}
61+
}
62+
}
63+
}
64+
}

0 commit comments

Comments
 (0)