tokens.config.ts

import { defineTheme } from 'pinceau'
import colors from 'tailwindcss/colors'

// See Typography config on https://github.com/nuxt-themes/typography/blob/main/tokens.config.ts
export default defineTheme({
    color: {
        primary: colors.emerald,
        secondary: colors.gray,
    },
    typography: {
        color: {
            secondary: colors.gray
        }
    },
    prose: {
        img: {
            margin: '{typography.verticalMargin.base} 3',
            borderRadius: '{typography.radii.3xs}'
        },
        code: {
            block: {
                backgroundColor: {
                    initial: colors.gray['50'],
                    dark: colors.gray['900']
                }
            },
            inline: {
                backgroundColor: {
                    initial: colors.gray['100'],
                    dark: colors.gray['900']
                }
            }
        }
    }
})