RTS-Agents/tailwind.config.js at main · AJFrio/RTS-Agents · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: 'class',
  content: [
    "./index.html",
    "./src/**/*.{js,jsx,html}",
    "./*.{js,html}"
  ],
  // Safelist dynamic classes used in JavaScript
  safelist: [
    // Provider colors - borders and backgrounds
    'border-emerald-500', 'bg-emerald-500/5', 'text-emerald-500',
    'border-primary', 'bg-primary/5', 'text-primary',
    'border-blue-500', 'bg-blue-500/5', 'text-blue-500',
    'border-cyan-500', 'bg-cyan-500/5', 'text-cyan-500',
    'border-orange-500', 'bg-orange-500/5', 'text-orange-500',
    // Provider hover states
    'hover:border-emerald-500', 'hover:border-primary', 'hover:border-blue-500',
    'hover:border-cyan-500', 'hover:border-orange-500',
    // Status colors
    'bg-primary', 'text-black',
    'border-emerald-500', 'text-emerald-500',
    'border-yellow-500', 'text-yellow-500',
    'border-red-500', 'text-red-500',
    'border-slate-600', 'text-slate-400',
    // Card hover
    'hover:border-primary',
  ],
  theme: {
    extend: {
      colors: {
        primary: "#93b8c5", // Light Blue/Cyan
        "primary-hover": "#7aa5b3",
        "background-light": "#F5F5F0",
        "background-dark": "#121212", // Matte Charcoal
        "sidebar-dark": "#0D0D0D",
        "card-dark": "#1A1A1A",
        "border-dark": "#2A2A2A",
      },
      fontFamily: {
        display: ["Plus Jakarta Sans", "Inter", "system-ui", "-apple-system", "sans-serif"],
        sans: ["Plus Jakarta Sans", "Inter", "system-ui", "-apple-system", "sans-serif"],
      },
      borderRadius: {
        DEFAULT: "8px", // Modern rounded corners
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
}