EPMRPP-94914 || Update several colors (#48)

* EPMRPP-94915 || Update 2 colors for Button component * EPMRPP-94917 || Update 3 colors for FieldNumber component * EPMRPP-94917 || code review fix - 1
reportportal · Sep 17, 2024 · 27e1a2b · 27e1a2b
1 parent b8a82d8
commit 27e1a2b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/assets/styles/themes/base.scss b/src/assets/styles/themes/base.scss
@@ -13,7 +13,7 @@
   --rp-ui-base-error: #dc5959;
   --rp-ui-base-error-hover: #f24a4a;
   --rp-ui-base-error-pressed: #c54141;
-  --rp-ui-base-error-focused: #ffb1b1;
+  --rp-ui-base-error-focused: #00b0d1;
 
   --rp-ui-base-topaz: #00829b;
   --rp-ui-base-topaz-hover: #009dbb;

diff --git a/src/components/button/button.module.scss b/src/components/button/button.module.scss
@@ -65,6 +65,7 @@
   color: var(--rp-ui-base-bg-000);
   &:hover:not(.disabled) {
     opacity: 0.9;
+    background-color: var(--rp-ui-color-error-hover);
   }
   &:active:not(.disabled) {
     border: 1px solid var(--rp-ui-color-error-pressed);

diff --git a/src/components/fieldNumber/fieldNumber.module.scss b/src/components/fieldNumber/fieldNumber.module.scss
@@ -42,11 +42,14 @@
     border-color: var(--rp-ui-base-topaz-focused);
   }
 
-  &:hover:not(.disabled):not(:focus-within):not(.error.touched),
-  &.filled:not(:focus-within) {
+  &:hover:not(.disabled):not(:focus-within):not(.error.touched) {
     border-color: var(--rp-ui-base-e-300);
   }
 
+  &.filled:not(:focus-within) {
+    border-color: var(--rp-ui-base-e-200);
+  }
+
   &.error.touched {
     border-color: var(--rp-ui-base-error);
   }
@@ -73,6 +76,7 @@
   border: none;
   text-align: center;
   appearance: textfield;
+  color: var(--rp-ui-base-almost-black);
 
   &:focus {
     outline: none;