primefaces
SelectionButton: Not following dark mode
Describe the bug
Using the darkModeSelector to change color mode.
SelectionButton is not following the logic:
Light/Dark Mode:
Reproducer
https://stackblitz.com/edit/primevue-nuxt-issue-template
PrimeVue version
4.0.0-beta.5
Vue version
3.x
Language
TypeScript
Build / Runtime
Vue CLI App
Browser(s)
Chrome
Steps to reproduce the behavior
Your stackblitz templete for nuxt is not working.
But this bug should be very easy to test out.
Expected behavior
SelectionButton also follows the color logic.
Hi @xarthurx, unfortunately, I couldn't replicate this. Could you please create a runnable project for us to replicate? Also, could you please try it with latest PrimeVue version?
Best Regards,
We're unable to replicate your issue, if you are able to create a reproducer or add details please edit this issue. This issue will be closed if no activities in 20 days.
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
Hi @xarthurx, unfortunately, I couldn't replicate this. Could you please create a runnable project for us to replicate? Also, could you please try it with latest PrimeVue version?
Best Regards,
I've never used stackblitz before.
Could you fix your nuxt template so that I can directly copy code into it?
No problem, yes you can use our example to provide your test case.
https://stackblitz.com/edit/primevue-nuxt-issue-template This is broken.
No problem, yes you can use our example to provide your test case.
Could you fix your official template so that we can submit reproducible examples?
All your template on stackblitz is not accessable.
OK. I dig a bit into this problem, and it turns out the darkModeSelector is not working as expected.
As also asked here: https://github.com/primefaces/primevue/issues/5515
The documentation for how to apply dark mode is quite vague... Is the dark tag my-app-dark or dark or whatever is added to the html element or to each of PrimeVue's class? Is there any detailed explanation about how it works?
Is there a preset in any of the preset style (aura for instance) for dark mode, or we need to manually add the css for dark mode?