Bugfix/fix background colors of sticky columns (#4068)

* Fix background colors of sticky columns

* Update changelog

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Fixed
+
+- Fixed the tables style related to sticky columns
+
 ## 2.124.0 - 2024-11-24
 
 ### Added

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;
+      }
+    }
   }
 }