We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

Dark Theme for Vite-React app not working properly

Answered
Youssef Shabo asked on December 27, 2023

Hello, In my Vite-React app I would like to get to a customized theme but I wanted to test the default themes first. When I apply the the dark theme using either of the two ways mentioned in the documentation page mainly the built-in themes and Adding a custom theme:
https://www.flexmonster.com/doc/customizing-appearance/
In development: the theme renders as planned but once I hit refresh the table reverts back to the default view.
In Deployment: I've deployed the app on Vercel and it doesn't show any changes to the theme whatsoever. 

can I get some help fixing this. 

3 answers

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster December 28, 2023

Hello Youssef,

Thank you for reaching out to us.

We could not reproduce the described behavior on our side. Kindly check if there are any other imports of the flexmonster/flexmonster.css file in your project that may override the dark theme.

Please let us know if it works for you. Looking forward to hearing from you.

Kind regards,
Nadia

Public
Youssef Shabo December 28, 2023

Yes, that seems to have solved the issue! Thanks Nadia!

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster December 29, 2023

Hello Youssef,

Thank you for the feedback!

We are glad to hear that it works for you.

Do not hesitate to contact us in case other questions arise.

Kind regards,
Nadia

Please login or Register to Submit Answer