noisey buttons

client/assets/styles/colours.less

@@ -5,7 +5,7 @@
 @white: #f5f5f5; // whitesmoke
 @purple: #9355b5; // 6lack - that far cover
 @yellow: #ffa100;
-@silver: #c0c0c0;
+@silver: #2c2c2c;
 
 @black: black;
 @gray: #222;

client/assets/styles/instance.less

@@ -54,11 +54,7 @@
 
     button {
         &.highlight {
-            color: black;
             background: @silver;
-            // border: 1px solid @white; (this bangs around the vbox)
-
-            // overwrite the classes on white svg elements
             svg {
                 stroke-width: 0.75em;
             }

client/assets/styles/styles.less

@@ -151,14 +151,16 @@ button, input {
     &:hover {
         color: whitesmoke;
         border-color: @gray-hover;
-        // filter: url("#noiseFilter");
     }
 
     &:focus {
         /*colour necesary to bash skellington*/
-
         outline: 0;
     }
+
+    &:active {
+        filter: url("#noiseFilter");
+    }
 }
 
 a {
@@ -291,6 +293,7 @@ li {
 
 .logo {
     height: 4em;
+    filter: url("#noiseFilter");
     background-image: url("../../assets/mnml.logo.text.svg");
     background-size: contain;
     background-repeat: no-repeat;
@@ -361,4 +364,12 @@ header {
     }
 }
 
+#noise {
+    height: 0;
+}
+
 @import 'styles.mobile.less';
+
+.highlight {
+    filter: url("#noiseFilter");
+}

client/assets/styles/vbox.less

@@ -147,16 +147,11 @@
         }
 
         &.highlight {
-            color: black;
             background: @silver;
             // overwrite the classes on white svg elements
             svg {
                 stroke-width: 0.75em;
             }
-
-            .white {
-                stroke: black;
-            }
         }
     }