126 lines
2.9 KiB
JavaScript
126 lines
2.9 KiB
JavaScript
/** Minimal consolidated Tailwind shared config for the monorepo */
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: 'class',
|
|
important: true,
|
|
theme: {
|
|
screens: {
|
|
xs: '540px',
|
|
sm: '640px',
|
|
md: '768px',
|
|
lg: '1024px',
|
|
xl: '1280px',
|
|
'2xl': '1536px',
|
|
},
|
|
fontFamily: {
|
|
sans: ['"Nunito", sans-serif'],
|
|
nunito: ['"Nunito", sans-serif'],
|
|
cursive: ['"Alex Brush", cursive'],
|
|
serif: ['"EB Garamond", serif'],
|
|
},
|
|
container: {
|
|
center: true,
|
|
padding: {
|
|
DEFAULT: '12px',
|
|
sm: '1rem',
|
|
lg: '45px',
|
|
xl: '5rem',
|
|
'2xl': '13rem',
|
|
},
|
|
},
|
|
extend: {
|
|
colors: {
|
|
dark: '#3c4858',
|
|
black: '#161c2d',
|
|
'dark-footer': '#192132',
|
|
primary: {
|
|
50: '#f5f3ff',
|
|
100: '#ede9fe',
|
|
200: '#ddd6fe',
|
|
300: '#c4b5fd',
|
|
400: '#a78bfa',
|
|
500: '#8b5cf6',
|
|
600: '#7c3aed',
|
|
700: '#6d28d9',
|
|
800: '#5b21b6',
|
|
900: '#4c1d95',
|
|
},
|
|
secondary: {
|
|
50: '#eff6ff',
|
|
100: '#dbeafe',
|
|
200: '#bfdbfe',
|
|
300: '#93c5fd',
|
|
400: '#60a5fa',
|
|
500: '#3b82f6',
|
|
600: '#2563eb',
|
|
700: '#1d4ed8',
|
|
800: '#1e40af',
|
|
900: '#1e3a8a',
|
|
},
|
|
/* Prejoin-specific tokens */
|
|
video: '#0a0a1a',
|
|
badge: '#6366f1',
|
|
'badge-alpha': 'rgba(99,102,241,0.9)',
|
|
mic: {
|
|
from: '#22c55e',
|
|
to: '#86efac',
|
|
},
|
|
control: {
|
|
border: '#e5e5e5',
|
|
hover: '#fee2e2',
|
|
disabledBg: '#fecaca',
|
|
disabledText: '#dc2626',
|
|
},
|
|
kbd: '#374151',
|
|
input: {
|
|
border: '#d1d5db',
|
|
placeholder: '#9ca3af',
|
|
},
|
|
submit: {
|
|
DEFAULT: '#2563eb',
|
|
hover: '#1d4ed8',
|
|
active: '#1e40af',
|
|
},
|
|
},
|
|
boxShadow: {
|
|
sm: '0 2px 4px 0 rgb(60 72 88 / 0.15)',
|
|
DEFAULT: '0 0 3px rgb(60 72 88 / 0.15)',
|
|
md: '0 5px 13px rgb(60 72 88 / 0.20)',
|
|
lg: '0 10px 25px -3px rgb(60 72 88 / 0.15)',
|
|
controls: '0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06)',
|
|
},
|
|
spacing: {
|
|
0.75: '0.1875rem',
|
|
3.25: '0.8125rem',
|
|
},
|
|
maxWidth: {
|
|
'1200': '71.25rem',
|
|
'992': '60rem',
|
|
'768': '45rem',
|
|
'prejoin-container': '628px',
|
|
},
|
|
borderRadius: {
|
|
panel: '12px',
|
|
btn: '8px',
|
|
pill: '20px',
|
|
meter: '16px',
|
|
},
|
|
fontSize: {
|
|
'h1-prejoin': '28px',
|
|
'btn-sm': '13px',
|
|
'btn-lg': '15px',
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
(function () {
|
|
try {
|
|
return require('@tailwindcss/forms')({ strategy: 'class' })
|
|
} catch (e) {
|
|
// plugin not installed at repo root; swallow during dry require
|
|
return function () {}
|
|
}
|
|
})(),
|
|
],
|
|
}
|