EPMRPP-96191 || Adjust clear icon color in TextField component

reportportal · Oct 14, 2024 · 4e5f1d7 · 4e5f1d7
1 parent 66101d6
commit 4e5f1d7
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/assets/styles/themes/dark.scss b/src/assets/styles/themes/dark.scss
@@ -33,6 +33,7 @@
   --rp-ui-color-field-opened: var(--rp-ui-base-e-200);
   --rp-ui-color-field-placeholder: var(--rp-ui-base-dark-e-200);
   --rp-ui-color-field-placeholder-3: var(--rp-ui-base-dark-e-200);
+  --rp-ui-color-field-icon: var(--rp-ui-base-dark-e-50);
 
   --rp-ui-color-radio-checked: var(--rp-ui-base-dark-topaz-main);
 

diff --git a/src/assets/styles/themes/light.scss b/src/assets/styles/themes/light.scss
@@ -32,6 +32,7 @@
   --rp-ui-color-field-opened: var(--rp-ui-base-topaz-pressed);
   --rp-ui-color-field-placeholder: var(--rp-ui-base-almost-black);
   --rp-ui-color-field-placeholder-3: var(--rp-ui-base-e-300);
+  --rp-ui-color-field-icon: var(--rp-ui-base-e-300);
 
   --rp-ui-color-radio-checked: var(--rp-ui-base-topaz-pressed);
 

diff --git a/src/components/fieldText/fieldText.module.scss b/src/components/fieldText/fieldText.module.scss
@@ -179,22 +179,22 @@
   font: inherit;
   outline: inherit;
   cursor: pointer;
-  @include fill-svg-path(var(--rp-ui-color-bg-2));
+  @include fill-svg-path(var(--rp-ui-color-field-icon));
 
   &.disabled {
     pointer-events: none;
   }
 
   &:hover {
-    @include fill-svg(var(--rp-ui-base-e-400));
+    @include fill-svg-path(var(--rp-ui-color-field-hover-2));
   }
 
   &:focus {
-    @include fill-svg(var(--rp-ui-color-primary-focused));
+    @include fill-svg-path(var(--rp-ui-color-primary-focused));
   }
 
   &:active {
-    @include fill-svg(var(--rp-ui-color-primary-pressed));
+    @include fill-svg-path(var(--rp-ui-color-primary-pressed));
   }
 }