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'); +}