diff --git a/modules/ui/components/Toolbar.less b/modules/ui/components/Toolbar.less
index 345c3070..d0838941 100644
--- a/modules/ui/components/Toolbar.less
+++ b/modules/ui/components/Toolbar.less
@@ -1,7 +1,7 @@
 @import "../styles/theme.less";
 
 .root {
-  background-color: rgba(255, 255, 255, 0.5);
+  background-color: hsl(203, 5%, 29%);
   padding: 3px;
   border-radius: 5px;
   display: flex;
@@ -20,9 +20,9 @@
   text-align: center;
   white-space: nowrap;
   font-size: 10px;
-  padding: 2px 2px;
-  margin: 1px 5px;
-  color: #555;
+  padding: 1px 1px;
+  margin: 2px 1px;
+  color: rgb(248, 238, 238);
   pointer-events: auto;
   &:hover {
     cursor: pointer;
@@ -31,7 +31,7 @@
   }
 
   &.disabled {
-    color: #999;
+    color: rgb(113, 111, 111);
   }
 
   &.disabled:hover {