#Dark mode with neutral color seems to be broken in the UI docs

5 messages · Page 1 of 1 (latest)

vocal crest
#

I just entered the site and had the preference to see the docs with neutral colors and in dark mode and now seems that the last update on the docs brokes the dark mode with neutral color. I tested it in multiple browsers and looks the same.

limber coralBOT
#

Hi @vocal crest. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

#

I apologize, but I don't have enough information in the provided knowledge sources to directly address the specific issue you're experiencing with dark mode and neutral colors in the UI docs. The documents don't contain any recent information about broken functionality in the UI documentation site.

However, I can provide some general information about theming and color mode in Nuxt UI based on the available sources:

  1. Nuxt UI uses a primary and a gray color for its components. These can be customized in the app.config.ts file. Theming explains how to set these colors:
export default defineAppConfig({
  ui: {
    primary: 'green',
    gray: 'cool'
  }
})

  1. The color mode (light/dark) can be controlled using components like ColorModeButton, ColorModeToggle, and ColorModeSelect. These are part of Nuxt UI Pro. ColorModeButton shows an example of usage.

  2. There have been some recent changes to how UI configurations are structured. The UI Pro Docs Migration guide shows that color configurations have moved from ui.primary and ui.gray to ui.colors.primary and ui.colors.neutral.

If you're still experiencing issues after checking these configurations, it might be worth reporting the problem to the Nuxt UI GitHub repository or their official support channels. They would be better equipped to address specific bugs or recent changes that might not be reflected in the documentation yet.

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

#

@vocal crest Kapa.ai is still learning and improving, please let me know how I did by reacting below.

vocal crest