EPMRPP-87611 || Update components colors and opacity for checkboxes, …

…radio buttons and toggles (#3743) * EPMRPP-87611 || Update components colors and opacity for checkboxes, radio buttons and toggles * EPMRPP-87611 || Code Review fix - 1 * EPMRPP-87611 || Code Review fix - 2
reportportal · Feb 5, 2024 · 322a318 · 322a318
1 parent 173f40c
commit 322a318
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/app/src/componentLibrary/checkbox/checkbox.scss b/app/src/componentLibrary/checkbox/checkbox.scss
@@ -51,7 +51,7 @@
   position: absolute;
   width: 16px;
   height: 16px;
-  border: 1px solid $COLOR--e-200;
+  border: 1px solid $COLOR--e-300;
   border-radius: 3px;
   margin-left: -24px;
   box-sizing: border-box;
@@ -93,7 +93,7 @@
       @include checked-state($COLOR--topaz-focused, $COLOR--topaz-focused);
     }
     &:disabled + .checkbox {
-      border-color: $COLOR--e-200;
+      border-color: $COLOR--e-300;
     }
     &:checked:disabled + .checkbox {
       @include checked-state($COLOR--topaz-2, $COLOR--topaz-2);

diff --git a/app/src/componentLibrary/radioGroup/radioButton/radioButton.scss b/app/src/componentLibrary/radioGroup/radioButton/radioButton.scss
@@ -125,7 +125,7 @@
 .light {
   &.toggler {
     @include toggler;
-    border-color: $COLOR--e-200;
+    border-color: $COLOR--e-300;
     background-color: $COLOR--white-two;
 
     &::after {

diff --git a/app/src/componentLibrary/toggle/toggle.scss b/app/src/componentLibrary/toggle/toggle.scss
@@ -57,7 +57,7 @@
 }
 
 .slider {
-  background-color: $COLOR--e-200;
+  background-color: $COLOR--e-300;
   cursor: pointer;
   position: absolute;
   transition: 0.4s;