Styling improvements

ui/_/code/shared.css

@@ -1,8 +1,9 @@
 :root {
-    --main: var(--parchment);
+    --main: #ffe6d0;
     --app: var(--parchment);
-    --accent: black;
-    --accent2: black;
+    --accent: rgb(57, 26, 0);
+    --accent2: rgb(57, 26, 0);
+    --window: #fff1e4;
 
     --bone: #fff2e7;
     --parchment: #FEBA7D;
@@ -21,11 +22,26 @@
     --settings-src: /_/icons/settings.svg;
 }
 
+:root.parchment {
+    --main: var(--parchment);
+    --app: var(--parchment);
+    --accent: rgb(57, 26, 0);
+    --accent2: rgb(57, 26, 0);
+    --window: #ffc28b;
+
+    --house-src: /_/icons/house.svg;
+    --nodes-src: /_/icons/nodes.svg;
+    --forum-src: /_/icons/forum.svg;
+    --people-src: /_/icons/people.svg;
+    --settings-src: /_/icons/settings.svg;
+}
+
 :root.dark {
     --main: #000000;
     --app: #180404;
-    --accent: #695b4d;
+    --accent: #8a7454;
     --accent2: var(--gold);
+    --window: #340f0f;
 
     --house-src: /_/icons/housedark.svg;
     --nodes-src: /_/icons/nodesdark.svg;
@@ -37,8 +53,9 @@
 :root.red {
     --main: var(--red);
     --app: var(--red);
-    --accent: black;
+    --accent: rgb(57, 0, 0);
     --accent2: var(--green);
+    --window: #ff0000;
 
     --house-src: /_/icons/house.svg;
     --nodes-src: /_/icons/nodes.svg;
@@ -82,6 +99,18 @@ body {
     color: var(--accent);
 }
 
+:root.red body {
+    background-color: #e70101;
+}
+
+:root.dark body {
+    background-color: #000000;
+}
+
+:root.dark app-window {
+    border: 1px solid #7a6b55;
+}
+
 @media (max-width: 480px) {
     body, html{
         overflow-x: hidden;