tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './components/**/*.{js,ts,vue}',
        './layouts/**/*.vue',
        './pages/**/*.{js,ts,vue}',
        './plugins/**/*.{js,ts}',
        './app.vue',
        './app.html',
        './error.vue',
    ],
    theme: {
        extend: {
            colors: {
                aqua: {
                    normal: '#77D5AF',
                    dark: '#6BC29F',
                },
                cornflower: {
                    normal: '#5DA9E9',
                    light: '#66BAFF',
                },
                dark: {
                    light: '#303036',
                    normal: '#2C2F33',
                    dark: '#23272A',
                    super: '#1b1d1f',
                    duper: '#191b1d',
                },
            },
            fontSize: {
                '7xl': '4.5rem',
                '8xl': '6rem',
            },
        },
    },
    plugins: [],
};