3 files changed, 12 insertions, 5 deletions
diff --git a/client-web/style/chat.sass b/client-web/style/chat.sass
index d9a3673..8f19358 100644
--- a/client-web/style/chat.sass
+++ b/client-web/style/chat.sass
@@ -10,6 +10,10 @@
 
     .message
         margin: 0.2em
+    .control-message
+        font-style: italic
+        color: var(--ac-light)
+        filter: brightness(160%) // TODO filter is a bad approach here.
     .author
         font-weight: bold
     .text
@@ -25,11 +29,10 @@
 
     .controls
         flex: 0
-    
+
     input
         font-size: medium
         width: 100%
         border-radius: 5px
         padding: 0.5em
         box-sizing: border-box
-        
diff --git a/client-web/style/master.sass b/client-web/style/master.sass
index 854bdae..44324bf 100644
--- a/client-web/style/master.sass
+++ b/client-web/style/master.sass
@@ -18,11 +18,11 @@
     --green: rgb(146, 243, 73)
     --red: #cf3f3f
     --textgrey: #bbbbbb
+    font-weight: 300
+    color: white
 
 *
     font-family: "Ubuntu", sans-serif
-    font-weight: 300
-    color: white
     margin: 0px
     padding: 0px
 
@@ -56,6 +56,7 @@ h1
 input[type="button"],
 button,
 .side-ui-control
+    color: white
     padding: 0.5em
     margin: 0.25em
     background-color: var(--ac)
@@ -80,11 +81,12 @@ button:disabled,
 input[type="button"].active,
 button.active,
 .side-ui-control.checked
-    filter: hue-rotate(30deg)
+    filter: brightness(80%)
 
 input[type="text"],
 select,
 input[type="number"]
+    color: white
     background-color: var(--bg-dark)
     border: 1.5px solid grey
 
diff --git a/client-web/style/menu.sass b/client-web/style/menu.sass
index 26a9cfd..9fc2c67 100644
--- a/client-web/style/menu.sass
+++ b/client-web/style/menu.sass
@@ -20,6 +20,8 @@
     right: 0px
     display: block
     text-align: right
+    a
+        color: lightgrey
 
 .info-br .version
     font-size: medium