Skip to content

Commit e73dff4

Browse files
Afriq Yasin RamadhanAfriq Yasin Ramadhan
Afriq Yasin Ramadhan
authored and
Afriq Yasin Ramadhan
committed
feat(foundation): adjust color palette gray to look blueish and adjust all of others color palette also welcome to new milk palette
1 parent 97cf0a3 commit e73dff4

File tree

2 files changed

+329
-259
lines changed

2 files changed

+329
-259
lines changed

‎packages/tailwind-preset/basic.js

Lines changed: 141 additions & 131 deletions
Original file line numberDiff line numberDiff line change
@@ -46,157 +46,167 @@ module.exports = {
4646
white: '#ffffff',
4747
},
4848
gray: {
49-
0 : '#FDFDFD',
50-
5 : '#F3F3F3',
51-
10 : '#E7E7E8',
52-
15 : '#DBDBDC',
53-
20 : '#DBDBDC',
54-
25 : '#C2C3C5',
55-
30 : '#B6B8B9',
56-
35 : '#AAACAE',
57-
40 : '#9EA0A2',
58-
45 : '#929497',
59-
50 : '#86888B',
60-
55 : '#7A7C7F',
61-
60 : '#6E7074',
62-
65 : '#626468',
63-
70 : '#56585D',
64-
75 : '#4A4D51',
65-
80 : '#3D4145',
66-
85 : '#2A2E33',
67-
90 : '#20242A',
68-
95 : '#14181E',
69-
100: '#0D1117',
49+
0 : '#FBFCFD',
50+
5 : '#F4F5F7',
51+
10 : '#E6E7EB',
52+
15 : '#D9DDE3',
53+
20 : '#CBD1D8',
54+
25 : '#BEC5CF',
55+
30 : '#AFB7C3',
56+
35 : '#A0ABB9',
57+
40 : '#939EAE',
58+
45 : '#8390A3',
59+
50 : '#728196',
60+
55 : '#647184',
61+
60 : '#5B6778',
62+
65 : '#525D6C',
63+
70 : '#495260',
64+
75 : '#414955',
65+
80 : '#383F4A',
66+
85 : '#30363F',
67+
90 : '#272C33',
68+
95 : '#1F2329',
69+
100: '#191C21',
7070
},
7171
blue: {
72-
0 : '#E5F0FA',
73-
10 : '#A8CBEF',
74-
20 : '#70A9E5',
75-
30 : '#3887DB',
76-
40 : '#0065D1',
77-
50 : '#0057B4',
78-
60 : '#004996',
79-
70 : '#003B79',
80-
80 : '#002C5C',
81-
90 : '#001E3F',
82-
100: '#000F1F',
72+
milk: '#F5FAFF',
73+
0 : '#E5F3FF',
74+
10 : '#ADD9FF',
75+
20 : '#75C0FF',
76+
30 : '#3DA6FF',
77+
40 : '#008AFF',
78+
50 : '#0075D9',
79+
60 : '#0061B3',
80+
70 : '#004C8C',
81+
80 : '#003766',
82+
90 : '#002340',
83+
100 : '#001526',
8384
},
8485
green: {
85-
0 : '#E9F7EC',
86-
10 : '#B4E5BF',
87-
20 : '#84D495',
88-
30 : '#53C36C',
89-
40 : '#23B242',
90-
50 : '#1E9939',
91-
60 : '#198030',
92-
70 : '#146726',
93-
80 : '#0F4E1D',
94-
90 : '#0B3514',
95-
100: '#051B0A',
86+
milk: '#F7FDF8',
87+
0 : '#EAF9EE',
88+
10 : '#BEEDCA',
89+
20 : '#91E1A5',
90+
30 : '#65D481',
91+
40 : '#34C759',
92+
50 : '#2CA94C',
93+
60 : '#248C3E',
94+
70 : '#1D6D31',
95+
80 : '#155024',
96+
90 : '#0D3216',
97+
100 : '#081E0D',
9698
},
9799
lightblue: {
98-
0 : '#E6F7F9',
99-
10 : '#A9E3EB',
100-
20 : '#71D2DF',
101-
30 : '#3AC0D2',
102-
40 : '#02AEC5',
103-
50 : '#0296A9',
104-
60 : '#017D8E',
105-
70 : '#016572',
106-
80 : '#014D57',
107-
90 : '#01343B',
108-
100: '#001A1E',
100+
milk: '#F5FDFF',
101+
0 : '#E5FAFF',
102+
10 : '#ADF0FF',
103+
20 : '#75E6FF',
104+
30 : '#3DDCFF',
105+
40 : '#00D1FF',
106+
50 : '#00B2D9',
107+
60 : '#0093B3',
108+
70 : '#00738C',
109+
80 : '#005466',
110+
90 : '#003440',
111+
100 : '#001F26',
109112
},
110113
orange: {
111-
0 : '#FEF6E9',
112-
10 : '#FCE1B4',
113-
20 : '#F9CD84',
114-
30 : '#F7BA53',
115-
40 : '#F5A623',
116-
50 : '#D38F1E',
117-
60 : '#B07819',
118-
70 : '#8E6014',
119-
80 : '#6C490F',
120-
90 : '#4A320B',
121-
100: '#251905',
114+
milk: '#FFFBF5',
115+
0 : '#FFF5E5',
116+
10 : '#FFE0AD',
117+
20 : '#FFCA75',
118+
30 : '#FFB53D',
119+
40 : '#FF9E00',
120+
50 : '#D98600',
121+
60 : '#B36F00',
122+
70 : '#8C5700',
123+
80 : '#663F00',
124+
90 : '#402800',
125+
100 : '#261800',
122126
},
123127
red: {
124-
0 : '#FCEAEA',
125-
10 : '#F6B8B7',
126-
20 : '#F08A89',
127-
30 : '#EA5C5A',
128-
40 : '#E42E2C',
129-
50 : '#C42826',
130-
60 : '#A42120',
131-
70 : '#841B1A',
132-
80 : '#641413',
133-
90 : '#641413',
134-
100: '#220707',
128+
milk: '#FEF7F7',
129+
0 : '#FCEAE9',
130+
10 : '#F6BCBB',
131+
20 : '#F08E8D',
132+
30 : '#EA605E',
133+
40 : '#E42E2C',
134+
50 : '#C22725',
135+
60 : '#9F201F',
136+
70 : '#7D1918',
137+
80 : '#5B1212',
138+
90 : '#390C0B',
139+
100 : '#220707',
135140
},
136141
gold: {
137-
0 : '#F8F5E5',
138-
10 : '#E7DDA8',
139-
20 : '#D7C670',
140-
30 : '#C7B038',
141-
40 : '#B79A00',
142-
50 : '#9D8400',
143-
60 : '#846F00',
144-
70 : '#6A5900',
145-
80 : '#514400',
146-
90 : '#372E00',
147-
100: '#1B1700',
142+
milk: '#FFFCF5',
143+
0 : '#FFF7E5',
144+
10 : '#FFE7AD',
145+
20 : '#FFD675',
146+
30 : '#FFC63D',
147+
40 : '#FFB400',
148+
50 : '#D99900',
149+
60 : '#B37E00',
150+
70 : '#8C6300',
151+
80 : '#664800',
152+
90 : '#402D00',
153+
100 : '#261B00',
148154
},
149155
yellow: {
150-
0 : '#FDFBEA',
151-
10 : '#FAF1B7',
152-
20 : '#F6E789',
153-
30 : '#F3DE5A',
154-
40 : '#EFD52C',
155-
50 : '#CEB726',
156-
60 : '#AC9920',
157-
70 : '#8B7C1A',
158-
80 : '#695E13',
159-
90 : '#48400D',
160-
100: '#242007',
156+
milk: '#FFFDF5',
157+
0 : '#FFFBE5',
158+
10 : '#FFF2AD',
159+
20 : '#FFE975',
160+
30 : '#FFE13D',
161+
40 : '#FFD700',
162+
50 : '#D9B700',
163+
60 : '#B39700',
164+
70 : '#8C7600',
165+
80 : '#665600',
166+
90 : '#403600',
167+
100 : '#262000',
161168
},
162169
lime: {
163-
0 : '#F6FCEB',
164-
10 : '#E0F7BA',
165-
20 : '#CBF18E',
166-
30 : '#B7EB61',
167-
40 : '#A3E635',
168-
50 : '#8CC62E',
169-
60 : '#75A626',
170-
70 : '#5F851F',
171-
80 : '#486517',
172-
90 : '#314510',
173-
100: '#182208',
170+
milk: '#FBFFF5',
171+
0 : '#F6FFE5',
172+
10 : '#E1FFAD',
173+
20 : '#CDFF75',
174+
30 : '#B9FF3D',
175+
40 : '#A3FF00',
176+
50 : '#8BD900',
177+
60 : '#72B300',
178+
70 : '#598C00',
179+
80 : '#416600',
180+
90 : '#294000',
181+
100 : '#182600',
174182
},
175183
teal: {
176-
0 : '#E7F8F5',
177-
10 : '#AEE7DD',
178-
20 : '#7AD7C8',
179-
30 : '#46C8B2',
180-
40 : '#12B89C',
181-
50 : '#0F9E86',
182-
60 : '#0D8470',
183-
70 : '#0A6B5A',
184-
80 : '#085145',
185-
90 : '#05372F',
186-
100: '#031C17',
184+
milk: '#F5FDFC',
185+
0 : '#E5F9F6',
186+
10 : '#ADEDE3',
187+
20 : '#75E1D0',
188+
30 : '#3DD4BE',
189+
40 : '#00C7A9',
190+
50 : '#00A990',
191+
60 : '#008C77',
192+
70 : '#006D5D',
193+
80 : '#005044',
194+
90 : '#00322A',
195+
100 : '#001E19',
187196
},
188197
purple: {
189-
0 : '#EFE5FA',
190-
10 : '#C8A8EF',
191-
20 : '#A570E5',
192-
30 : '#8138DB',
193-
40 : '#5E00D1',
194-
50 : '#5100B4',
195-
60 : '#440096',
196-
70 : '#370079',
197-
80 : '#29005C',
198-
90 : '#1C003F',
199-
100: '#0E001F',
198+
milk: '#FAF5FF',
199+
0 : '#F2E5FF',
200+
10 : '#D6ADFF',
201+
20 : '#BA75FF',
202+
30 : '#9E3DFF',
203+
40 : '#8000FF',
204+
50 : '#6D00D9',
205+
60 : '#5A00B3',
206+
70 : '#46008C',
207+
80 : '#330066',
208+
90 : '#200040',
209+
100 : '#130026',
200210
},
201211
},
202212
borderRadius: {

0 commit comments

Comments
 (0)