From 6c7ed92cf57f94bcfeee7bc16e87eba2f09f516c Mon Sep 17 00:00:00 2001 From: didimmova Date: Fri, 8 May 2026 10:52:22 +0300 Subject: [PATCH] fix(button-group): fix button group colors in selected state --- .../button-group/themes/shared/button/button.common.scss | 4 ++-- .../button-group/themes/shared/button/button.indigo.scss | 6 ------ 2 files changed, 2 insertions(+), 8 deletions(-) diff --git a/src/components/button-group/themes/shared/button/button.common.scss b/src/components/button-group/themes/shared/button/button.common.scss index 46e14c152..256923d73 100644 --- a/src/components/button-group/themes/shared/button/button.common.scss +++ b/src/components/button-group/themes/shared/button/button.common.scss @@ -105,7 +105,7 @@ $theme: $material; [part='toggle focused'] { background: var-get($theme, 'item-selected-focus-background'); - border-color: var-get($theme, 'item-selected-hover-border-color'); + border-color: var-get($theme, 'item-selected-border-color'); } } @@ -122,7 +122,7 @@ $theme: $material; [part='toggle focused'] { background: var-get($theme, 'item-selected-focus-hover-background'); - border-color: var-get($theme, 'item-selected-border-color'); + border-color: var-get($theme, 'item-selected-hover-border-color'); } } diff --git a/src/components/button-group/themes/shared/button/button.indigo.scss b/src/components/button-group/themes/shared/button/button.indigo.scss index 11cd49a83..7b024f082 100644 --- a/src/components/button-group/themes/shared/button/button.indigo.scss +++ b/src/components/button-group/themes/shared/button/button.indigo.scss @@ -37,12 +37,6 @@ $group-item-border-thickness: rem(1px); :host([selected]) [part='toggle focused'] { box-shadow: 0 0 0 rem(3px) var-get($theme, 'selected-shadow-color'); - border-color: var-get($theme, 'item-selected-border-color'); -} - -:host([selected]:hover) [part='toggle focused'], -:host([selected]) [part='toggle focused']:active { - border-color: var-get($theme, 'item-selected-hover-border-color'); } :host([selected]:disabled),