From 522c5b040c3c2a947097711ca40ffc2be19114bf Mon Sep 17 00:00:00 2001 From: desig9stein Date: Wed, 1 Oct 2025 11:44:25 +0300 Subject: [PATCH] fix(card): consume card actions color --- src/components/card/card.actions.ts | 3 ++- src/components/card/themes/card.actions.base.scss | 4 ---- .../card/themes/shared/actions/card.actions.common.scss | 8 ++++++++ 3 files changed, 10 insertions(+), 5 deletions(-) create mode 100644 src/components/card/themes/shared/actions/card.actions.common.scss diff --git a/src/components/card/card.actions.ts b/src/components/card/card.actions.ts index fa8ba577c..edeec7133 100644 --- a/src/components/card/card.actions.ts +++ b/src/components/card/card.actions.ts @@ -6,6 +6,7 @@ import { registerComponent } from '../common/definitions/register.js'; import type { ContentOrientation } from '../types.js'; import { all } from './themes/actions.js'; import { styles } from './themes/card.actions.base.css.js'; +import { styles as shared } from './themes/shared/actions/card.actions.common.css.js'; /** A container for card action items like buttons * @element igc-card-actions @@ -16,7 +17,7 @@ import { styles } from './themes/card.actions.base.css.js'; */ export default class IgcCardActionsComponent extends LitElement { public static readonly tagName = 'igc-card-actions'; - public static override styles = styles; + public static override styles = [styles, shared]; /* blazorSuppress */ public static register(): void { diff --git a/src/components/card/themes/card.actions.base.scss b/src/components/card/themes/card.actions.base.scss index aab6c1a21..d5b5e3002 100644 --- a/src/components/card/themes/card.actions.base.scss +++ b/src/components/card/themes/card.actions.base.scss @@ -37,7 +37,3 @@ margin-inline-start: auto; order: 1; } - -::slotted(igc-icon) { - opacity: .6; -} diff --git a/src/components/card/themes/shared/actions/card.actions.common.scss b/src/components/card/themes/shared/actions/card.actions.common.scss new file mode 100644 index 000000000..77951c25c --- /dev/null +++ b/src/components/card/themes/shared/actions/card.actions.common.scss @@ -0,0 +1,8 @@ +@use 'styles/utilities' as *; +@use '../../light/themes' as *; + +$theme: $base; + +:host { + color: var-get($theme, 'actions-text-color'); +}