changed colors of few elements and a bit of additional logic for colors.

res/colors.less

@@ -19,3 +19,5 @@
 @gray: #aaa;
 @black: #111;
 
+// added a few for this usecase
+@darkred: #860a03;

res/main.less

@@ -43,7 +43,7 @@
 
     #headword {
       font-size: 1.2em; 
-      color: @red;
+      color: @darkred;
       font-weight: bold;
     }
 
@@ -126,7 +126,7 @@
 
           .translation-text {
             display: inline;
-            color: @maroon;
+            color: @blue;
             .translation-element-margin();
           }
           .translation-source {
@@ -174,6 +174,17 @@
 
       .example-text {
         ._hoverable();
+
+        .example-text-1 {
+          color: @black;
+        }
+        .example-text-2 {
+          color: @red;
+        }
+        .example-text-3 {
+          color: @red;
+          font-weight: bold;
+        }
       }
 
       .example-cluster, .example-logdice, .example-frequency {