From 24130d047b97f3af5d27a33672fe65e2cdc29e9c Mon Sep 17 00:00:00 2001 From: KenTandrian Date: Thu, 7 Aug 2025 00:53:22 +0700 Subject: [PATCH] feat(styles): add tabs overrides --- apps/client/src/styles/theme.scss | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/apps/client/src/styles/theme.scss b/apps/client/src/styles/theme.scss index 460a43d19..95eaa2def 100644 --- a/apps/client/src/styles/theme.scss +++ b/apps/client/src/styles/theme.scss @@ -175,6 +175,15 @@ $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest); row-item-outline-color: rgba(var(--dark-dividers)) ) ); + @include mat.tabs-overrides( + ( + active-focus-label-text-color: var(--gf-theme-primary-500), + active-hover-label-text-color: var(--gf-theme-primary-500), + active-label-text-color: var(--gf-theme-primary-500), + active-ripple-color: var(--gf-theme-primary-500), + inactive-ripple-color: var(--gf-theme-primary-500) + ) + ); --mdc-outlined-card-container-color: unset; } @@ -213,6 +222,15 @@ $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest); row-item-outline-color: rgba(var(--light-dividers)) ) ); + @include mat.tabs-overrides( + ( + active-focus-label-text-color: var(--gf-theme-primary-500), + active-hover-label-text-color: var(--gf-theme-primary-500), + active-label-text-color: var(--gf-theme-primary-500), + active-ripple-color: var(--gf-theme-primary-500), + inactive-ripple-color: var(--gf-theme-primary-500) + ) + ); --mdc-outlined-card-container-color: unset; }