Skip to content
This repository was archived by the owner on Nov 26, 2024. It is now read-only.

Commit 758163a

Browse files
georgewrmarshallAkatori-Design
georgewrmarshall
and
Akatori-Design
authored
Token update generate library code (#39)
* updated dark-theme to hex (w alpha) * Update src/figma/tokens.json * Update src/figma/tokens.json * Update src/figma/tokens.json * Update src/figma/tokens.json * Update src/figma/tokens.json * Update src/figma/tokens.json * updated light-theme to hex (w alpha) * updated blue400 to correct hex * Changed all color to HEX value * Converting CSS variables * Generating light theme hex value updates * generating js dark theme tokens * Generating dark css * Fixing secondary default * Fixing border default description Co-authored-by: Hiro M <[email protected]>
1 parent 46c8558 commit 758163a

File tree

3 files changed

+322
-322
lines changed

3 files changed

+322
-322
lines changed

‎src/colors/index.ts‎

Lines changed: 82 additions & 82 deletions
Original file line numberDiff line numberDiff line change
@@ -1,132 +1,132 @@
11
const colors = {
22
light: {
33
background: {
4-
default: 'hsla(0, 0%, 100%, 1)',
5-
alternative: 'hsla(210, 18%, 96%, 1)',
4+
default: '#FFFFFF',
5+
alternative: '#F2F4F6',
66
},
77
text: {
8-
default: 'hsla(210, 8%, 15%, 1)',
9-
alternative: 'hsla(210, 8%, 35%, 1)',
10-
muted: 'hsla(210, 8%, 75%, 1)',
8+
default: '#24272A',
9+
alternative: '#535A61',
10+
muted: '#BBC0C5',
1111
},
1212
icon: {
13-
default: 'hsla(212, 8%, 45%, 1)',
14-
muted: 'hsla(210, 8%, 75%, 1)',
13+
default: '#6A737D',
14+
muted: '#BBC0C5',
1515
},
1616
border: {
17-
default: 'hsla(210, 8%, 75%, 1)',
18-
muted: 'hsla(210, 8%, 85%, 1)',
17+
default: '#BBC0C5',
18+
muted: '#D6D9DC',
1919
},
2020
overlay: {
21-
default: 'hsla(0, 0%, 0%, .6)',
22-
inverse: 'hsla(0, 0%, 99%, 1)',
21+
default: '#00000060',
22+
inverse: '#FCFCFC',
2323
},
2424
primary: {
25-
default: 'hsla(205, 97%, 43%, 1)',
26-
alternative: 'hsla(205, 98%, 33%, 1)',
27-
muted: 'hsla(205, 97%, 43%, .1)',
28-
inverse: 'hsla(0, 0%, 99%, 1)',
29-
disabled: 'hsla(205, 97%, 43%, .5)',
25+
default: '#037DD6',
26+
alternative: '#0260A4',
27+
muted: '#037DD610',
28+
inverse: '#FCFCFC',
29+
disabled: '#037DD650',
3030
},
3131
secondary: {
32-
default: 'hsla(24, 93%, 50%, 1)',
33-
alternative: 'hsla(25, 93%, 40%, 1)',
34-
muted: 'hsla(24, 93%, 50%, .1)',
35-
inverse: 'hsla(0, 0%, 99%, 1)',
36-
disabled: 'hsla(24, 93%, 50%, .5)',
32+
default: '#F66A0A',
33+
alternative: '#C65507',
34+
muted: '#F66A0A10',
35+
inverse: '#FCFCFC',
36+
disabled: '#F66A0A50',
3737
},
3838
error: {
39-
default: 'hsla(354, 66%, 54%, 1)',
40-
alternative: 'hsla(354, 67%, 44%, 1)',
41-
muted: 'hsla(354, 66%, 54%, .1)',
42-
inverse: 'hsla(0, 0%, 99%, 1)',
43-
disabled: 'hsla(354, 66%, 54%, .5)',
39+
default: '#D73A49',
40+
alternative: '#B92534',
41+
muted: '#D73A4910',
42+
inverse: '#FCFCFC',
43+
disabled: '#D73A4950',
4444
},
4545
warning: {
46-
default: 'hsla(46, 100%, 62%, 1)',
47-
alternative: 'hsla(46, 100%, 52%, 1)',
48-
muted: 'hsla(46, 100%, 62%, .1)',
49-
inverse: 'hsla(210, 9%, 9%, 1)',
50-
disabled: 'hsla(46, 100%, 62%, .5)',
46+
default: '#FFD33D',
47+
alternative: '#FFC70A',
48+
muted: '#FFD33D10',
49+
inverse: '#141618',
50+
disabled: '#FFD33D50',
5151
},
5252
success: {
53-
default: 'hsla(134, 61%, 41%, 1)',
54-
alternative: 'hsla(134, 62%, 31%, 1)',
55-
muted: 'hsla(134, 61%, 41%, .1)',
56-
inverse: 'hsla(0, 0%, 99%, 1)',
57-
disabled: 'hsla(134, 61%, 41%, 1, .5)',
53+
default: '#28A745',
54+
alternative: '#1E7E34',
55+
muted: '#28A74510',
56+
inverse: '#FCFCFC',
57+
disabled: '#28A74550',
5858
},
5959
info: {
60-
default: 'hsla(205, 97%, 43%, 1)',
61-
alternative: 'hsla(205, 98%, 33%, 1)',
62-
muted: 'hsla(205, 97%, 43%, .1)',
63-
inverse: 'hsla(0, 0%, 99%, 1)',
64-
disabled: 'hsla(205, 97%, 43%, .5)',
60+
default: '#037DD6',
61+
alternative: '#0260A4',
62+
muted: '#037DD610',
63+
inverse: '#FCFCFC',
64+
disabled: '#037DD650',
6565
},
6666
},
6767
dark: {
6868
background: {
69-
default: 'hsla(210, 9%, 9%, 1)',
70-
alternative: 'hsla(210, 8%, 15%, 1)',
69+
default: '#141618',
70+
alternative: '#24272A',
7171
},
7272
text: {
73-
default: 'hsla(0, 0%, 100%, 1)',
74-
alternative: 'hsla(210, 25%, 98%, 1)',
75-
muted: 'hsla(213, 8%, 55%, 1)',
73+
default: '#FFFFFF',
74+
alternative: '#FAFBFC',
75+
muted: '#9FA6AE',
7676
},
7777
icon: {
78-
default: 'hsla(210, 18%, 96%, 1)',
79-
muted: 'hsla(213, 8%, 55%, 1)',
78+
default: '#F2F4F6',
79+
muted: '#9FA6AE',
8080
},
8181
border: {
82-
default: 'hsla(213, 8%, 55%, 1)',
83-
muted: 'hsla(213, 9%, 25%, 1)',
82+
default: '#848C96',
83+
muted: '#3B4046',
8484
},
8585
overlay: {
86-
default: 'hsla(0, 0%, 100%, .4)',
87-
inverse: 'hsla(0, 0%, 99%, 1)',
86+
default: '#FFFFFF40',
87+
inverse: '#FCFCFC',
8888
},
8989
primary: {
90-
default: 'hsla(205, 98%, 53%, 1)',
91-
alternative: 'hsla(205, 97%, 63%, 1)',
92-
muted: 'hsla(205, 98%, 53%, .15)',
93-
inverse: 'hsla(0, 0%, 99%, 1)',
94-
disabled: 'hsla(205, 98%, 53%, .5)',
90+
default: '#1098FC',
91+
alternative: '#43AEFC',
92+
muted: '#1098FC15',
93+
inverse: '#FCFCFC',
94+
disabled: '#1098FC50',
9595
},
9696
secondary: {
97-
default: 'hsla(24, 93%, 60%, 1)',
98-
alternative: 'hsla(25, 93%, 70%, 1)',
99-
muted: 'hsla(24, 93%, 60%, .15)',
100-
inverse: 'hsla(0, 0%, 99%, 1)',
101-
disabled: 'hsla(24, 93%, 60%, .5)',
97+
default: '##F8883',
98+
alternative: '#FAA66C',
99+
muted: '#F8883B15',
100+
inverse: '#FCFCFC',
101+
disabled: '#F8883B50',
102102
},
103103
error: {
104-
default: 'hsla(354, 66%, 54%, 1)',
105-
alternative: 'hsla(354, 67%, 64%, 1)',
106-
muted: 'hsla(354, 66%, 54%, .15)',
107-
inverse: 'hsla(0, 0%, 99%, 1)',
108-
disabled: 'hsla(354, 66%, 54%, .5)',
104+
default: '#D73A49',
105+
alternative: '#E06470',
106+
muted: '#D73A4915',
107+
inverse: '#FCFCFC',
108+
disabled: '#D73A4950',
109109
},
110110
warning: {
111-
default: 'hsla(46, 100%, 62%, 1)',
112-
alternative: 'hsla(47, 100%, 72%, 1)',
113-
muted: 'hsla(46, 100%, 62%, .15)',
114-
inverse: 'hsla(210, 9%, 9%, 1)',
115-
disabled: 'hsla(46, 100%, 62%, .5)',
111+
default: '#FFD33D',
112+
alternative: '#FFDF70',
113+
muted: '#FFD33D15',
114+
inverse: '#141618',
115+
disabled: '#FFD33D50',
116116
},
117117
success: {
118-
default: 'hsla(134, 61%, 41%, 1)',
119-
alternative: 'hsla(134, 61%, 61%, 1)',
120-
muted: 'hsla(134, 61%, 41%, .15)',
121-
inverse: 'hsla(0, 0%, 99%, 1)',
122-
disabled: 'hsla(134, 61%, 41%, 1, .5)',
118+
default: '#28A745',
119+
alternative: '#5DD879',
120+
muted: '#28A74515',
121+
inverse: '#FCFCFC',
122+
disabled: '#28A74550',
123123
},
124124
info: {
125-
default: 'hsla(205, 98%, 53%, 1)',
126-
alternative: 'hsla(205, 97%, 63%, 1)',
127-
muted: 'hsla(205, 98%, 53%, .15)',
128-
inverse: 'hsla(0, 0%, 99%, 1)',
129-
disabled: 'hsla(205, 97%, 43%, .5)',
125+
default: '#1098FC',
126+
alternative: '#43AEFC',
127+
muted: '#1098FC15',
128+
inverse: '#FCFCFC',
129+
disabled: '#037DD650',
130130
},
131131
},
132132
};

0 commit comments

Comments
 (0)