Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Allow customization of ApexCharts theming #292

Open
joshuaboniface opened this issue Apr 29, 2024 · 1 comment
Open

Allow customization of ApexCharts theming #292

joshuaboniface opened this issue Apr 29, 2024 · 1 comment

Comments

@joshuaboniface
Copy link

Currently, the ApexCharts service charts are fixed in a "light" theme mode. When using a dark CSS style, this makes chart elements inconsistent and difficult to read. For example:

image

Note the font colour of the axis labels, as well as the light background of the selected menu.

Being able to change these options via CSS would be excellent.

@joshuaboniface
Copy link
Author

Managed to find these via some inspection and trial-and-error:

.apexcharts-text tspan {
  fill: #ffffff;
}
.apexcharts-menu-open {
  background-color: #101b35;
}

That sets, respectively, the X- and Y-axis label colours, and the menu background colour.

But, this also opens up a whole other can of worms regarding styling of the Service status pages, which completely ignore the current theming due to a number of explicit CSS classes like text-black-50 bg-white applied to elements.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant