popup: Decouple match text and hint-bg colors

Author: adtac

src/popup/colors-dark.less

@@ -13,6 +13,8 @@
         @active-input-bg-color: #4f4f4f,
         @input-text-color: #eee,
         @hint-bg-color: #d79921,
-        @hint-color: #363636
+        @hint-color: #363636,
+        @match-text-bg-color: transparent,
+        @match-text-color: #d79921
     );
 }

src/popup/colors-light.less

@@ -13,6 +13,8 @@
         @active-input-bg-color: #e3e6e9,
         @input-text-color: #343a40,
         @hint-bg-color: #ced4da,
-        @hint-color: #495057
+        @hint-color: #495057,
+        @match-text-bg-color: #d0ebff,
+        @match-text-color: #1864ab
     );
 }

src/popup/colors.less

@@ -10,9 +10,9 @@
     @active-input-bg-color,
     @input-text-color,
     @hint-bg-color,
-    @hint-color) {
-    @match-text-color: @hint-bg-color;
-
+    @hint-color,
+    @match-text-bg-color,
+    @match-text-color) {
     html,
     body {
         background-color: @bg-color;
@@ -63,6 +63,7 @@
     }
 
     .part.login em {
+        background-color: @match-text-bg-color;
         color: @match-text-color;
     }