useColorMode transition not working?
I'm using nuxt4 & nuxt ui 3, I'm looking to have my color mode transition, but I can't seem to figure it out, I saw that there was a bug in nuxt ui 2 - https://github.com/nuxt/ui/issues/3645 I assumed that that doesn't apply to v3, is that the case?
GitHub
Applying transition-colors to light / dark theme · Issue #3645 · ...
Description Hi, I'm having a hard time applying transition to dark / light background. My main.css file is as follows. Changing the background color from slate to stone, for example, works fine...
5 Replies
Hi @Pavelow. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Based on the available knowledge sources, there is no explicit mention of a color mode transition feature or its configuration in Nuxt UI v3 or Nuxt 4. The documentation describes how to enable and use color mode switching with Nuxt UI and Nuxt Color Mode, but it does not reference any built-in transition or animation when toggling between light and dark modes. The sources also do not mention whether the bug from Nuxt UI v2 (https://github.com/nuxt/ui/issues/3645) has been resolved in v3, nor do they provide any guidance on adding transitions to color mode changes in v3.
You can customize component transitions globally (such as page or layout transitions) in Nuxt, but this is unrelated to color mode transitions specifically. If you want to add a transition effect when switching color modes, the knowledge sources do not provide a built-in solution or example for this scenario in Nuxt UI v3 or Nuxt 4. Therefore, it's unclear from the documentation whether this is supported out of the box or if the previous bug still applies Color Mode integration Nuxt UI options Nuxt transitions.
I'm sorry, but there's no information in the provided sources about color mode transitions or the status of the related bug in Nuxt UI v3.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
<@340937447590330379> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
@kapa.ai is it possible that a bug in nuxt/ui v2 could have made it into v3?
@kapa.ai rip
Let me check the knowledge base for you again. One moment! :books:
----------------------
I'm sorry, but the knowledge sources do not contain enough information to confirm whether color mode transitions are supported in Nuxt UI v3 or if the bug from Nuxt UI v2 has been resolved. The documentation covers how to use and configure color mode switching, but does not mention any built-in transition effects for color mode changes or reference the specific bug you mentioned. If you need this feature, you may want to check the latest issues or discussions on the Nuxt UI GitHub repository for updates.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
<@340937447590330379> Kapa.ai is still learning and improving, please let me know how I did by reacting below.