Master

app/components/review-wizard/AnnotatorStyle.jsx

@@ -9,10 +9,10 @@ const AnnotatorStyles = createGlobalStyle`
     background-color: ${th('colorWarning')} !important;
   }
   .annotator *::-moz-selection {
-    background-color: ${lighten('colorWarning', 50)} !important;
+    background-color: ${lighten('colorWarning', 30)} !important;
   }
   .annotator *::selection {
-    background-color: ${lighten('colorWarning', 50)} !important;
+    background-color: ${lighten('colorWarning', 30)} !important;
   }
   body {
     /* Base Reset
@@ -61,14 +61,14 @@ const AnnotatorStyles = createGlobalStyle`
     -------------------------------------------------------------------- */
 
     .annotator-hl {
-      background-color: ${lighten('colorWarning', 40)};
+      background-color: ${lighten('colorWarning', 20)};
       &:hover {
         background-color: ${th('colorWarning')};
       }
     }
 
     .annotator-hl-temporary {
-      background-color: ${lighten('colorWarning', 50)};
+      background-color: ${lighten('colorWarning', 30)};
     }
 
     /* Annotator Wrapper
@@ -151,7 +151,7 @@ const AnnotatorStyles = createGlobalStyle`
       left: -18px;
       min-width: 280px;
       width: auto;
-      background-color: ${lighten('colorWarning', 85)};
+      background-color: ${lighten('colorWarning', 51)};
       border: ${th('borderWidth')} ${th('borderStyle')} ${th('colorBorder')};
       border-radius: calc(${th('borderRadius')} * 3);
     }
@@ -371,7 +371,7 @@ const AnnotatorStyles = createGlobalStyle`
 
     .annotator-editor .annotator-item input:focus,
     .annotator-editor .annotator-item textarea:focus{
-      background-color: ${lighten('colorWarning', 85)};
+      background-color: ${lighten('colorWarning', 51)};
       outline: none;
     }
 
@@ -397,7 +397,7 @@ const AnnotatorStyles = createGlobalStyle`
       border-top: 0;
       background-image: none;
       box-shadow: none;
-      background-color: ${lighten('colorWarning', 85)};
+      background-color: ${lighten('colorWarning', 51)};
       padding: ${th('gridUnit')};
     }