fix checkbox, radio, toggle focus color

saadeghi · May 25, 2021 · 7ea3c73 · 7ea3c73
1 parent 940895e
commit 7ea3c73
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/styled/checkbox.css b/src/components/styled/checkbox.css
@@ -20,7 +20,7 @@
   }
   &:focus-visible,&:checked:focus-visible,&:checked:hover:focus-visible {
     & ~ .checkbox-mark{
-      box-shadow: 0 0 0 2px hsl(var(--b1, 0 0% 100%)), 0 0 0 4px hsl(var(--bc, 0 0% 100%));
+      box-shadow: 0 0 0 2px hsl(var(--b1, 0 0% 100%)), 0 0 0 4px hsl(var(--bc, 215 28% 17%));
     }
   }
   &:checked{

diff --git a/src/components/styled/radio.css b/src/components/styled/radio.css
@@ -20,7 +20,7 @@
   }
   &:focus-visible,&:checked:focus-visible,&:checked:hover:focus-visible {
     & ~ .radio-mark{
-      box-shadow: 0 0 0 2px hsl(var(--b1, 0 0% 100%)), 0 0 0 4px hsl(var(--bc, 0 0% 100%));
+      box-shadow: 0 0 0 2px hsl(var(--b1, 0 0% 100%)), 0 0 0 4px hsl(var(--bc, 215 28% 17%));
     }
   }
   &:checked{

diff --git a/src/components/styled/toggle.css b/src/components/styled/toggle.css
@@ -9,7 +9,7 @@
   }
   &:focus-visible,&:checked:focus-visible,&:checked:hover:focus-visible {
     & ~ .toggle-mark{
-      box-shadow: 0 0 0 2px hsl(var(--b1, 0 0% 100%)), 0 0 0 4px hsl(var(--bc, 0 0% 100%));
+      box-shadow: 0 0 0 2px hsl(var(--b1, 0 0% 100%)), 0 0 0 4px hsl(var(--bc, 215 28% 17%));
     }
   }
   &:checked{