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:
parent
83173da778
commit
7daced0cea
1 changed files with 7 additions and 9 deletions
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue