37 lines
1.2 KiB
JavaScript
37 lines
1.2 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./src/renderer/index.html', './src/renderer/src/**/*.{ts,tsx}'],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
accent: 'rgb(var(--accent) / <alpha-value>)',
|
|
'accent-soft': 'rgb(var(--accent-soft) / <alpha-value>)',
|
|
bg: 'rgb(var(--bg) / <alpha-value>)',
|
|
surface: 'rgb(var(--surface) / <alpha-value>)',
|
|
'surface-elevated': 'rgb(var(--surface-elevated) / <alpha-value>)',
|
|
border: 'rgb(var(--border) / <alpha-value>)',
|
|
text: 'rgb(var(--text) / <alpha-value>)',
|
|
muted: 'rgb(var(--muted) / <alpha-value>)'
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'Segoe UI', 'system-ui', 'sans-serif']
|
|
},
|
|
boxShadow: {
|
|
soft: '0 8px 30px -12px rgb(0 0 0 / 0.25)',
|
|
glow: '0 0 0 1px rgb(var(--accent) / 0.4), 0 8px 24px -8px rgb(var(--accent) / 0.5)'
|
|
},
|
|
animation: {
|
|
'pulse-ring': 'pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite'
|
|
},
|
|
keyframes: {
|
|
'pulse-ring': {
|
|
'0%, 100%': { transform: 'scale(1)', opacity: '0.7' },
|
|
'50%': { transform: 'scale(1.05)', opacity: '0.3' }
|
|
}
|
|
}
|
|
}
|
|
},
|
|
plugins: []
|
|
}
|