Catppuccin + Chakra UI Theme (WIP)

Catppuccin theme for Chakra UI

Installation

To use this library in your Chakra UI project, simply install it as a dependency:

npm install catppuccin-chakra-ui-theme

Generate the theme and then, in your Chakra UI provider, import the theme and pass it as the theme prop:

import { ChakraProvider } from '@chakra-ui/react'
import { generateTheme } from 'catppuccin-chakra-ui-theme'

const theme = generateTheme('latte', 'mocha')

function App() {
    return (
        <ChakraProvider theme={theme}>
            <App />
        </ChakraProvider>
    )
}

generateTheme function

generateTheme(lightPalette: Palette, darkPalette: Palette)

The available options for palette names are latte, mocha, frappe and macchiato.

Examples

Visit the website https://catppuccin-chakra-ui-theme.vercel.app.

License

This theme is licensed under the MIT License.