Introducing dark mode, deriving apps in bottom bar from db

2026-02-13 20:25:46 -06:00
parent 4432acfea5
commit f02f181058
10 changed files with 248 additions and 61 deletions
--- a/src/_/code/shared.css
+++ b/src/_/code/shared.css
@@ -0,0 +1,48 @@
+:root {
+    --main: #FFE9C8;
+    --accent: #60320c;
+    --text: #340000;
+    --yellow: #f1f3c3;
+    --bone: #fff2e7;
+    --gold: #FEBA7D;
+    --divider: #bb7c36;
+    --green: #0857265c;
+    --red: #ff0000;
+    --quillred: #DE3F3F;
+    --brown: #812A18;
+    --darkbrown: #3f0808;
+
+    --column-src: /_/icons/column2.svg;
+    --nodes-src: /_/icons/nodes.svg;
+    --forum-src: /_/icons/forum.svg;
+    --people-src: /_/icons/people.svg;
+}
+
+@media (prefers-color-scheme: dark) {
+:root {
+    --main: rgb(42, 20, 13);
+    --accent: rgb(106, 44, 28);
+
+    --column-src: /_/icons/column2.svg;
+    --nodes-src: /_/icons/nodes.svg;
+    --forum-src: /_/icons/forum.svg;
+    --people-src: /_/icons/people.svg;
+}
+}
+
+input::placeholder {
+        font-family: Arial;
+    }
+
+html,
+body {
+  padding: 0;
+  margin: 0;
+}
+
+body {
+  padding-top: env(safe-area-inset-top);
+  padding-bottom: env(safe-area-inset-bottom);
+  padding-left: env(safe-area-inset-left);
+  padding-right: env(safe-area-inset-right);
+}