Merge a03f4ea into 51fbd02

IgniteUI · Nov 16, 2021 · 85db8f7 · 85db8f7
2 parents 51fbd02 + a03f4ea
commit 85db8f7
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/components/checkbox/checkbox.fluent.scss b/src/components/checkbox/checkbox.fluent.scss
@@ -11,7 +11,7 @@
         &::after {
             border: none;
             background: transparent;
-            box-shadow: inset 0 0 0 1px #{utils.color(gray, 700)};
+            box-shadow: inset 0 0 0 1px #{utils.color(gray, 500)};
         }
     }
 
@@ -20,8 +20,7 @@
         transform: scale(.8);
     }
 
-    igc-checkbox:hover,
-    igc-checkbox:focus-within {
+    igc-checkbox:hover {
         &::part(indicator) {
             opacity: 1;
             stroke: #{utils.color(gray, 700)};
@@ -34,6 +33,13 @@
         }
     }
 
+    igc-checkbox:hover,
+    igc-checkbox:focus-within {
+        &::part(control)::after {
+            box-shadow: inset 0 0 0 1px #{utils.color(gray, 800)};
+        }
+    }
+
     igc-checkbox[indeterminate] {
         &::part(indicator) {
             display: none;
@@ -93,13 +99,11 @@
         }
     }
 
-    igc-checkbox[invalid]:hover::part(indicator),
-    igc-checkbox[invalid]:focus-within::part(indicator) {
+    igc-checkbox[invalid]:hover::part(indicator) {
         stroke: #{utils.color(error, 500, .54)};
     }
 
-    igc-checkbox[invalid]:hover::part(indicator checked),
-    igc-checkbox[invalid]:focus-within::part(indicator checked) {
+    igc-checkbox[invalid]:hover::part(indicator checked) {
         stroke: white;
     }