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: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@@ -22,9 +22,13 @@ import buildQuery from './buildQuery';
import controlPanel from './controlPanel';
import transformProps from './transformProps';
import thumbnail from './images/thumbnail.png';
import thumbnailDark from './images/thumbnail-dark.png';
import example1 from './images/example1.png';
import example2 from './images/example2.png';
import example3 from './images/example3.png';
import example1Dark from './images/example1-dark.png';
import example2Dark from './images/example2-dark.png';
import example3Dark from './images/example3-dark.png';
import { EchartsWaterfallChartProps, EchartsWaterfallFormData } from './types';
// TODO: Implement cross filtering
@@ -56,13 +60,14 @@ export default class EchartsWaterfallChartPlugin extends ChartPlugin<
These intermediate values can either be time based or category based.`,
),
exampleGallery: [
{ url: example1 },
{ url: example2 },
{ url: example3 },
{ url: example1, urlDark: example1Dark },
{ url: example2, urlDark: example2Dark },
{ url: example3, urlDark: example3Dark },
],
name: t('Waterfall Chart'),
tags: [t('Categorical'), t('Comparison'), t('ECharts'), t('Featured')],
thumbnail,
thumbnailDark,
}),
transformProps,
});