adding stripe section, parts of dashboard

ui/_/code/shared.css

@@ -5,7 +5,8 @@
     --gold: #FEBA7D;
     --divider: #bb7c36;
     --green: #0857265c;
-    --red: #E84343;
+    --red: #CE0000;
+    --redorange: #ff2e00;
     --brown: #812A18;
     --darkbrown: #3f0808;
 
@@ -14,12 +15,18 @@
 
 @media (prefers-color-scheme: dark) {
 :root {
-    --main: var(--brown);
-    --accent: var(--gold);
+    --main: #000000;
+    --accent: #453C33;
     --accent2: var(--gold);
 }
 }
 
+:root.red {
+    --main: var(--red);
+    --accent: #6a0000;
+    --accent2: var(--green);
+}
+
 @font-face {
     font-family: 'Canterbury';
     src: url('/_/fonts/Canterbury/Canterbury.ttf') format('truetype');
@@ -84,6 +91,7 @@ a:active {
 }
 
 button {
+    font-family: inherit;
     background-color: transparent;
     color: var(--accent);
     padding: 0.5em;
@@ -102,6 +110,7 @@ input {
 }
 
 input::placeholder {
+    font-family: "Nanum";
     color: var(--accent)
 }