blob: 0a7371993926940c61f898292eeb2a9077833bbd (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
/* This file contains design tokens used in core Gleam projects */
:root {
/* Branding */
--faff-pink: #ffaff3;
--white: #fefefc;
--unnamed-blue: #a6f0fc;
--aged-plastic-yellow: #fffbe8;
--unexpected-aubergine: #584355;
--underwater-blue: #292d3e;
--muted-indigo: #303549;
--charcoal: #2f2f2f;
--black: #1e1e1e;
--blacker: #151515;
/* Other greys */
--off-white: #f0f0f0;
/* Other colors */
--menthol: #c8ffa7;
--caramel: #ffd596;
--deep-saffron: #ff9d35;
--tomato: #ff6262;
/* Semantic colors */
--brand-success: var(--menthol);
--brand-warning: var(--caramel);
--brand-error: var(--tomato);
/* Light theme */
--light-theme-background: var(--white);
--light-theme-background-dim: var(--off-white);
--light-theme-text: var(--black);
--light-theme-text-secondary: var(--charcoal);
--light-theme-code: var(--black);
/* Dark theme */
--dark-theme-background: var(--underwater-blue);
--dark-theme-background-dim: var(--muted-indigo);
--dark-theme-text: var(--white);
--dark-theme-text-secondary: var(--off-white);
--dark-theme-code: var(--deep-saffron);
}
|
