File size: 3,462 Bytes
945e815 5f5514e 945e815 5f5514e 945e815 383d246 5f5514e 383d246 5f5514e 945e815 5f5514e 945e815 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 | /** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/renderer/**/*.{ts,tsx,html}'],
theme: {
extend: {
colors: {
// Brand & Accent
primary: '#0052ff',
'primary-active': '#003ecc',
'primary-disabled': '#a8b8cc',
'accent-yellow': '#f4b000',
// Surfaces
canvas: '#ffffff',
'surface-soft': '#f7f7f7',
'surface-strong': '#eef0f3',
'surface-dark': '#0a0b0d',
'surface-dark-elevated': '#16181c',
// Hairlines
hairline: '#dee1e6',
'hairline-soft': '#eef0f3',
// Text
ink: '#0a0b0d',
body: '#5b616e',
'body-strong': '#0a0b0d',
muted: '#7c828a',
'muted-soft': '#a8acb3',
'on-primary': '#ffffff',
'on-dark': '#ffffff',
'on-dark-soft': '#a8acb3',
// Trading
'semantic-up': '#05b169',
'semantic-down': '#cf202f',
},
fontFamily: {
display: ['Inter', '-apple-system', 'system-ui', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'sans-serif'],
sans: ['Inter', '-apple-system', 'system-ui', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'sans-serif'],
mono: ['JetBrains Mono', 'Geist Mono', 'monospace'],
},
fontSize: {
'display-mega': ['80px', { lineHeight: '1.0', letterSpacing: '-2px', fontWeight: '400' }],
'display-xl': ['64px', { lineHeight: '1.0', letterSpacing: '-1.6px', fontWeight: '400' }],
'display-lg': ['52px', { lineHeight: '1.0', letterSpacing: '-1.3px', fontWeight: '400' }],
'display-md': ['44px', { lineHeight: '1.09', letterSpacing: '-1px', fontWeight: '400' }],
'display-sm': ['36px', { lineHeight: '1.11', letterSpacing: '-0.5px', fontWeight: '400' }],
'title-lg': ['32px', { lineHeight: '1.13', letterSpacing: '-0.4px', fontWeight: '400' }],
'title-md': ['18px', { lineHeight: '1.33', letterSpacing: '0', fontWeight: '600' }],
'title-sm': ['16px', { lineHeight: '1.25', letterSpacing: '0', fontWeight: '600' }],
'body-md': ['16px', { lineHeight: '1.5', letterSpacing: '0', fontWeight: '400' }],
'body-strong': ['16px', { lineHeight: '1.5', letterSpacing: '0', fontWeight: '700' }],
'body-sm': ['14px', { lineHeight: '1.5', letterSpacing: '0', fontWeight: '400' }],
'caption': ['13px', { lineHeight: '1.5', letterSpacing: '0', fontWeight: '400' }],
'caption-strong': ['12px', { lineHeight: '1.5', letterSpacing: '0', fontWeight: '600' }],
'number-display': ['18px', { lineHeight: '1.4', letterSpacing: '0', fontWeight: '500' }],
'button': ['16px', { lineHeight: '1.15', letterSpacing: '0', fontWeight: '600' }],
'nav-link': ['14px', { lineHeight: '1.4', letterSpacing: '0', fontWeight: '500' }],
},
spacing: {
'xxs': '4px',
'xs': '8px',
'sm': '12px',
'base': '16px',
'md': '20px',
'lg': '24px',
'xl': '32px',
'xxl': '48px',
'section': '96px',
},
borderRadius: {
'none': '0px',
'xs': '4px',
'sm': '8px',
'md': '12px',
'lg': '16px',
'xl': '24px',
'pill': '100px',
'full': '9999px',
},
boxShadow: {
'soft': '0 4px 12px rgba(0, 0, 0, 0.04)',
'none': 'none',
},
maxWidth: {
'content': '1200px',
},
},
},
plugins: [],
};
|