iris/tailwind.config.ts at main · nockbox/iris · GitHub

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
import type { Config } from 'tailwindcss';

export default {
  content: ['./index.html', './src/**/*.{ts,tsx,js,jsx}', './extension/**/*.{ts,tsx,js,jsx}'],
  theme: {
    extend: {
      fontFamily: {
        display: ['Lora', 'Georgia', 'serif'],
        sans: ['Raveo Display', 'ui-sans-serif', 'system-ui', '-apple-system', 'sans-serif'],
        serif: ['Lora', 'Georgia', 'serif'],
      },
      colors: {
        // Figma palette - flattened for Tailwind v4
        'fn-bg': '#EBEAE6',
        'fn-card': '#FFFFFF',
        'fn-ink': '#000000',
        'fn-sub': '#71706D',
        'fn-yellow': '#FFC413',
        'fn-green': '#369929',
        'fn-line': '#E0E0E0',
        'fn-lineMuted': '#DADAD6',
        'fn-overlay': 'rgba(0,0,0,0.6)',
        'fn-overlayLight': 'rgba(0,0,0,0.2)',
      },
      borderRadius: {
        mdx: '10px',
        lgx: '12px',
        xlx: '14px',
        card: '12px',
        sheet: '12px',
        tile: '8px',
      },
      boxShadow: {
        card: '0 6px 18px rgba(0,0,0,0.08)',
      },
    },
  },
  plugins: [],
} satisfies Config;