fix: add css variables for colours to EditorSearchInput

zanata · Nov 20, 2017 · 7d0ac4b · 7d0ac4b
1 parent 8656e46
commit 7d0ac4b
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/server/zanata-frontend/src/frontend/app/editor/components/EditorSearchInput/index.css b/server/zanata-frontend/src/frontend/app/editor/components/EditorSearchInput/index.css
@@ -1,3 +1,8 @@
+:root {
+  --Input-color-dark: #546677;
+  --Input-color-mid: #20718A;
+}
+
 .InputEditorSearch {
   margin-left: 0.75em;
   margin-right: 1em;
@@ -54,7 +59,7 @@
 }
 
 .InputEditorSearch .EditorInputGroup-addon button {
-  color: #546677;
+  color: var(--Input-color-dark);
 }
 
 li.InlineSearch-list {
@@ -65,7 +70,7 @@ li.InlineSearch-list {
 
 li.InlineSearch-list span {
   width: 60%;
-  color: #20718A;
+  color: var(--Input-color-mid);
 }
 
 .InlineSearch input {