- Increase base font sizes proportionally (not aggressively): * text-xs: 12px → 13px * text-sm: 14px → 15px * text-base: 16px → 18px * text-lg: 18px → 20px * text-xl: 20px → 22px * text-2xl: 24px → 26px * text-3xl: 30px → 32px - No responsive breakpoint classes (prevents oversizing) - Improves readability on MacBook Pro 14" without making fonts too large - Build verified: 6 routes, zero errors
57 lines
1.4 KiB
TypeScript
57 lines
1.4 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
fontSize: {
|
|
'xs': '13px', // increased from 12px
|
|
'sm': '15px', // increased from 14px
|
|
'base': '18px', // increased from 16px
|
|
'lg': '20px', // increased from 18px
|
|
'xl': '22px', // increased from 20px
|
|
'2xl': '26px', // increased from 24px
|
|
'3xl': '32px', // increased from 30px
|
|
'4xl': '36px',
|
|
'5xl': '48px',
|
|
},
|
|
extend: {
|
|
colors: {
|
|
background: "#0A0E27",
|
|
foreground: "#F0F4F8",
|
|
surface: "#1A1F3A",
|
|
primary: {
|
|
DEFAULT: "#3B82F6",
|
|
foreground: "#FFFFFF",
|
|
},
|
|
secondary: {
|
|
DEFAULT: "#C7D2E0",
|
|
foreground: "#0A0E27",
|
|
},
|
|
muted: {
|
|
DEFAULT: "#8B95AD",
|
|
foreground: "#F0F4F8",
|
|
},
|
|
border: "#2D3561",
|
|
success: "#10B981",
|
|
error: "#EF4444",
|
|
warning: "#F59E0B",
|
|
},
|
|
keyframes: {
|
|
scan: {
|
|
'0%, 100%': { top: '0%' },
|
|
'50%': { top: '100%' },
|
|
}
|
|
},
|
|
animation: {
|
|
'scan-fast': 'scan 2.5s ease-in-out infinite',
|
|
'spin-slow': 'spin 3s linear infinite',
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
export default config;
|