add missing tokens

docs/resources/changelog.md

@@ -8,6 +8,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 
 ## Next
 
+- Added missing `--sl-focus-ring-*` tokens to dark theme
 - Improved visibility of elevations and overlays in dark theme
 - Reduced the size of `<sl-color-picker>` slightly to better accommodate mobile devices
 - Removed `<sl-icon>` dependency from `<sl-color-picker>` and improve copy animation

src/themes/dark.styles.ts

@@ -460,8 +460,10 @@ export default css`
      */
 
     /* Focus ring */
+    --sl-focus-ring-color: var(--sl-color-primary-500);
     --sl-focus-ring-width: 3px;
-    --sl-focus-ring-alpha: 33%;
+    --sl-focus-ring-alpha: 40%;
+    --sl-focus-ring: 0 0 0 var(--sl-focus-ring-width) rgb(var(--sl-focus-ring-color) / var(--sl-focus-ring-alpha));
 
     /* Buttons */
     --sl-button-font-size-small: var(--sl-font-size-x-small);