it is going to be SO difficult to write themes

jesus tihs sucks how am i supposed to fit such a limited color palette
into this

src/style/app/uploader/add_new_files.scss

@@ -81,7 +81,7 @@
                 height:100px;
                 position:relative;
 
-                background-color:var(--text-input); // todo rename text-input to just input
+                background-color:var(--panel);
                 transition-duration:250ms;
 
                 input[type=file] {
@@ -107,7 +107,7 @@
 
                 &:hover {
                     transition-duration:250ms;
-                    background-color:var(--button);
+                    background-color:var(--text-input);
                 }
             }
         }

src/style/themes/tokyo_test.css

@@ -0,0 +1,31 @@
+:root {
+    /* Crust (topbar) */
+    --crust: #1a1b26; /* topbar color */
+    --crust-txt: #565f89; /* buttons */
+    --crust-txt-active:#a9b1d6; /* hover */
+
+    /* Background */
+    --background: #1a1b26; /* Used for desktop. */
+    --background-readable: #1a1b26; /* Used for mobile, where the uploader is backed a gradient. */
+
+    /* Panel (pulldown, upload panel) */
+    --panel-active: #414868; /* Color to show on option hover */
+    --panel: #24283b;
+    --subpanel: #1a1b26;
+    
+    /* Panel banners */
+    --panel-banner-error: #f7768e;
+    --panel-banner-warning: #e0af68;
+    --panel-banner-success: #9ece6a;
+    --panel-banner-info: #7aa2f7;
+
+    /* Buttons, inputs... */
+    --button-active: #565f89; /* on hover */
+    --button: #414868;
+    --text-input: #1a1b26;
+
+    /* Text */
+    --text-visible: #c0caf5; /* Use for best possible visibility. Used in buttons on hover.  */
+    --text: #a9b1d6;
+    --subtext: #565f89;
+}