Color Mode

A toggle between light and dark mode, using @nuxtjs/color-mode under the hood.

Design Tokens

tokens.config.ts
import { defineTheme } from 'pinceau'

export default defineTheme({
   docux: {
      app: {
         colorMode: {
            padding: '{space.4}',
            color: {
               static: '{elements.text.secondary.color.static}',
               hover: '{elements.text.secondary.color.hover}'
            }
         },
      }
   }
})
Edit this page on GitHub