| 1 | const defaultTheme = require('tailwindcss/defaultTheme') |
| 2 | |
| 3 | module.exports = { |
| 4 | content: [ |
| 5 | './public/*.html', |
| 6 | './app/helpers/**/*.rb', |
| 7 | './app/javascript/**/*.js', |
| 8 | './app/views/**/*.{erb,haml,html,slim}' |
| 9 | ], |
| 10 | theme: { |
| 11 | extend: { |
| 12 | fontFamily: { |
| 13 | sans: [ |
| 14 | 'Inter', 'ui-sans-serif', 'system-ui', '-apple-system', |
| 15 | 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', |
| 16 | ...defaultTheme.fontFamily.sans |
| 17 | ], |
| 18 | mono: [ |
| 19 | 'JetBrains Mono', 'ui-monospace', 'SFMono-Regular', |
| 20 | 'Menlo', 'Monaco', 'Consolas', |
| 21 | ...defaultTheme.fontFamily.mono |
| 22 | ], |
| 23 | }, |
| 24 | colors: { |
| 25 | brand: { |
| 26 | 50: '#FFF5F0', |
| 27 | 100: '#FFE8DB', |
| 28 | 200: '#FFD0B5', |
| 29 | 300: '#FFB088', |
| 30 | 400: '#FF8F5A', |
| 31 | 500: '#FE6D36', |
| 32 | 600: '#E55A24', |
| 33 | 700: '#C04A1A', |
| 34 | 800: '#993B15', |
| 35 | 900: '#732D10', |
| 36 | }, |
| 37 | surface: { |
| 38 | 50: '#f5f6f7', |
| 39 | 100: '#e0e2e5', |
| 40 | 200: '#c1c5cb', |
| 41 | 300: '#9ca3ae', |
| 42 | 400: '#6b7280', |
| 43 | 500: '#383d44', |
| 44 | 600: '#2d3238', |
| 45 | 700: '#1e2126', |
| 46 | 800: '#1a1d21', |
| 47 | 900: '#15171a', |
| 48 | 950: '#0f1012', |
| 49 | }, |
| 50 | }, |
| 51 | maxWidth: { |
| 52 | '8xl': '88rem', |
| 53 | }, |
| 54 | }, |
| 55 | }, |
| 56 | plugins: [], |
| 57 | } |