Style regressions when upgrading from 4.3.0 to 4.4.0

[rstmsn]

Description

Two significant style regressions occurred when upgrading from Apexcharts 4.3.0 to 4.4.0.
Certain tooltip labels seem to be defaulting so some kind of 'dark mode', a significant departure from previous releases, and legend bullets are appearing overly large in certain chart tooltips.
Please see screenshot attached for visual demonstration.

Steps to Reproduce

1. Upgrade apexcharts.min.js from 4.3.0 to 4.4.0

Expected Behavior

Reasonably consistent UI styles from one release to the next.

Actual Behavior

Major regression in UI styles, after upgrade.

Screenshots

[junedchhipa]

Can you share a Codepen so it can be reproduced easily?

[rstmsn]

What release is the Apexcharts Codepen template running ?

I can't replicate the issue there, however when I swap the apexcharts.min.js file locally, from 4.3.0 to 4.4.0, the issue occurs reliably, every time.
When I revert back to apexcharts.min.js 4.3.0, the issue resolves, reliably, every time.

[rstmsn]

The issue relating to the oversized tooltip markers was resolved by applying the following CSS:

.apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-marker::before { font-size: inherit; }

The issue with tooltips suddenly appearing in what seems to be 'dark mode' persists. It has been recreated here:

https://codepen.io/rstmsn/pen/zxOXKbN

[rstmsn]

The issue relating to the dark labels was partially resolved by applying the following options to the affected charts:

tooltip: { theme: "light", fillSeriesColor: false, }

Suggest someone looks in to this, however, as these were breaking changes in this case, representing a signficiant regression from 4.3 to 4.4.

[junedchhipa]

@rstmsn Thanks for the additional information and quick fixes, I will try those.

[BlvckParrot]

Yes, this happened to us too, for now rolling back to 4.3.0