Skip to content

Commit 0822089

Browse files
authored
fix: colors for tag to work with dark-mode (#1451)
1 parent d7a92be commit 0822089

File tree

1 file changed

+8
-3
lines changed

1 file changed

+8
-3
lines changed

packages/components/src/styles/tag-components.scss

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
@use "@db-ui/foundations/build/scss/helpers/component" as *;
44

55
@mixin get-tag-colors() {
6-
@include get-variant-bg-color(0.08);
6+
@extend %db-bg-neutral-strong;
77

88
&[data-emphasis="strong"] {
99
@extend %db-neutral-component;
@@ -46,11 +46,11 @@
4646

4747
@mixin get-tag-colors-interactive() {
4848
&:has(input:not(:checked)) {
49-
@extend %bg-transparent-interactive;
49+
@extend %db-bg-neutral;
5050
}
5151

5252
&:has(input:checked) {
53-
@include get-variant-bg-color(0.08);
53+
@extend %db-bg-neutral-strong-ia;
5454

5555
&[data-emphasis="strong"] {
5656
@extend %db-neutral-component-ia;
@@ -89,5 +89,10 @@
8989
}
9090
}
9191
}
92+
93+
&[data-emphasis="strong"] {
94+
/* We force white as color for strong tags */
95+
color: #fff;
96+
}
9297
}
9398
}

0 commit comments

Comments
 (0)