diff --git a/libs/barista-components/consumption/src/_consumption-theme.scss b/libs/barista-components/consumption/src/_consumption-theme.scss deleted file mode 100644 index b77eea7abc..0000000000 --- a/libs/barista-components/consumption/src/_consumption-theme.scss +++ /dev/null @@ -1,12 +0,0 @@ -@import '../../core/src/theming/theming'; - -@mixin dt-theme-consumption($theme) { - $palette-name: 'error'; - $palette: dt-get-theme-palette($theme, $palette-name); - $default-color: dt-get-theme-color($palette, 'default'); - $namespace: ':host.dt-color-#{$palette-name}'; - - #{$namespace}::ng-deep .dt-consumption-count { - color: $default-color; - } -} diff --git a/libs/barista-components/consumption/src/consumption.scss b/libs/barista-components/consumption/src/consumption.scss index 9379feb02b..7e9bf22d0e 100644 --- a/libs/barista-components/consumption/src/consumption.scss +++ b/libs/barista-components/consumption/src/consumption.scss @@ -1,7 +1,6 @@ @import '../../core/src/style/overlay'; @import '../../core/src/style/variables'; @import '../../core/src/style/interactive-common'; -@import './consumption-theme'; :host { display: block; @@ -56,6 +55,7 @@ margin-bottom: 6px; } -@include dt-apply-theme() { - @include dt-theme-consumption($dt-current-theme); +/** Color the consumption count red, if the state is error */ +:host.dt-color-error ::ng-deep .dt-consumption-count { + color: var(--dt-error-default-color); }