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

View File

@@ -22,8 +22,11 @@ import transformProps from './transformProps';
import buildQuery from './buildQuery';
import { WordCloudFormData } from '../types';
import thumbnail from '../images/thumbnail.png';
import thumbnailDark from '../images/thumbnail-dark.png';
import example1 from '../images/Word_Cloud.jpg';
import example1Dark from '../images/Word_Cloud-dark.jpg';
import example2 from '../images/Word_Cloud_2.jpg';
import example2Dark from '../images/Word_Cloud_2-dark.jpg';
import controlPanel from './controlPanel';
import configureEncodable from '../configureEncodable';
@@ -35,10 +38,14 @@ const metadata = new ChartMetadata({
description: t(
'Visualizes the words in a column that appear the most often. Bigger font corresponds to higher frequency.',
),
exampleGallery: [{ url: example1 }, { url: example2 }],
exampleGallery: [
{ url: example1, urlDark: example1Dark },
{ url: example2, urlDark: example2Dark },
],
name: t('Word Cloud'),
tags: [t('Categorical'), t('Comparison'), t('Density'), t('Single Metric')],
thumbnail,
thumbnailDark,
});
export default class WordCloudChartPlugin extends ChartPlugin<WordCloudFormData> {