Merge branch 'main' into replies

app.vue

@@ -36,21 +36,32 @@ function contextMenuHandler(e: MouseEvent) {
 	//]);
 }
 
+let currentTheme = "dark" // default theme
+const savedTheme = localStorage.getItem("selectedTheme");
+if (savedTheme) {
+	currentTheme = savedTheme;
+}
+
+const baseURL = useRuntimeConfig().app.baseURL;
+
+useHead({
+  link: [
+    {
+      rel: "stylesheet",
+      href: `${baseURL}themes/${currentTheme}.css`
+    }
+  ]
+})
 </script>
 
 <style>
-:root {
-  --background-color: rgb(30, 30, 30);
-  --main-text-color: rgb(190, 190, 190);
-  --outline-border: 1px solid rgb(150, 150, 150);
-}
-
 html,
 body {
   font-family: Arial, Helvetica, sans-serif;
   box-sizing: border-box;
-  color: rgb(190, 190, 190);
-  background-color: rgb(30, 30, 30);
+  color: var(--text-color);
+	background: var(--optional-body-background);
+  background-color: var(--chat-background-color);
   margin: 0;
 }
 
@@ -67,15 +78,15 @@ a {
 }
 
 .bottom-border {
-	border-bottom: 1px solid rgb(70, 70, 70);
+	border-bottom: 1px solid var(--padding-color);
 }
 
 .left-border {
-	border-left: 1px solid rgb(70, 70, 70);
+	border-left: 1px solid var(--padding-color);
 }
 
 .right-border {
-	border-right: 1px solid rgb(70, 70, 70);
+	border-right: 1px solid var(--padding-color);
 }
 
 .rounded-corners {