diff --git a/apps/client/src/styles/table.scss b/apps/client/src/styles/table.scss index 8c0f5c283..f232cb1af 100644 --- a/apps/client/src/styles/table.scss +++ b/apps/client/src/styles/table.scss @@ -1,10 +1,5 @@ @mixin gf-table($darkTheme: false) { --mat-table-background-color: var(--light-background); - --mat-table-background-color-even: rgba(var(--palette-foreground-base), 0.02); - --mat-table-background-color-hover: rgba( - var(--palette-foreground-base), - 0.04 - ); .mat-footer-row, .mat-row { @@ -26,24 +21,16 @@ .mat-mdc-row { &:nth-child(even) { - background-color: var(--mat-table-background-color-even); + background-color: whitesmoke; } &:hover { - background-color: var(--mat-table-background-color-hover) !important; + background-color: #e6e6e6 !important; } } @if $darkTheme { --mat-table-background-color: var(--dark-background); - --mat-table-background-color-even: rgba( - var(--palette-foreground-base-dark), - 0.02 - ); - --mat-table-background-color-hover: rgba( - var(--palette-foreground-base-dark), - 0.04 - ); .mat-mdc-footer-row { .mat-mdc-footer-cell { @@ -53,5 +40,15 @@ ); } } + + .mat-mdc-row { + &:nth-child(even) { + background-color: #222222; + } + + &:hover { + background-color: #303030 !important; + } + } } }