/ frontend / src / resources / styles / vars.scss
vars.scss
 1  $color-text: var(--text-100);
 2  $color-text-inverted: var(--text-950);
 3  
 4  $color-text-50: var(--text-50);
 5  $color-text-100: var(--text-100);
 6  $color-text-200: var(--text-200);
 7  $color-text-300: var(--text-300);
 8  $color-text-400: var(--text-400);
 9  $color-text-500: var(--text-500);
10  $color-text-600: var(--text-600);
11  $color-text-700: var(--text-700);
12  $color-text-800: var(--text-800);
13  $color-text-900: var(--text-900);
14  $color-text-950: var(--text-950);
15  
16  $color-background-50: var(--background-50);
17  $color-background-100: var(--background-100);
18  $color-background-200: var(--background-200);
19  $color-background-300: var(--background-300);
20  $color-background-400: var(--background-400);
21  $color-background-500: var(--background-500);
22  $color-background-600: var(--background-600);
23  $color-background-700: var(--background-700);
24  $color-background-800: var(--background-800);
25  $color-background-900: var(--background-900);
26  $color-background-950: var(--background-950);
27  
28  $color-primary-50: var(--primary-50);
29  $color-primary-100: var(--primary-100);
30  $color-primary-200: var(--primary-200);
31  $color-primary-300: var(--primary-300);
32  $color-primary-400: var(--primary-400);
33  $color-primary-500: var(--primary-500);
34  $color-primary-600: var(--primary-600);
35  $color-primary-700: var(--primary-700);
36  $color-primary-800: var(--primary-800);
37  $color-primary-900: var(--primary-900);
38  $color-primary-950: var(--primary-950);
39  
40  $color-secondary-50: var(--secondary-50);
41  $color-secondary-100: var(--secondary-100);
42  $color-secondary-200: var(--secondary-200);
43  $color-secondary-300: var(--secondary-300);
44  $color-secondary-400: var(--secondary-400);
45  $color-secondary-500: var(--secondary-500);
46  $color-secondary-600: var(--secondary-600);
47  $color-secondary-700: var(--secondary-700);
48  $color-secondary-800: var(--secondary-800);
49  $color-secondary-900: var(--secondary-900);
50  $color-secondary-950: var(--secondary-950);
51  
52  $color-accent-50: var(--accent-50);
53  $color-accent-100: var(--accent-100);
54  $color-accent-200: var(--accent-200);
55  $color-accent-300: var(--accent-300);
56  $color-accent-400: var(--accent-400);
57  $color-accent-500: var(--accent-500);
58  $color-accent-600: var(--accent-600);
59  $color-accent-700: var(--accent-700);
60  $color-accent-800: var(--accent-800);
61  $color-accent-900: var(--accent-900);
62  $color-accent-950: var(--accent-950);
63  
64  $border-radius: 8px;
65  
66  $padding-small: 4px;
67  $padding: 8px;
68  $padding-large: 16px;
69  
70  $margin-small: 4px;
71  $margin: 8px;
72  $margin-large: 16px;