feat(theming): land Ant Design v5 overhaul — dynamic themes, real dark mode + massive styling refactor (#31590)

Co-authored-by: Enzo Martellucci <52219496+EnxDev@users.noreply.github.com>
Co-authored-by: Diego Pucci <diegopucci.me@gmail.com>
Co-authored-by: Mehmet Salih Yavuz <salih.yavuz@proton.me>
Co-authored-by: Geido <60598000+geido@users.noreply.github.com>
Co-authored-by: Alexandru Soare <37236580+alexandrusoare@users.noreply.github.com>
Co-authored-by: Damian Pendrak <dpendrak@gmail.com>
Co-authored-by: Pius Iniobong <67148161+payose@users.noreply.github.com>
Co-authored-by: Enzo Martellucci <enzomartellucci@gmail.com>
Co-authored-by: Kamil Gabryjelski <kamil.gabryjelski@gmail.com>
This commit is contained in:
Maxime Beauchemin
2025-06-20 13:38:58 -07:00
committed by GitHub
parent 2cc1ef88c8
commit dd129fa403
1267 changed files with 32958 additions and 23592 deletions

View File

@@ -23,6 +23,7 @@ import {
COLUMN_NAME_ALIASES,
ControlComponentProps,
} from '@superset-ui/chart-controls';
import { Icons } from '@superset-ui/core/components';
import ColumnConfigItem from './ColumnConfigItem';
import {
ColumnConfigInfo,
@@ -129,8 +130,8 @@ export default function ColumnConfigControl<T extends ColumnConfig>({
<ControlHeader {...props} />
<div
css={{
border: `1px solid ${theme.colors.grayscale.light2}`,
borderRadius: theme.gridUnit,
border: `1px solid ${theme.colorBorder}`,
borderRadius: theme.borderRadius,
}}
>
{columnsWithChildInfo.map(col => (
@@ -166,11 +167,11 @@ export default function ColumnConfigControl<T extends ColumnConfig>({
role="button"
tabIndex={-1}
css={{
padding: theme.gridUnit * 2,
padding: theme.sizeUnit * 2,
textAlign: 'center',
cursor: 'pointer',
fontSize: theme.typography.sizes.xs,
color: theme.colors.text.label,
fontSize: theme.fontSizeXS,
color: theme.colorTextLabel,
':hover': {
backgroundColor: theme.colors.grayscale.light4,
},
@@ -179,16 +180,11 @@ export default function ColumnConfigControl<T extends ColumnConfig>({
>
{showAllColumns ? (
<>
{/* TODO: Remove fa-icon */}
{/* eslint-disable-next-line icons/no-fa-icons-usage */}
<i className="fa fa-angle-up" /> &nbsp; {t('Show less columns')}
<Icons.UpOutlined /> &nbsp; {t('Show less columns')}
</>
) : (
<>
{/* TODO: Remove fa-icon */}
{/* eslint-disable-next-line icons/no-fa-icons-usage */}
<i className="fa fa-angle-down" /> &nbsp;
{t('Show all columns')}
<Icons.DownOutlined /> &nbsp; {t('Show all columns')}
</>
)}
</div>