web/css/vars.css


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

:root {
	--bg-color-normal: #36393f;
	--bg-color-light: #484b51;
	--bg-color-gray: #3b3e43;
	--bg-color-dark: #17191d;
	--bg-color-menu: #202225;
	--bg-color-intensive: #436a8a;
	--bg-color-hovered: #1a1c1f;
	--bg-color-selected: #171717;

	--fg-color-normal: #c3c3c3;
	--fg-color-dark: #aaaaaa;
	--fg-color-intensive: white;
	--fg-color-inactive: #6c7481;
	--fg-color-selected: var(--fg-color-inactive);

	--border-color-normal: var(--bg-color-normal);
	--border-color-gray: var(--bg-color-menu);
	--border-color-dark: var(--bg-color-dark);
	--border-color-intensive: #5b90bb;
	--border-color-important: #ff6467;

	--border-dark-thin: thin solid var(--border-color-dark);
	--border-gray-thin: thin solid var(--border-color-gray);
	--border-normal-thin: thin solid var(--border-color-normal);
	--border-black-thin: thin solid black;
	--border-inactive-2px: 2px solid var(--border-color-normal);
	--border-intensive-2px: 2px solid var(--border-color-intensive);
	--border-intensive-thin: thin solid var(--border-color-intensive);

	--shadow-micro: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
	--shadow-small: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	--shadow-big: 0 8px 16px 0 rgba(0, 0, 0, 0.4);
}