8 files changed, 20 insertions, 8 deletions
diff --git a/web/forms.css b/web/style/forms.css
index 259d7ef..259d7ef 100644
--- a/web/forms.css
+++ b/web/style/forms.css
diff --git a/web/js-player.css b/web/style/js-player.css
index 6d1bd71..6d1bd71 100644
--- a/web/js-player.css
+++ b/web/style/js-player.css
diff --git a/web/js-transition.css b/web/style/js-transition.css
index dbb80f0..dbb80f0 100644
--- a/web/js-transition.css
+++ b/web/style/js-transition.css
diff --git a/web/layout.css b/web/style/layout.css
index 92a8929..ea7d3e6 100644
--- a/web/layout.css
+++ b/web/style/layout.css
@@ -15,16 +15,8 @@
     --port-poster-aspect: 1.41;
     --land-poster-aspect: (1.41 / 2);
     --land-thumb-aspect: (9 / 16);
-    --accent-light: rgb(255, 163, 87);
-    --accent-dark: rgb(199, 90, 0);
     --backdrop-height: 24em;
-    --background-dark: #070707;
-    --background-light: #1c1c1c;
-    --background-very-light: #323232;
     --main-side-margin: 2em;
-    --font: rgb(218, 218, 218);
-    --font-dark: rgb(148, 148, 148);
-    --font-highlight: white;
 }
 
 ::selection {
diff --git a/web/nodecard.css b/web/style/nodecard.css
index d32d5f4..d32d5f4 100644
--- a/web/nodecard.css
+++ b/web/style/nodecard.css
diff --git a/web/nodepage.css b/web/style/nodepage.css
index e40706e..e40706e 100644
--- a/web/nodepage.css
+++ b/web/style/nodepage.css
diff --git a/web/player.css b/web/style/player.css
index eb1a0a0..eb1a0a0 100644
--- a/web/player.css
+++ b/web/style/player.css
diff --git a/web/style/themes.css b/web/style/themes.css
new file mode 100644
index 0000000..e006513
--- /dev/null
+++ b/web/style/themes.css
@@ -0,0 +1,20 @@
+body.theme-dark {
+    --accent-light: rgb(255, 163, 87);
+    --accent-dark: rgb(199, 90, 0);
+    --background-dark: #070707;
+    --background-light: #1c1c1c;
+    --background-very-light: #323232;
+    --font: rgb(218, 218, 218);
+    --font-dark: rgb(148, 148, 148);
+    --font-highlight: white;
+}
+body.theme-light {
+    --accent-light: rgb(255, 163, 87);
+    --accent-dark: rgb(199, 90, 0);
+    --background-dark: #ffffff;
+    --background-light: #e2e2e2;
+    --background-very-light: #b9b9b9;
+    --font: rgb(43, 43, 43);
+    --font-dark: rgb(0, 0, 0);
+    --font-highlight: rgb(0, 0, 0);
+}