Add a full dark theme

For dark themes, there’s the tooltip.theme option. It looks nice, but it would be very cool if the whole thing could have a dark mode.

With some minor tweaks like setting the text color to white and adding dark colors to the menu, it could look like this

I would suggest to use a top-level theme (or chart.theme) option, add a class dark to .apexcharts-canvas and style all other elements with css selectors accordingly.

I could send a PR for this if my proposal seems like a good idea (although not in the next few days).

BTW, huge thanks to this project. The charts are so clean and even mobile touch “swiping” of the charts always renders the correct tooltip. This is so cool!

[junedchhipa]

Thanks for the kind words! Sure, there is already a property called theme in the main configuration - https://apexcharts.com/docs/options/theme/

Maybe we can add theme.mode: 'light' / 'dark' in the same property and carry on that.

[steebchen]

I abandoned this project so I’m not sure but I’m sure you can use:

svg text {
	fill: white;
}