Refactor Angular Material table styles to use global theme-based CSS variables and remove redundant component-specific overrides.

This commit is contained in:
2025-11-24 01:19:19 +01:00
parent 2bc5c41435
commit bdad0ff0ae
2 changed files with 39 additions and 16 deletions
@@ -21,22 +21,6 @@
width: 100%;
}
/* Ensure good contrast in dark/light modes */
.table-theme th.mat-mdc-header-cell,
.table-theme td.mat-mdc-cell,
.table-theme .mat-mdc-header-row,
.table-theme .mat-mdc-row {
color: var(--font-color);
}
/* Apply class to table via HTML's class attribute if needed; here we style all mat tables in this component */
table.mat-mdc-table {
color: var(--font-color);
}
.mat-sort-header-arrow {
color: var(--font-color);
}
.no-data td {
text-align: center;