Skip to content

[BUG] VueUiDonutEvolution - Themes not applied on donut in dialog #282

@kudr9

Description

@kudr9

Describe the bug
The child component (modal) does not inherit themes well; only the default and dark themes work, while themes such as "hack", "celebration", "celebrationNight", etc. do not inherit and the modal opens in the default theme, i.e., in the light theme.
This problem also is reproduced here

	import { ref } from 'vue';
	import { VueUiDonutEvolution, type VueUiDonutEvolutionDatasetItem, type VueUiDonutEvolutionConfig } from 'vue-data-ui';
	import 'vue-data-ui/style.css';

	const dataset: VueUiDonutEvolutionDatasetItem[] = [
		{
			name: 'Serie 1',
			values: [55, 34, 21, 13, 8, 5, 8, 13, 21, 34, 55],
		},
		{
			name: 'Serie 2',
			values: [1, 12, 24, 32, 5, 8, 13, 21, 34, 55, 89],
		},
		{
			name: 'Serie 3',
			values: [16, 2, 3, 5, 28, 13, 21, 34, 55, 89, 134],
		},
		{
			name: 'Serie 4',
			values: [5, null, 5, 5, 5, 5],
		},
	];
	const config = ref<VueUiDonutEvolutionConfig>({ theme: 'celebrationNight' });
</script>

<template>
	<VueUiDonutEvolution
		style="width: 800px"
		:dataset="dataset"
		:config="config"
	/>
</template>

Screenshots

Image

Vue Data UI version: 3.7.12

Additional context
I also use bootstrap vue next.

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions