From 76f99ea75ebf44634d4d85c9898034531f457a16 Mon Sep 17 00:00:00 2001 From: Sachin Narendra Sharma Date: Tue, 25 Nov 2025 15:22:31 +0530 Subject: [PATCH] RMA-127847 Update tab styling in all screens --- projects/dxc-ngx-cdk/src/lib/dxc-tabs/dxc-tabs.component.ts | 4 ++-- .../dxc-ngx-cdk/src/lib/theme/complexThemeBindingStrategy.ts | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-tabs/dxc-tabs.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-tabs/dxc-tabs.component.ts index d22a18575..0276c8c5e 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-tabs/dxc-tabs.component.ts +++ b/projects/dxc-ngx-cdk/src/lib/dxc-tabs/dxc-tabs.component.ts @@ -260,10 +260,10 @@ export class DxcTabsComponent implements OnChanges { &.cdk-focused { outline: -webkit-focus-ring-color auto 1px; outline-color: var(--tabs-focusOutline); - background-color: var(--tabs-hoverBackgroundColor) !important; + background-color: var(--tabs-hoverBackgroundColor); } &.mdc-tab--active{ - background-color: var(--tabs-hoverBackgroundColor) !important; + background-color: var(--tabs-backgroundColor) !important; } } dxc-tab-icon { diff --git a/projects/dxc-ngx-cdk/src/lib/theme/complexThemeBindingStrategy.ts b/projects/dxc-ngx-cdk/src/lib/theme/complexThemeBindingStrategy.ts index ea2515eb5..96a4814aa 100644 --- a/projects/dxc-ngx-cdk/src/lib/theme/complexThemeBindingStrategy.ts +++ b/projects/dxc-ngx-cdk/src/lib/theme/complexThemeBindingStrategy.ts @@ -66,7 +66,7 @@ export class ComplexThemeBindingStrategy implements MappingStrategy { proccessedTokens["--tabs-focusOutline"] = theme?.tabs?.baseColor ?? tokens["--tabs-selectedFontColor"]; proccessedTokens["--tabs-hoverBackgroundColor"] = - this.setLightness(theme?.tabs?.baseColor, 58) ?? + this.setLightness(theme?.tabs?.baseColor, 100) ?? tokens["--tabs-hoverBackgroundColor"]; proccessedTokens["--tabs-pressedBackgroundColor"] = this.setLightness(theme?.tabs?.baseColor, 53) ??