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
35

:root {
	--bg-color-normal: #36393f;
	--bg-color-light: #484b51;
	--bg-color-gray: #3b3e43;
	--bg-color-dark: #17191d;
	--bg-color-ctl: #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);

	--bg-color-stream-screen: black;

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

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

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