Add in some hand-rolled styles

1 files changed, 18 insertions, 0 deletions

diff --git a/ui/styles/variables.css b/ui/styles/variables.css
new file mode 100644
index 0000000..e948c71
--- /dev/null
+++ b/ui/styles/variables.css
@@ -0,0 +1,18 @@
+:root {
+  /*
+   * Not great that these are in px, but not sure what else to do.
+   */
+  --app-bar-height: 48px;
+  --input-row-height: 2rem;
+  --interface-padding: 16px;
+  --nav-width: 21rem;
+
+  /* coloUrs */
+  --colour-background: rgba(0, 0, 0, 0.25);
+  --colour-background-alt: rgba(0, 0, 0, 0.35);
+  --colour-border: rgba(0, 0, 0, 0.45);
+  --colour-text: rgb(240, 240, 240);
+  --colour-okay: #2a9d8f;
+  --colour-warn: #e9c46a;
+  --colour-error: #e76f51;
+}