fix: colors for tag to work with dark-mode (#1451)

db-ui · Aug 22, 2023 · 0822089 · 0822089
1 parent d7a92be
commit 0822089
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/packages/components/src/styles/tag-components.scss b/packages/components/src/styles/tag-components.scss
@@ -3,7 +3,7 @@
 @use "@db-ui/foundations/build/scss/helpers/component" as *;
 
 @mixin get-tag-colors() {
-	@include get-variant-bg-color(0.08);
+	@extend %db-bg-neutral-strong;
 
 	&[data-emphasis="strong"] {
 		@extend %db-neutral-component;
@@ -46,11 +46,11 @@
 
 @mixin get-tag-colors-interactive() {
 	&:has(input:not(:checked)) {
-		@extend %bg-transparent-interactive;
+		@extend %db-bg-neutral;
 	}
 
 	&:has(input:checked) {
-		@include get-variant-bg-color(0.08);
+		@extend %db-bg-neutral-strong-ia;
 
 		&[data-emphasis="strong"] {
 			@extend %db-neutral-component-ia;
@@ -89,5 +89,10 @@
 				}
 			}
 		}
+
+		&[data-emphasis="strong"] {
+			/* We force white as color for strong tags */
+			color: #fff;
+		}
 	}
 }