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;
|
||||
}
|
||||
|
||||
.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 th,
|
||||
.reports-table td {
|
||||
padding: 12px;
|
||||
text-align: left;
|
||||
|
@ -355,6 +347,12 @@ footer {
|
|||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.reports-table th {
|
||||
background-color: var(--table-header-bg);
|
||||
color: var(--text-color);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reports-table tr:hover {
|
||||
background-color: var(--table-hover);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue