moved kvmd to the root

1 files changed, 35 insertions, 0 deletions

diff --git a/web/css/vars.css b/web/css/vars.css
new file mode 100644
index 00000000..d6d5a604
--- /dev/null
+++ b/web/css/vars.css
@@ -0,0 +1,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);
+}