new-manga/tailwind.config.mjs
2025-01-27 16:53:34 -07:00

32 lines
No EOL
938 B
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
darkMode: ['class', '[data-theme="dark"]'],
theme: {
extend: {
colors: {
accent: 'rgb(var(--accent) / <alpha-value>)',
'accent-light': 'rgb(var(--accent-light) / <alpha-value>)',
'accent-dark': 'rgb(var(--accent-dark) / <alpha-value>)',
},
backgroundColor: {
primary: 'var(--bg-primary)',
secondary: 'var(--bg-secondary)',
hover: 'var(--bg-hover)',
},
textColor: {
primary: 'var(--text-color)',
},
spacing: {
'safe-top': 'env(safe-area-inset-top)',
'safe-bottom': 'env(safe-area-inset-bottom)',
'safe-left': 'env(safe-area-inset-left)',
'safe-right': 'env(safe-area-inset-right)',
},
screens: {
'xs': '475px',
},
},
},
plugins: [],
}