Problem in light mode about filament-apex-charts HOT 12 CLOSED

Theme set to dark mode

Theme changed to light mode.

@leandrocfe, procede?

Sim, eu vou remover e deixar somente pela classe. Tenho umas melhorias pra lançar junto com isso. Acho que até a próxima semana 👍

from filament-apex-charts.

Hi @leandrocfe, sorry for the late reply, the adjustment worked out well, thank you very much!

from filament-apex-charts.

Can confirm that this does happen sometimes. I tried to use the "title" option and the same thing happened. I have to switch from dark back to light mode many times for the black text to show instead of white.

from filament-apex-charts.

Check this out.. I submit issue but found a solution

#25 (comment)

from filament-apex-charts.

It's not really a solution though. #9ca3af is essentially the only color that you can use for legend labels, etc... only because the color looks okay in both light and dark. I think it would be a lot better if dark mode was actually supported with chart text, but I'm not sure how that would be done unless the package owner decided to override something from apex charts.

from filament-apex-charts.

So, in my opinion, it may not be an issue, but I think it is definitely a flaw...

from filament-apex-charts.

The problem is here...
/resources/views/widgets/components/chart.blade.php

localStorage.getItem('theme') || (document.documentElement.classList.contains('dark') ? 'dark' : 'light')

from filament-apex-charts.

I'm not sure if that is the actual issue but I actually found a solution by overriding the CSS class of whatever I am trying to use in filament.css like this:

.apexcharts-title-text {
    fill: #111827;
}

.dark .apexcharts-title-text {
    fill: #ffffff;
}

This actually looks promising to me for many things considering the CSS of almost everything in apex charts is not influenced by TailwindCSS at all.

from filament-apex-charts.

Theme set to dark mode

Theme changed to light mode.

@leandrocfe, procede?

from filament-apex-charts.

Boa, muito obrigado @leandrocfe !
Abraço e bom final de semana

from filament-apex-charts.

Boa, muito obrigado @leandrocfe !
Abraço e bom final de semana

Valeu. Bom fim de semana

from filament-apex-charts.

Hi @gotzsys,
Would you like to try this version?

composer require leandrocfe/filament-apex-charts:"^2.0"

from filament-apex-charts.