agoriaxyz/tailwind.config.js at main · tobmav/agoriaxyz · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        // AGORIA Brand Colors
        'agoria-blue': '#1600FF',
        'agoria-dark-blue': '#001489',
        'agoria-green': '#8ED600',
        'agoria-medium-green': '#00AC00',
        'agoria-black': '#222222',
        'agoria-gray-50': '#F9C3B8',
        'agoria-gray-15': '#E3E3E2',
        // Override default blue with AGORIA blue
        blue: {
          50: '#f0f0ff',
          100: '#e6e6ff',
          200: '#d1d1ff',
          300: '#b3b3ff',
          400: '#8080ff',
          500: '#4d4dff',
          600: '#1600FF', // AGORIA Blue
          700: '#1400e6',
          800: '#1200cc',
          900: '#0f00b3',
        },
        // Override default gray with AGORIA grays
        gray: {
          50: '#f9f9f9',
          100: '#f5f5f5',
          200: '#e5e5e5',
          300: '#d4d4d4',
          400: '#a3a3a3',
          500: '#737373',
          600: '#525252',
          700: '#404040',
          800: '#262626',
          900: '#222222', // AGORIA Black
        },
        // Add custom yellow shades for personal tasks
        yellow: {
          25: '#fffef7',
          50: '#fefce8',
          100: '#fef3c7',
          200: '#fde68a',
          300: '#fcd34d',
          400: '#fbbf24',
          500: '#f59e0b',
          600: '#d97706',
          700: '#b45309',
          800: '#92400e',
          900: '#78350f',
        },
      },
      fontFamily: {
        'title': ['Alegreya Sans', 'sans-serif'],
      },
    },
  },
  plugins: [],
};