Skip to content

Commit daa0801

Browse files
francisrupertfrancisrupert
authored
feat(design-tokens): NO-JIRA unhack tmo theme (#669)
1 parent f65c467 commit daa0801

2 files changed

Lines changed: 214 additions & 4 deletions

File tree

‎packages/dialtone-tokens/tokens/semantic/tmo/dark.json‎

Lines changed: 92 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,105 @@
22
"theme": {
33
"color": {
44
"base": {
5-
"value": "#F285BC",
5+
"value": "{color.black.900}",
66
"type": "color"
77
}
88
},
99
"mention": {
1010
"color": {
1111
"background-strong": {
12-
"value": "#FFCEE7",
12+
"value": "#E20074",
1313
"type": "color"
14+
},
15+
"background": {
16+
"value": "#FFB2DA",
17+
"type": "color"
18+
}
19+
}
20+
}
21+
},
22+
"color": {
23+
"link": {
24+
"primary": {
25+
"value": "#FFB2DA",
26+
"type": "color"
27+
},
28+
"primary-hover": {
29+
"value": "#FFCCE6",
30+
"type": "color"
31+
},
32+
"primary-inverted": {
33+
"value": "#e20074",
34+
"type": "color"
35+
},
36+
"primary-inverted-hover": {
37+
"value": "#A80056",
38+
"type": "color"
39+
}
40+
},
41+
"surface": {
42+
"brand": {
43+
"value": "#3D001F",
44+
"type": "color"
45+
},
46+
"brand-subtle": {
47+
"value": "#2E0018",
48+
"type": "color"
49+
},
50+
"brand-strong": {
51+
"value": "#FFB2DA",
52+
"type": "color"
53+
}
54+
},
55+
"border": {
56+
"brand": {
57+
"value": "#FFB2DA",
58+
"type": "color"
59+
},
60+
"brand-subtle": {
61+
"value": "#FF4DA8",
62+
"type": "color"
63+
},
64+
"brand-strong": {
65+
"value": "#FFCCE6",
66+
"type": "color"
67+
},
68+
"brand-inverted": {
69+
"value": "#E20074",
70+
"type": "color"
71+
},
72+
"brand-subtle-inverted": {
73+
"value": "#FFB2DA",
74+
"type": "color"
75+
},
76+
"brand-strong-inverted": {
77+
"value": "#A80056",
78+
"type": "color"
79+
}
80+
}
81+
},
82+
"action": {
83+
"color": {
84+
"background": {
85+
"base": {
86+
"primary": {
87+
"default": {
88+
"value": "#FFB2DA",
89+
"type": "color"
90+
},
91+
"hover": {
92+
"value": "#FFCCE6",
93+
"type": "color"
94+
},
95+
"active": {
96+
"value": "{action.color.background.base.primary.default}",
97+
"type": "color"
98+
}
99+
},
100+
"hover": {
101+
"value": "{color.surface.brand-opaque}",
102+
"type": "color"
103+
}
14104
}
15105
}
16106
}

‎packages/dialtone-tokens/tokens/semantic/tmo/default.json‎

Lines changed: 122 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"theme": {
33
"color": {
44
"base": {
5-
"value": "#E20074",
5+
"value": "{color.black.900}",
66
"type": "color"
77
}
88
},
@@ -13,10 +13,130 @@
1313
"type": "color"
1414
},
1515
"background-strong": {
16-
"value": "#770141",
16+
"value": "#7A003F",
1717
"type": "color"
1818
}
1919
}
2020
}
21+
},
22+
"color": {
23+
"link": {
24+
"primary": {
25+
"value": "#e20074",
26+
"type": "color"
27+
},
28+
"primary-hover": {
29+
"value": "#A80056",
30+
"type": "color"
31+
},
32+
"primary-inverted": {
33+
"value": "#FFB2DA",
34+
"type": "color"
35+
},
36+
"primary-inverted-hover": {
37+
"value": "#FFCCE6",
38+
"type": "color"
39+
}
40+
},
41+
"surface": {
42+
"brand": {
43+
"value": "#FFCCE6",
44+
"type": "color"
45+
},
46+
"brand-strong": {
47+
"value": "#E20074",
48+
"type": "color"
49+
},
50+
"brand-subtle": {
51+
"value": "#FFF0F8",
52+
"type": "color"
53+
},
54+
"brand-opaque": {
55+
"value": "#E20074",
56+
"type": "color",
57+
"$extensions": {
58+
"studio.tokens": {
59+
"modify": {
60+
"type": "alpha",
61+
"value": "0.11",
62+
"space": "hsl"
63+
}
64+
}
65+
}
66+
},
67+
"brand-subtle-opaque": {
68+
"value": "#E20074",
69+
"type": "color",
70+
"$extensions": {
71+
"studio.tokens": {
72+
"modify": {
73+
"type": "alpha",
74+
"value": "0.05",
75+
"space": "hsl"
76+
}
77+
}
78+
}
79+
}
80+
},
81+
"border": {
82+
"brand": {
83+
"value": "#E20074",
84+
"type": "color"
85+
},
86+
"brand-subtle": {
87+
"value": "#FFB2DA",
88+
"type": "color"
89+
},
90+
"brand-strong": {
91+
"value": "#A80056",
92+
"type": "color"
93+
},
94+
"brand-inverted": {
95+
"value": "#FF4DA8",
96+
"type": "color"
97+
},
98+
"brand-subtle-inverted": {
99+
"value": "#A80056",
100+
"type": "color"
101+
},
102+
"brand-strong-inverted": {
103+
"value": "#FFB2DA",
104+
"type": "color"
105+
}
106+
}
107+
},
108+
"action": {
109+
"color": {
110+
"background": {
111+
"base": {
112+
"primary": {
113+
"default": {
114+
"value": "#E20074",
115+
"type": "color"
116+
},
117+
"hover": {
118+
"value": "#A80056",
119+
"type": "color"
120+
},
121+
"active": {
122+
"value": "#7A003F",
123+
"type": "color"
124+
}
125+
}
126+
},
127+
"inverted": {
128+
"primary": {
129+
"default": {
130+
"value": "{color.surface.brand-subtle}",
131+
"type": "color"
132+
},
133+
"active": {
134+
"value": "{action.color.background.inverted.primary.default}",
135+
"type": "color"
136+
}
137+
}
138+
}
139+
}
140+
}
21141
}
22142
}

0 commit comments

Comments
 (0)