Made focus state of toggle a bit more obvious

orchestrated-io · Dec 18, 2023 · 23250bc · 23250bc
1 parent 288a44b
commit 23250bc
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/lib/components/Toggle/index.js b/lib/components/Toggle/index.js
@@ -15,9 +15,9 @@ const Group = styled.div`
           input {
             &:focus {
               + label {
-                box-shadow: ${themeGet("shadows.thinOutline")(props) +
+                box-shadow: ${themeGet("shadows.thickOutline")(props) +
                 " " +
-                themeGet("colors.black30")(props)};
+                themeGet("colors.black")(props)};
               }
             }
           }
@@ -45,9 +45,9 @@ const Input = styled.input.attrs({
   &:focus {
     + label {
       box-shadow: ${(props) =>
-        themeGet("shadows.thinOutline")(props) +
+        themeGet("shadows.thickOutline")(props) +
         " " +
-        themeGet("colors.black30")(props)};
+        themeGet("colors.black20")(props)};
     }
   }