feat: Add comprehensive dark mode support for chart thumbnails and examples (#35111)

Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
Elizabeth Thompson
2025-09-15 13:53:44 -07:00
committed by GitHub
parent c2534f9155
commit 7d0a472d1e
218 changed files with 432 additions and 74 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

@@ -19,7 +19,9 @@
import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
import { transformProps, controlPanel } from './config';
import thumbnail from './images/thumbnail.png';
import thumbnailDark from './images/thumbnail-dark.png';
import example from './images/example.jpg';
import exampleDark from './images/example-dark.jpg';
const metadata = new ChartMetadata({
category: t('Table'),
@@ -27,7 +29,7 @@ const metadata = new ChartMetadata({
description: t(
'Compare multiple time series charts (as sparklines) and related metrics quickly.',
),
exampleGallery: [{ url: example }],
exampleGallery: [{ url: example, urlDark: exampleDark }],
tags: [
t('Multi-Variables'),
t('Comparison'),
@@ -38,6 +40,7 @@ const metadata = new ChartMetadata({
t('Trend'),
],
thumbnail,
thumbnailDark,
useLegacyApi: true,
});