website/tailwind.config.js at main · kubesimplify/website · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}", "./docs/**/*.mdx", "./blog/**/*.mdx"],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#00f2ff', // Neon Cyan (dark) / #0066cc (light)
          dark: '#00c8d4',
          light: '#5ff9ff',
        },
        secondary: {
          DEFAULT: '#7000ff', // Deep Purple
          light: '#9d4dff',
        },
        dark: {
          bg: '#050505', // Almost black
          card: '#0a0a0a',
          border: '#1f1f1f',
        },
        light: {
          bg: '#ffffff',
          card: '#f8f9fa',
          surface: '#f1f3f5',
          text: '#1a1a1a',
          'text-secondary': '#4a5568',
          border: '#e2e8f0',
        }
      },
      fontFamily: {
        sans: ['"Outfit"', 'sans-serif'],
        heading: ['"Outfit"', 'sans-serif'],
      },
      animation: {
        'blob': 'blob 7s infinite',
        'fade-in': 'fadeIn 0.5s ease-out forwards',
      },
      keyframes: {
        blob: {
          '0%': { transform: 'translate(0px, 0px) scale(1)' },
          '33%': { transform: 'translate(30px, -50px) scale(1.1)' },
          '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },
          '100%': { transform: 'translate(0px, 0px) scale(1)' },
        },
        fadeIn: {
          '0%': { opacity: '0', transform: 'translateY(10px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
      },
    },
  },
  plugins: [],
  darkMode: ['class', '[data-theme="dark"]'],
  corePlugins: {
    preflight: false,
  },
  blocklist: ['container'],
};