dedup some code for themes

1 files changed, 23 insertions, 5 deletions

diff --git a/web/style/themes.css b/web/style/themes.css
index e006513..685b4e9 100644
--- a/web/style/themes.css
+++ b/web/style/themes.css
@@ -1,19 +1,37 @@
-body.theme-dark {
+body {
+    --video-brackground: black;
     --accent-light: rgb(255, 163, 87);
     --accent-dark: rgb(199, 90, 0);
+    --c-error: rgb(255, 117, 117);
+    --c-warn: rgb(252, 255, 78);
+    --c-sucess: rgb(117, 255, 117);
+}
+body.theme-dark {
+    --c-nav: #1c1c1c9a;
+    --c-nav-hover: #ffffff10;
+    --c-fade: black;
+    --overlay: #0004;
+    --overlay-hover: #0008;
     --background-dark: #070707;
     --background-light: #1c1c1c;
     --background-very-light: #323232;
+    --background-disable: rgb(128, 128, 128);
+    --background-prop: #5a5a5a85;
     --font: rgb(218, 218, 218);
-    --font-dark: rgb(148, 148, 148);
+    --font-dark: rgb(122, 122, 122);
     --font-highlight: white;
 }
 body.theme-light {
-    --accent-light: rgb(255, 163, 87);
-    --accent-dark: rgb(199, 90, 0);
+    --c-nav: #c4c4c4d7;
+    --c-nav-hover: #ffffff10;
+    --c-fade: white;
+    --overlay: rgba(255, 255, 255, 0.267);
+    --overlay-hover: rgba(255, 255, 255, 0.533);
     --background-dark: #ffffff;
-    --background-light: #e2e2e2;
+    --background-light: #c0c0c0;
     --background-very-light: #b9b9b9;
+    --background-disable: rgb(128, 128, 128);
+    --background-prop: #e9e9e9b2;
     --font: rgb(43, 43, 43);
     --font-dark: rgb(0, 0, 0);
     --font-highlight: rgb(0, 0, 0);