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

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

View File

@@ -36,12 +36,12 @@ export const StyledLayerTreeItem = styled(LayerTreeItem)`
border: none;
border-radius: ${theme.borderRadius}px;
background-color: ${theme.colors.grayscale.light3};
background-color: ${theme.colorFill};
font-size: ${theme.fontSizeSM}px;
font-weight: ${theme.fontWeightNormal};
&:hover {
background-color: ${theme.colors.grayscale.light3};
background-color: ${theme.colorFill};
}
& .layer-tree-item-close {
@@ -70,12 +70,12 @@ export const StyledLayerTreeItem = styled(LayerTreeItem)`
& > button {
border: none;
background-color: unset;
color: ${theme.colors.grayscale.light1};
color: ${theme.colorTextSecondary};
}
& > button:hover {
background-color: unset;
color: ${theme.colors.grayscale.light1};
color: ${theme.colorTextSecondary};
}
`}
`;

View File

@@ -32,7 +32,7 @@ export const StyledFlatLayerTree = styled(FlatLayerTree)`
border: solid;
border-width: 1px;
border-radius: ${theme.borderRadius}px;
border-color: ${theme.colors.grayscale.light2};
border-color: ${theme.colorBorderSecondary};
& .add-layer-btn {
display: flex;
@@ -40,13 +40,13 @@ export const StyledFlatLayerTree = styled(FlatLayerTree)`
margin: 4px;
color: ${theme.colors.grayscale.light1};
color: ${theme.colorTextSecondary};
font-size: ${theme.fontSizeSM}px;
font-weight: ${theme.fontWeightNormal};
&:hover {
background-color: ${theme.colors.grayscale.light4};
border-color: ${theme.colors.grayscale.light2};
background-color: ${theme.colorFillTertiary};
border-color: ${theme.colorBorderSecondary};
}
}

View File

@@ -21,7 +21,6 @@ import { css, JsonValue, styled, t } from '@superset-ui/core';
import { Button } from '@superset-ui/core/components/Button';
import { Form } from '@superset-ui/core/components/Form';
import Tabs from '@superset-ui/core/components/Tabs';
import { mix } from 'polished';
import { Data as GsData } from 'geostyler-data';
import { Style as GsStyle } from 'geostyler-style';
import WfsDataParser, {
@@ -59,7 +58,7 @@ export const StyledCloseButton = styled(Button)`
margin-right: 4px;
line-height: 1.5715;
border-radius: ${theme.borderRadius}px;
background-color: ${theme.colors.primary.light4};
background-color: ${theme.colorPrimaryBg};
color: ${theme.colorPrimaryText};
font-size: ${theme.fontSizeSM}px;
font-weight: ${theme.fontWeightStrong};
@@ -71,11 +70,7 @@ export const StyledCloseButton = styled(Button)`
border-style: none;
border-color: transparent;
&:hover {
background-color: ${mix(
0.1,
theme.colorPrimary,
theme.colors.primary.light4,
)};
background-color: ${theme.colorPrimaryBgHover};
color: ${theme.colorPrimaryText};
}
`}
@@ -113,7 +108,7 @@ export const StyledSaveButton = styled(Button)`
line-height: 1.5715;
border-radius: ${theme.borderRadius}px;
background-color: ${theme.colorPrimary};
color: ${theme.colors.grayscale.light5};
color: ${theme.colorTextLightSolid};
font-size: ${theme.fontSizeSM}px;
font-weight: ${theme.fontWeightStrong};
text-transform: uppercase;