ipython.github.com/tailwind.config.cjs at main · ipython/ipython.github.com · 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
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
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,ts,tsx}'],
  darkMode: ['class'],
  theme: {
    extend: {
      colors: {
        // IPython Modern Brand - Blue & Green
        // These use CSS variables for theme support
        'ipython': {
          'blue': 'var(--theme-primary, #0D5C63)',       // Primary teal blue
          'cyan': 'var(--theme-secondary, #008B95)',     // Cyan accent
          'green': 'var(--theme-accent, #059669)',       // Green accent
          'dark': '#0F172A',       // Dark background
          'slate': '#1E293B',      // Slate background
          'light': '#F0FDFA',      // Light background
        },
        // Semantic colors
        'success': '#059669',
        'warning': '#D97706',
        'error': '#DC2626',
        'info': '#008B95',
        // Inspira UI colors
        'border': 'var(--border)',
        'input': 'var(--input)',
        'ring': 'var(--ring)',
        'background': 'var(--background)',
        'foreground': 'var(--foreground)',
        'primary': {
          DEFAULT: 'var(--primary)',
          'foreground': 'var(--primary-foreground)',
        },
        'secondary': {
          DEFAULT: 'var(--secondary)',
          'foreground': 'var(--secondary-foreground)',
        },
        'destructive': {
          DEFAULT: 'var(--destructive)',
          'foreground': 'var(--destructive-foreground)',
        },
        'muted': {
          DEFAULT: 'var(--muted)',
          'foreground': 'var(--muted-foreground)',
        },
        'accent': {
          DEFAULT: 'var(--accent)',
          'foreground': 'var(--accent-foreground)',
        },
        'popover': {
          DEFAULT: 'var(--popover)',
          'foreground': 'var(--popover-foreground)',
        },
        'card': {
          DEFAULT: 'var(--card)',
          'foreground': 'var(--card-foreground)',
        },
      },
      borderRadius: {
        'sm': 'calc(var(--radius) - 4px)',
        'md': 'calc(var(--radius) - 2px)',
        'lg': 'var(--radius)',
        'xl': 'calc(var(--radius) + 4px)',
      },
      fontFamily: {
        'sans': ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'sans-serif'],
        'mono': ['JetBrains Mono', 'Fira Code', 'Monaco', 'Consolas', 'monospace'],
      },
      boxShadow: {
        'sm': '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
        'md': '0 4px 6px -1px rgba(0, 0, 0, 0.1)',
        'lg': '0 10px 15px -3px rgba(0, 0, 0, 0.1)',
        'xl': '0 20px 25px -5px rgba(0, 0, 0, 0.1)',
        '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.15)',
      },
      maxWidth: {
        '7xl': '80rem',
        '8xl': '88rem',
      },
    },
  },
  plugins: [],
};