From 737f58438844064603e48911a5dd8680f58a58a6 Mon Sep 17 00:00:00 2001 From: didimmova Date: Fri, 8 May 2026 10:42:15 +0300 Subject: [PATCH] fix(button-group): fix button group colors in selected state --- .../components/button-group/_button-group-theme.scss | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/projects/igniteui-angular/core/src/core/styles/components/button-group/_button-group-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/button-group/_button-group-theme.scss index dfeab6925fd..638de5b001b 100644 --- a/projects/igniteui-angular/core/src/core/styles/components/button-group/_button-group-theme.scss +++ b/projects/igniteui-angular/core/src/core/styles/components/button-group/_button-group-theme.scss @@ -245,7 +245,7 @@ &[igxButton].igx-button--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'); color: var-get($theme, 'item-selected-text-color'); igx-icon { @@ -261,7 +261,6 @@ } @if $variant == 'indigo' { - border-color: var-get($theme, 'item-selected-border-color'); box-shadow: 0 0 0 rem(3px) var-get($theme, 'selected-shadow-color'); } @@ -276,15 +275,11 @@ igx-icon { color: var-get($theme, 'item-selected-hover-icon-color'); } - - @if $variant == 'indigo' { - border-color: var-get($theme, 'item-selected-hover-border-color'); - } } &:hover { 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'); } &:active {