From ed3d20cc21eec4324516f1155c7d3f0d9cb4a061 Mon Sep 17 00:00:00 2001 From: JaySoni1 Date: Fri, 20 Feb 2026 01:43:48 +0530 Subject: [PATCH] WEB-759 Actions column displays white background in dark mode on data table pages --- .../create-data-table/create-data-table.component.scss | 6 +++++- .../edit-data-table/edit-data-table.component.scss | 6 +++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/app/system/manage-data-tables/create-data-table/create-data-table.component.scss b/src/app/system/manage-data-tables/create-data-table/create-data-table.component.scss index 6c5148029..d25914432 100644 --- a/src/app/system/manage-data-tables/create-data-table/create-data-table.component.scss +++ b/src/app/system/manage-data-tables/create-data-table/create-data-table.component.scss @@ -40,7 +40,7 @@ text-align: center; position: sticky; right: 0; - background: #fff; + background: var(--card-background, #fff); z-index: 1; } @@ -74,3 +74,7 @@ td.mat-mdc-cell:not(.actions-column, :first-child) { width: 80px; min-width: 80px; } + +:host-context(.dark-theme) { + --card-background: #2d2d2d; +} diff --git a/src/app/system/manage-data-tables/edit-data-table/edit-data-table.component.scss b/src/app/system/manage-data-tables/edit-data-table/edit-data-table.component.scss index 80f08a6a3..f37e8bf0b 100644 --- a/src/app/system/manage-data-tables/edit-data-table/edit-data-table.component.scss +++ b/src/app/system/manage-data-tables/edit-data-table/edit-data-table.component.scss @@ -27,7 +27,7 @@ text-align: center; position: sticky; right: 0; - background: #fff; + background: var(--card-background, #fff); z-index: 1; } @@ -61,3 +61,7 @@ td.mat-mdc-cell:not(.actions-column, :first-child) { width: 80px; min-width: 80px; } + +:host-context(.dark-theme) { + --card-background: #2d2d2d; +}