(superset) branch enxdev/fix/dashboard created (now f76369a050)

[en...@apache.org]

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

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


      at f76369a050 fix: adjust background color for dashboard, Tabs and ListView

This branch includes the following new commits:

     new f76369a050 fix: adjust background color for dashboard, Tabs and ListView

The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.

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

[en...@apache.org]

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 <en...@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;
       }
     }