Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

ApexCharts burger with "download" dropdown not customized


Hello,
the ApexCharts have a burger with dropdown "Download as svg" / "Download as png" / "Download as csv" for most of the charts, see https://apexcharts.com/javascript-chart-demos/column-charts/basic/
But in the dark theme the css is not customized, so the text in the dropdown isnt visible.
It's probably not fixed for light mode either, but at least there it's visible happy

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)


It's always frustrating when small UI issues affect usability, especially in dark mode. I’ve run into similar problems with different platforms, and a quick CSS tweak usually does the trick. If you're into online gaming, I’d suggest checking out best online casino Canada . They offer a solid range of casino games with smooth performance and engaging features. The platform is well-optimized, ensuring a seamless experience across different devices.



Hi,

Thank you for your feedback.

We will fix this issue in the next v8.1.9 in the coming days.

In the meantime you can fix it by editing src/sass/vendors/plugins/_apexcharts.scss and set background for the apexcharts mene background color as shown below


.apexcharts-menu {
background: var(--#{$prefix}body-bg) !important;
}


Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(