changing colors!

res/main.less

@@ -118,6 +118,7 @@
 
         .sense-label + .sense-label:before {
           content: ", ";
+          color: @label-color;
         }
 
         &:empty:before {
@@ -148,7 +149,7 @@
 
           .translation-text {
             display: inline;
-            color: @blue;
+            color: @translation-color;
             .translation-element-margin();
           }
           .translation-source {
@@ -203,10 +204,10 @@
           color: @black;
         }
         .example-text-2 {
-          color: @red;
+          color: @darkpink;
         }
         .example-text-3 {
-          color: @red;
+          color: @darkpink;
           font-weight: bold;
         }
       }
@@ -244,20 +245,20 @@
     }
 
     .comp-role {
-      color: @red;
+      color: @darkpink;
     }
 
     .comp-role-headword {
       font-weight: bold;
     }
   }
-}
 
-.add-button {
+  .add-button {
-  padding: 0 .5em;
+    padding: 0 .5em;
-  margin: 0 0 0 0.3em;
+    margin: 0 0 0 0.3em;
-  background-color: @aqua;
+    background-color: @aqua;
-  color: @black;
+    color: @black;
+  }
 }
 
 // if span left of input it is just too high, this is a fix