mirror of
https://github.com/apache/superset.git
synced 2026-06-01 13:49:21 +00:00
feat: completely migrate from DeprecatedThemeColors to Antd semantic tokens (#34732)
Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
committed by
GitHub
parent
31e2143c84
commit
1f482b42eb
@@ -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};
|
||||
}
|
||||
`}
|
||||
`;
|
||||
|
||||
@@ -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};
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user