feat: Modernize and make focus styles more prominent

radial-color-picker · Jan 21, 2024 · 401407a · 401407a
1 parent b19f48c
commit 401407a
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/ColorPicker.vue b/src/ColorPicker.vue
@@ -386,12 +386,13 @@
         border: 0;
     }
 
-    .rcp__well:hover {
-        box-shadow: 0 0 1px 1px #333;
+    .rcp:focus-visible .rcp__knob,
+    .rcp__well:focus-visible {
+        box-shadow: 0 0 0 2px rgba(160, 174, 192, 0.6);
     }
 
-    .rcp__well:focus {
-        box-shadow: 0 0 1px 2px #b2b2b2;
+    .rcp__well:hover {
+        box-shadow: 0 0 1px 1px #333;
     }
 
     .rcp__well.pressed {