Nuxt•4w ago

nuxt theme docus + pinceau

We're using both in elk.zone and nimbus.town docs, is there a way to configure the dark/light color other than this (check the screenshot or the PR)? I don't have access to the documentation and the types not working properly. https://github.com/nimbus-town/nimbus/pull/34

GitHub

docs: update logo + add dark/light theme colors by userquin · Pull ...

I cannot access pinceau docs: /cc @danielroe is there a better way to do this? dark light

2 Replies

kapa.ai•4w ago

Hi @Joaquín. 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 answer your specific question about configuring dark/light colors in Nuxt theme Docus with Pinceau for elk.zone and nimbus.town docs. The knowledge sources don't contain information about Docus theme or Pinceau, nor do they reference the specific projects you mentioned. However, I can provide some general information about configuring color modes in Nuxt based on the available knowledge sources: 1. Nuxt uses the @nuxtjs/color-mode (https://ui.nuxt.com/getting-started/installation#nuxtjscolor-mode) module for dark mode support out of the box, which works with Tailwind CSS dark mode class strategy. 2. You can configure the color mode preference in your nuxt.config.ts file. For example, to set the preference to light mode:

export default defineNuxtConfig({
  colorMode: {
    preference: 'light'
  }
})

export default defineNuxtConfig({
  colorMode: {
    preference: 'light'
  }
})

Source (https://ui.nuxt.com/getting-started/theming#dark-mode) 3. If you want to force a specific color mode for all pages, you can set it up in app.vue:

const colorMode = useColorMode();
colorMode.preference = 'dark';

const colorMode = useColorMode();
colorMode.preference = 'dark';

Source (https://stackoverflow.com/questions/77667618) 4. For individual pages, you can force a specific color mode using definePageMeta:

<script setup lang="ts">
definePageMeta({
  colorMode: 'dark'
})
</script>

<script setup lang="ts">
definePageMeta({
  colorMode: 'dark'
})
</script>

Source (https://ui.nuxt.com/pro/getting-started#color-mode) 5. Nuxt UI Pro provides components for switching between color modes, such as ColorModeButton (https://ui.nuxt.com/pro/components/color-mode-button), ColorModeToggle (https://ui.nuxt.com/pro/components/color-mode-toggle), and ColorModeSelect (https://ui.nuxt.com/pro/components/color-mode-select). For more specific information about configuring Docus theme with Pinceau, you might need to refer to their respective documentation or seek help from their community forums. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•4w ago

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

Gaming

Programming

nuxt theme docus + pinceau