Fix reports table text color with explicit th,td selector

Applied the exact same selector pattern as admin table:
- .reports-table th, .reports-table td { color: var(--text-color); }

This ensures both header and data cells explicitly inherit the correct
text color variable, matching the admin table behavior exactly.

Should resolve the white text visibility issue in dark mode.
This commit is contained in:
Deco Vander 2025-07-03 21:12:11 -04:00
parent 83173da778
commit 7daced0cea

View file

@ -339,15 +339,7 @@ footer {
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
} }
.reports-table th { .reports-table th,
background-color: var(--table-header-bg);
color: var(--text-color);
font-weight: bold;
padding: 12px;
text-align: left;
border-bottom: 1px solid var(--border-color);
}
.reports-table td { .reports-table td {
padding: 12px; padding: 12px;
text-align: left; text-align: left;
@ -355,6 +347,12 @@ footer {
color: var(--text-color); color: var(--text-color);
} }
.reports-table th {
background-color: var(--table-header-bg);
color: var(--text-color);
font-weight: bold;
}
.reports-table tr:hover { .reports-table tr:hover {
background-color: var(--table-hover); background-color: var(--table-hover);
} }