pingql/apps/web/tailwind.config.js

36 lines
1.1 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
content: [
'./src/**/*.{ts,html,ejs}',
'./src/dashboard/**/*.{html,js}',
],
theme: {
extend: {
fontFamily: {
mono: ['JetBrains Mono', 'SF Mono', 'Fira Code', 'ui-monospace', 'monospace'],
sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
},
colors: {
brand: '#3b82f6',
surface: {
DEFAULT: 'rgba(17, 17, 17, 0.8)',
hover: 'rgba(24, 24, 27, 0.9)',
solid: '#111111',
},
'border-subtle': 'rgba(38, 38, 44, 0.6)',
'border-strong': 'rgba(55, 55, 64, 0.8)',
},
boxShadow: {
'glow-sm': '0 0 20px rgba(59, 130, 246, 0.06)',
'glow-md': '0 0 40px rgba(59, 130, 246, 0.1)',
'glow-green': '0 0 12px rgba(34, 197, 94, 0.3)',
'glow-red': '0 0 12px rgba(239, 68, 68, 0.3)',
'card': '0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2)',
'card-hover': '0 4px 12px rgba(0, 0, 0, 0.4), 0 0 20px rgba(59, 130, 246, 0.04)',
},
},
},
plugins: [],
}