focus outline for color thumb

webstudio-is · Oct 14, 2024 · ca86a12 · ca86a12
1 parent 5dfd88e
commit ca86a12
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/apps/builder/app/builder/features/style-panel/shared/color-thumb.tsx b/apps/builder/app/builder/features/style-panel/shared/color-thumb.tsx
@@ -59,6 +59,10 @@ const thumbStyle = css({
   borderRadius: theme.borderRadius[2],
   borderWidth: 0,
   borderStyle: "solid",
+  "&:focus-visible": {
+    outline: `1px solid ${theme.colors.borderFocus}`,
+    outlineOffset: 1,
+  },
 });
 
 type Props = Omit<ComponentProps<"button">, "color"> & {