3 files changed, 16 insertions, 2 deletions
diff --git a/client-web/style/master.sass b/client-web/style/master.sass
index 0863129..8b82f27 100644
--- a/client-web/style/master.sass
+++ b/client-web/style/master.sass
@@ -14,6 +14,11 @@
 @import url("/assets/font/include.css")
 @import url("/overrides.css")
 
+:root
+    --green: rgb(146, 243, 73)
+    --red: #cf3f3f
+    --textgrey: #bbbbbb
+
 *
     font-family: "Ubuntu", sans-serif
     font-weight: 300
diff --git a/client-web/style/room.sass b/client-web/style/room.sass
index d7ffbf9..92d751d 100644
--- a/client-web/style/room.sass
+++ b/client-web/style/room.sass
@@ -63,3 +63,12 @@
 
 .resource-track>div.audio-active
     border: 2px solid var(--ac-light)
+
+.connection-status
+    font-size: small
+.status-neutral
+    color: var(--textgrey)
+.status-good
+    color: var(--green)
+.status-fail
+    color: var(--red)
diff --git a/client-web/style/watches.sass b/client-web/style/watches.sass
index ee45f5d..4408cb8 100644
--- a/client-web/style/watches.sass
+++ b/client-web/style/watches.sass
@@ -20,7 +20,7 @@
             width: 1em
             height: 1em
             border-radius: 3px
-            background-color: rgb(146, 243, 73)
+            background-color: var(--green)
         span
             display: inline-block
-            color: #bbbbbb
+            color: var(--textgrey)