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,14 +245,13 @@
     }
 
     .comp-role {
-      color: @red;
+      color: @darkpink;
     }
 
     .comp-role-headword {
       font-weight: bold;
     }
   }
-}
 
   .add-button {
     padding: 0 .5em;
@@ -259,6 +259,7 @@
     background-color: @aqua;
     color: @black;
   }
+}
 
 // if span left of input it is just too high, this is a fix
 .span-left-of-input {