fix: unreadable chip/badge text in dark mode
Added explicit color: var(--text) on .chip and .badge selectors in dark mode so unselected Home/Out chips and not-answered badges are readable against the dark surface background.
This commit is contained in:
@@ -407,9 +407,16 @@ body {
|
|||||||
[data-theme="dark"] .chip-no.active {
|
[data-theme="dark"] .chip-no.active {
|
||||||
color: #1a1a2e;
|
color: #1a1a2e;
|
||||||
}
|
}
|
||||||
|
[data-theme="dark"] .chip {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
[data-theme="dark"] .badge {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
[data-theme="dark"] .badge-yes,
|
[data-theme="dark"] .badge-yes,
|
||||||
[data-theme="dark"] .badge-no {
|
[data-theme="dark"] .badge-no {
|
||||||
color: #1a1a2e;
|
color: #1a1a2e;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
[data-theme="dark"] .meal-table th {
|
[data-theme="dark"] .meal-table th {
|
||||||
background: #1a1a30;
|
background: #1a1a30;
|
||||||
|
|||||||
Reference in New Issue
Block a user