From 170e5e16864583c77bdd67fcb4df32ba8d961485 Mon Sep 17 00:00:00 2001
From: Avijeet Pandey <40532869+avijeetpandey@users.noreply.github.com>
Date: Fri, 8 Dec 2023 11:53:56 +0530
Subject: [PATCH] fix(FE): Fixes the background color of the dashboards full
 screen view as per the mode selected i.e dark or light mode (#4175)

* fix: full screen bg color of graphs as per dark mode

* fix: colors from the constants
---
 frontend/src/container/GridCardLayout/GridCardLayout.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/container/GridCardLayout/GridCardLayout.tsx b/frontend/src/container/GridCardLayout/GridCardLayout.tsx
index 93c779f93f..3ee11b4008 100644
--- a/frontend/src/container/GridCardLayout/GridCardLayout.tsx
+++ b/frontend/src/container/GridCardLayout/GridCardLayout.tsx
@@ -3,6 +3,7 @@ import './GridCardLayout.styles.scss';
 import { PlusOutlined, SaveFilled } from '@ant-design/icons';
 import { SOMETHING_WENT_WRONG } from 'constants/api';
 import { PANEL_TYPES } from 'constants/queryBuilder';
+import { themeColors } from 'constants/theme';
 import { useUpdateDashboard } from 'hooks/dashboard/useUpdateDashboard';
 import useComponentPermission from 'hooks/useComponentPermission';
 import { useIsDarkMode } from 'hooks/useDarkMode';
@@ -155,6 +156,7 @@ function GraphLayout({ onAddPanelHandler }: GraphLayoutProps): JSX.Element {
 					onLayoutChange={setLayouts}
 					draggableHandle=".drag-handle"
 					layout={layouts}
+					style={{ backgroundColor: isDarkMode ? '' : themeColors.snowWhite }}
 				>
 					{layouts.map((layout) => {
 						const { i: id } = layout;