From 3f64b13d7002dd38648a52209aa23d168d085ce2 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Fri, 3 Sep 2021 08:35:29 -0400 Subject: [PATCH] add missing tokens --- docs/resources/changelog.md | 1 + src/themes/dark.styles.ts | 4 +++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index 2a26c111..336acb8f 100644 --- a/docs/resources/changelog.md +++ b/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 `` slightly to better accommodate mobile devices - Removed `` dependency from `` and improve copy animation diff --git a/src/themes/dark.styles.ts b/src/themes/dark.styles.ts index f6b03c15..69623390 100644 --- a/src/themes/dark.styles.ts +++ b/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);