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}'
}
},
}
}
})