1:root {
2
3 /*----------Primary----------*/
4 --Primary: #FFDA33;
5 --Primary_1: rgba(255, 218, 51, .1);
6 --Primary_2: rgba(255, 218, 51, .2);
7 --Primary_4: rgba(255, 218, 51, .4);
8 --Primary_6: rgba(255, 218, 51, .6);
9
10 --gr_primary: var(--Primary);
11 --gr_primary_1: var(--Primary_1);
12 --gr_primary_2: var(--Primary_2);
13 --gr_primary_4: var(--Primary_4);
14 --gr_primary_6: var(--Primary_6);
15
16 --on_gr_primary_text: #2E2F38;
17 --on_gr_primary_text_7: rgba(46, 47, 56, 0.7);
18 --on_gr_primary_text_dark: #2E2F38;
19 --on_gr_primary_icon: #2E2F38;
20 --on_gr_primary_bg: #fff;
21 --on_gr_primary_bg_1: rgba(255, 255, 255, .1);
22 --on_gr_primary_border: #2e2f38;
23 --on_gr_primary_border_1: rgba(46, 47, 56, .1);
24 --on_gr_primary_border_2: rgba(46, 47, 56, .2);
25 /*----------Primary----------*/
26
27
28 /*----------Accent----------*/
29 --Accent: #FF4114;
30 --Accent_1: rgba(255, 65, 20, 0.1);
31 --Accent_2: rgba(255, 65, 20, .2);
32 --Accent_4: rgba(255, 65, 20, .4);
33 --Accent_5: rgba(255, 65, 20, .5);
34
35 --gr_accent: var(--Accent);
36 --gr_accent_1: var(--Accent_1);
37 --gr_accent_2: var(--Accent_2);
38 --gr_accent_4: var(--Accent_4);
39 --gr_accent_5: var(--Accent_5);
40
...
</html>