(superset) 01/01: fix: adjust background color for dashboard, Tabs and ListView

[enzomartellucci]

This is an automated email from the ASF dual-hosted git repository.

enzomartellucci pushed a commit to branch enxdev/fix/dashboard
in repository https://gitbox.apache.org/repos/asf/superset.git

commit f76369a050f467c55d2e32ec459d6440dd4b4958
Author: Enzo Martellucci <enzomartellu...@gmail.com>
AuthorDate: Wed Jul 9 17:09:35 2025 +0200

    fix: adjust background color for dashboard, Tabs and ListView
---
 superset-frontend/src/components/ListView/ListView.tsx                | 1 +
 .../src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx    | 1 +
 superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx    | 4 ++--
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/superset-frontend/src/components/ListView/ListView.tsx 
b/superset-frontend/src/components/ListView/ListView.tsx
index a7df93e3cc..732c87fc2d 100644
--- a/superset-frontend/src/components/ListView/ListView.tsx
+++ b/superset-frontend/src/components/ListView/ListView.tsx
@@ -45,6 +45,7 @@ import { ListViewError, useListViewState } from './utils';
 const ListViewStyles = styled.div`
   ${({ theme }) => `
     text-align: center;
+    background-color: ${theme.colorBgLayout};
 
     .superset-list-view {
       text-align: left;
diff --git 
a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx
 
b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx
index a7f885a6a5..65e44e33bf 100644
--- 
a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx
+++ 
b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx
@@ -28,6 +28,7 @@ import { debounce } from 'lodash';
 
 const StyledDiv = styled.div`
   ${({ theme }) => css`
+    background-color: ${theme.colorBgLayout};
     position: relative;
     display: grid;
     grid-template-columns: auto 1fr;
diff --git a/superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx 
b/superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx
index b81bfeaf28..aeaa1154ea 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx
@@ -79,7 +79,7 @@ const defaultProps = {
 const StyledTabsContainer = styled.div`
   ${({ theme }) => css`
     width: 100%;
-    background-color: ${theme.colors.grayscale.light5};
+    background-color: ${theme.colorBgBase};
 
     .dashboard-component-tabs-content {
       min-height: ${theme.sizeUnit * 12}px;
@@ -96,7 +96,7 @@ const StyledTabsContainer = styled.div`
 
       .ant-tabs-content-holder {
         overflow: visible;
-        margin-top: ${theme.sizeUnit * 4}px;
+        padding-top: ${theme.sizeUnit * 4}px;
       }
     }