How to dynamically switch themes？

[tripitakav]

I want to use this chart library externally, but when I tried to switch themes, I found that importing multiple theme CSS files would be overwritten。

[nickofthyme]

Yeah unfortunately this is not ideal as the chart theming depends on both the Theme as a javascript object and the exported scss files.

One way to do this is using a nested @import, as we do in our storybook for dynamically switching themes.

elastic-charts/storybook/style.scss

Lines 27 to 31 in 1b39f63

	html {
	font-size: 14px !important;
	&.light-theme {
	@import '~@elastic/eui/dist/eui_theme_light';
	@import '~@elastic/charts/src/theme_only_light';