QT/superset2
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2026-05-12 19:35:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: completely migrate from DeprecatedThemeColors to Antd semantic tokens (#34732)

Browse Source 
Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
Maxime Beauchemin
2025-08-18 14:04:26 -07:00
committed by GitHub
parent 31e2143c84
commit 1f482b42eb
147 changed files with 378 additions and 552 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
superset-frontend/src/features/queries/QueryPreviewModal.tsx
View File

@@ -28,13 +28,13 @@ import useQueryPreviewState from 'src/features/queries/hooks/useQueryPreviewStat
import { QueryObject } from 'src/views/CRUD/types';
const QueryTitle = styled.div`
color: ${({ theme }) => theme.colors.primary.light2};
color: ${({ theme }) => theme.colorTextSecondary};
font-size: ${({ theme }) => theme.fontSizeSM}px;
margin-bottom: 0;
`;
const QueryLabel = styled.div`
color: ${({ theme }) => theme.colors.grayscale.dark2};
color: ${({ theme }) => theme.colorText};
font-size: ${({ theme }) => theme.fontSize}px;
padding: 4px 0 24px 0;
`;
@@ -54,14 +54,14 @@ const TabButton = styled.div`
&.active,
&:focus,
&:hover {
background: ${({ theme }) => theme.colors.primary.light4};
background: ${({ theme }) => theme.colorPrimaryBg};
border-bottom: none;
border-radius: ${({ theme }) => theme.borderRadius}px;
margin-bottom: ${({ theme }) => theme.sizeUnit * 2}px;
}
&:hover:not(.active) {
background: ${({ theme }) => theme.colors.primary.light5};
background: ${({ theme }) => theme.colorPrimaryBgHover};
}
`;
const StyledModal = styled(Modal)`

10
superset-frontend/src/features/queries/SyntaxHighlighterCopy.tsx
View File

@@ -45,20 +45,20 @@ const SyntaxHighlighterWrapper = styled.div`
visibility: hidden;
margin: -4px;
padding: 4px;
background: ${({ theme }) => theme.colors.grayscale.light4};
background: ${({ theme }) => theme.colorBgContainer};
border-radius: ${({ theme }) => theme.borderRadius}px;
color: ${({ theme }) => theme.colors.grayscale.base};
color: ${({ theme }) => theme.colorIcon};
cursor: pointer;
transition: all 0.2s ease;
&:hover {
background: ${({ theme }) => theme.colors.grayscale.light2};
color: ${({ theme }) => theme.colors.grayscale.dark1};
background: ${({ theme }) => theme.colorFillContentHover};
color: ${({ theme }) => theme.colorIconHover};
}
&:focus {
visibility: visible;
outline: 2px solid ${({ theme }) => theme.colors.primary.base};
outline: 2px solid ${({ theme }) => theme.colorPrimary};
outline-offset: 2px;
}
}