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
|
body {
--surface: rgb(247, 250, 252);
--surface: #f7fafc;
--on-surface: #1a202c;
--elevation-1-shadow: 0px -6px 7px 0px black;
--divider: #e2e8f0;
--gradient-1: linear-gradient(90deg, #84fab0, #8fd3f4 51%, #84fab0) 100% / 200%;
--gradient-2: linear-gradient(90deg, rgba(255, 42,228,1) 0%,
rgba(164,255,177,1) 60%,
rgba(214,255,241,1) 85%,
var(--surface) 100%);
}
body.dark {
--surface: #161616;
--on-surface: #a5a5a5;
--elevation-1-shadow: none;
--divider: #363636;
--gradient-1: linear-gradient(90deg, #0c5f2b, #0a2531 51%, #1e6439) 100% / 200%;
--gradient-2: linear-gradient(90deg, rgb(110 0 96) 20%,
rgb(27 142 43) 60%,
rgb(42 70 61) 85%,
var(--surface) 100%);
}
|
