Skip to content

Commit 94b088f

Browse files
🎨 Updates text color for label elements
Ensures label elements within ContentCards always have a dark text color for better readability, regardless of the ContentCard type.
1 parent 5e99a25 commit 94b088f

File tree

1 file changed

+12
-0
lines changed

1 file changed

+12
-0
lines changed

packages/core/src/components/content-card/ContentCard.styles.ts

+12
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,10 @@ export const StyledContentCard = styled.div<StyledContentCardProps>`
4040
4141
--chayns-color--text: #222;
4242
--chayns-color-rgb--text: rgb(34, 34, 34);
43+
44+
label {
45+
color: #222 !important;
46+
}
4347
`;
4448
case ContentCardType.Success:
4549
return css`
@@ -49,6 +53,10 @@ export const StyledContentCard = styled.div<StyledContentCardProps>`
4953
5054
--chayns-color--text: #222;
5155
--chayns-color-rgb--text: rgb(34, 34, 34);
56+
57+
label {
58+
color: #222 !important;
59+
}
5260
`;
5361
case ContentCardType.Warning:
5462
return css`
@@ -58,6 +66,10 @@ export const StyledContentCard = styled.div<StyledContentCardProps>`
5866
5967
--chayns-color--text: #222;
6068
--chayns-color-rgb--text: rgb(34, 34, 34);
69+
70+
label {
71+
color: #222 !important;
72+
}
6173
`;
6274
default:
6375
return css`

0 commit comments

Comments
 (0)