edit example text colors/buttons changed

res/main.less

@@ -227,11 +227,11 @@
   }
 
   .example-component-headword {
-    color: @navy;
+    color: @orange;
   }
 
   .example-component-collocate {
-    color: @teal;
+    color: @purple;
   }
 
   .example-component-other {

src/view/modals.py

@@ -39,13 +39,13 @@ def edit_example(example):
     divs = []
     buttons_right = lambda idx: [
         h("span.example-component-button.example-component-headword", 
-          {"on": {"click": role_msg(idx, "headword")}}, "■"),
+          {"on": {"click": role_msg(idx, "headword")}}, "H"),
         h("span.example-component-button.example-component-collocate",
-          {"on": {"click": role_msg(idx, "collocate")}}, "■"),
+          {"on": {"click": role_msg(idx, "collocate")}}, "C"),
         h("span.example-component-button.example-component-other",
-          {"on": {"click": role_msg(idx, "other")}}, "■"),
+          {"on": {"click": role_msg(idx, "other")}}, "O"),
         h("span.example-component-button.example-component-none",
-          {"on": {"click": role_msg(idx, "none")}}, "■"),
+          {"on": {"click": role_msg(idx, "none")}}, "N"),
         h("span.example-component-button",
           {"on": {"click": message.msg(message.ExampleComponentAdd(example_original, idx))}}, "+"),
         h("span.example-component-button",