1 files changed, 31 insertions, 18 deletions
diff --git a/ui/styles/variables.css b/ui/styles/variables.css
index 5ea4d74..0f5cd0e 100644
--- a/ui/styles/variables.css
+++ b/ui/styles/variables.css
@@ -8,25 +8,38 @@
   --nav-width: 21rem;
 
   /* coloUrs */
-  /* Really, we need:
-   * - Dark header background
-   * - Medium sidebar background
-   * - Light channel background
-   * - okay/warn/error
-   * - Border colours?
-   * - Text colour
-   * - Hover colour
-   * - Active colour
-   */
-  --colour-background: #253031;
-  --colour-border: #192122;
-
-  --colour-background-alt: #426A5A;
-  --colour-border-alt: #2E4A3E;
-
-  --colour-text: #FFFFEA;
-
   --colour-okay: #6A994E;
   --colour-warn: #EBC3BE;
   --colour-error: #DE5F55;
+
+  /* Header BG (dark) */
+  --colour-header-bg: rgb(66, 66, 66);
+  /* Header text (light) */
+  --colour-header-text: rgb(245, 245, 245);
+  /* Navbar BG (medium) */
+  --colour-navbar-bg: rgb(117, 117, 117);
+  /* Navbar text (light) */
+  --colour-navbar-text: rgb(224, 224, 224);
+  /* Input BG (light) */
+  --colour-input-bg: rgb(224, 224, 224);
+  /* Input text (dark) */
+  --colour-input-text: rgb(66, 66, 66);
+  /* Active channel BG (light) */
+  --colour-active-channel-bg: rgb(224, 224, 224);
+  /* MessageRun self BG (medium) */
+  --colour-message-run-self-bg: rgb(117, 117, 117);
+  /* MessageRun other BG (medium) */
+  --colour-message-run-other-bg: rgb(117, 117, 117);
+  /* Message hover BG (medium-dark) */
+  --colour-message-hover-bg: rgb(170, 170, 170);
+  /* Message handle BG (medium-light) */
+  --colour-message-handle-bg: rgb(224, 224, 224);
+  /* Message handle text */
+  --colour-message-handle-text: rgb(170, 170, 170);
+  /* Navbar active BG */
+  --colour-navbar-active-bg: rgb(117, 117, 117);
+  /* Navbar hover BG */
+  --colour-navbar-hover-bg: rgb(170, 170, 170);
+  /* MessageRun text */
+  --colour-message-run-text: rgb(170, 170, 170);
 }