From 35b8d9d9bce59cf0f4b9de36a9c698b9294bc780 Mon Sep 17 00:00:00 2001 From: Wendelin Date: Mon, 26 May 2025 17:50:11 +0200 Subject: [PATCH] Fix focus ring color --- src/components/ha-button.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/ha-button.ts b/src/components/ha-button.ts index 517e201b3a..6fa4a834ee 100644 --- a/src/components/ha-button.ts +++ b/src/components/ha-button.ts @@ -34,6 +34,7 @@ export type Appearance = "accent" | "filled" | "plain"; * @cssprop --ha-button-height - Height of the button. * @cssprop --ha-button-border-radius - Border radius for the button. * @cssprop --ha-button-text-color - Text color for the button. + * @cssprop --ha-button-focus-ring-color - Focus ring color for the button. * @cssprop --ha-button-font-size - Font weight for the button text. * @cssprop --ha-button-padding-inline-start - padding for the button text on the left side. * @cssprop --ha-button-padding-inline-end - padding for the button text on the right side. @@ -62,7 +63,7 @@ export class HaButton extends Button { var(--ha-font-weight-medium) ); --sl-transition-x-fast: 0.4s; - --sl-focus-ring: solid 4px var(--accent-color); + --sl-focus-ring: solid 4px var(--ha-button-focus-ring-color, #625b71); --sl-focus-ring-offset: 1px; --sl-button-font-size-small: var( --ha-button-font-size,