hako/webapp/tailwind.config.js

52 lines
1.1 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{vue,js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
primary: {
DEFAULT: '#1E3888',
light: '#4A6FA5',
lighter: '#7A9BC4',
dark: '#152A66',
},
accent: '#E88C30',
parchment: '#f4edea',
onyx: '#0c0f0a',
success: '#4caf50',
warning: '#ff9800',
error: '#f44336',
info: '#2196f3',
},
spacing: {
'xs': '0.25rem',
'sm': '0.5rem',
'md': '1rem',
'lg': '1.5rem',
'xl': '2rem',
'2xl': '3rem',
},
borderRadius: {
'sm': '4px',
'md': '8px',
'lg': '12px',
},
backgroundColor: {
'primary': 'var(--bg-primary)',
'secondary': 'var(--bg-secondary)',
},
textColor: {
'primary': 'var(--text-primary)',
'secondary': 'var(--text-secondary)',
},
borderColor: {
'default': 'var(--border-color)',
},
},
},
plugins: [],
}