tailwind.config.js

/** @type {import('tailwindcss').Config} */

module.exports = {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		fontFamily: {
			sans: ['ui-sans-serif', 'sans-serif'],
			serif: ['Merriweather', 'serif'],
			display: ['Inter,sans-serif']
		},
		extend: {
			aria: {
				current: 'current=true'
			}
		}
	},
	darkMode: ['class', '[data-mode="catppuccin-frappe"]'],
	plugins: [
		require('daisyui'),
		// eslint-disable-next-line @typescript-eslint/no-var-requires
		require('@catppuccin/tailwindcss')({
			prefix: 'ctp',
			defaultFlavour: 'frappe'
		}),
		require('@tailwindcss/typography')
	],
	daisyui: {
		themes: [
			'dark',
			'light',
			{
				'catppuccin-latte': {
					primary: '#1e66f5', // blue
					secondary: '#ea76cb', // pink
					accent: '#179299', // teal
					neutral: '#dce0e8', // crust
					'base-100': '#eff1f5', // base
					'base-200': '#3c4552', // gray
					info: '#209fb5', // sapphire
					success: '#40a02b', // green
					warning: '#df8e1d', // yellow
					error: '#d20f39' // red
				},
				'catppuccin-frappe': {
					primary: '#8caaee', // blue
					secondary: '#f4b8e4', // pink
					accent: '#81c8be', // teal
					neutral: '#232634', // crust
					'base-100': '#303446', // base
					'base-200': '#94a3b8', // gray
					info: '#85c1dc', // sapphire
					success: '#a6d189', // green
					warning: '#e5c890', // yellow
					error: '#e78284' // red
				},
				'catppuccin-macchiato': {
					primary: '#8aadf4', // blue
					secondary: '#f5bde6', // pink
					accent: '#8bd5ca', // teal
					neutral: '#181926', // crust
					'base-100': '#24273a', // base
					info: '#7dc4e4', // sapphire
					success: '#a6da95', // green
					warning: '#eed49f', // yellow
					error: '#ed8796' // red
				},
				'catppuccin-mocha': {
					primary: '#89b4fa', // blue
					secondary: '#f5c2e7', // pink
					accent: '#94e2d5', // teal
					neutral: '#11111b', // crust
					'base-100': '#1e1e2e', // base
					info: '#74c7ec', // sapphire
					success: '#a6e3a1', // green
					warning: '#f9e2af', // yellow
					error: '#f38ba8' // red
				}
			}
		]
	}
};