From eaf5cdcdce578b9024ba4aa738adc03ba055b273 Mon Sep 17 00:00:00 2001 From: sivanova Date: Thu, 20 Nov 2025 11:48:33 +0200 Subject: [PATCH 1/2] fix(switch): style component using sass themes --- .../components/switch/_switch-theme.scss | 18 +++++++----------- 1 file changed, 7 insertions(+), 11 deletions(-) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss index b6eb01d2d9f..8bafc72df32 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss @@ -130,14 +130,12 @@ %switch-composite--hover { border-color: var-get($theme, 'border-hover-color'); - @if $variant != 'material' { - %switch-thumb { - background: var-get($theme, 'thumb-off-hover-color'); - } + %switch-thumb { + background: var-get($theme, 'thumb-off-hover-color'); + } - %switch-thumb--x { - background: var-get($theme, 'thumb-on-color'); - } + %switch-thumb--x { + background: var-get($theme, 'thumb-on-color'); } } @@ -153,10 +151,8 @@ background: var-get($theme, 'track-on-hover-color'); border-color: var-get($theme, 'border-on-hover-color'); - @if $variant != 'material' { - %switch-thumb { - background: var-get($theme, 'thumb-on-color'); - } + %switch-thumb { + background: var-get($theme, 'thumb-on-color'); } } From 887554399d5a3da398d57cd5c2afe5977719cf85 Mon Sep 17 00:00:00 2001 From: sivanova Date: Thu, 20 Nov 2025 15:05:00 +0200 Subject: [PATCH 2/2] fix(switch): indigo border-radius --- .../src/lib/core/styles/components/switch/_switch-theme.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss index 8bafc72df32..1fc56ec75e7 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss @@ -255,7 +255,6 @@ @if $variant == 'indigo' { %switch-composite { - border-radius: var-get($theme, 'border-radius-thumb'); box-shadow: 0 0 0 rem(3px) var-get($theme, 'focus-outline-color'); } }