From 93f513c5316ea43b25a7882e2d9872106264c3b9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= Date: Thu, 11 Apr 2024 11:41:53 +0200 Subject: [PATCH] MOBILE-4437 icon: Fix icon styles without purpose on 4.0 version --- src/core/components/mod-icon/mod-icon.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/core/components/mod-icon/mod-icon.scss b/src/core/components/mod-icon/mod-icon.scss index 349c4b7d0..1732ef54b 100644 --- a/src/core/components/mod-icon/mod-icon.scss +++ b/src/core/components/mod-icon/mod-icon.scss @@ -37,11 +37,12 @@ &.version_40 { background-color: var(--gray-100); - --color: white; - @each $type, $value in $activity-icon-background-colors { &.#{$type}:not(.branded) { background-color: var(--activity-40-#{$type}); + ::ng-deep svg, img { + filter: brightness(0) invert(1); + } } } } @@ -56,10 +57,10 @@ --padding-bottom: var(--module-legacy-icon-padding, 8px); } - &:not(.branded) { + &.version_current:not(.branded) { ::ng-deep svg, ::ng-deep svg * { - fill: var(--color); + fill: var(--color) !important; } }