Make the button look more built in

client/src/styles/partials/bdsettings/button.scss

@@ -5,7 +5,6 @@
     width: 70px;
     height: 48px;
     left: 0;
-    background: #202225;
     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(0, 0, 0, 0.06);
     opacity: 1;
 
@@ -24,7 +23,6 @@
         background-position: center;
         width: 100%;
         height: 100%;
-        z-index: 3001;
         cursor: pointer;
         filter: grayscale(100%);
         opacity: 0.5;

client/src/styles/partials/bdsettings/sidebarview.scss

@@ -60,7 +60,7 @@
             background-color: hsla(218,5%,47%,.3);
 
             .bd-material-design-icon {
-                fill: #FFF;
+                fill: #fff;
             }
         }
     }
@@ -94,7 +94,7 @@
 
             &:hover {
                 .bd-material-design-icon {
-                    fill: #FFF;
+                    fill: #fff;
                 }
             }
         }
@@ -103,7 +103,7 @@
             fill: #414245;
 
             &:hover {
-                fill: #FFF;
+                fill: #fff;
             }
         }
     }

client/src/styles/partials/discordoverrides.scss

@@ -17,3 +17,8 @@
         top: 50px;
     }
 }
+
+// Any layers need to be above the main layer (where the BD button is placed)
+.layer-kosS71 + .layer-kosS71 {
+    z-index: 900;
+}

client/src/styles/partials/generic/forms/colourpickers.scss

@@ -21,7 +21,7 @@
             .vc-chrome-fields-wrap {
                 .vc-input__input {
                     background: #1e2124;
-                    color: #FFF;
+                    color: #fff;
                     box-shadow: inset 0 0 0 1px #000;
                 }
 
@@ -30,7 +30,7 @@
                 }
 
                 .vc-chrome-toggle-btn svg path {
-                    fill: #FFF;
+                    fill: #fff;
                 }
             }
         }