devs/tailwind.config.js at main · codename-co/devs · 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
import { heroui } from '@heroui/theme'

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './index.html',
    './src/layouts/**/*.{js,ts,jsx,tsx,mdx}',
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        blue: {
          50: '#D6E4FF',
          100: '#D6E4FF',
          200: '#ADC8FF',
          300: '#84A9FF',
          400: '#6690FF',
          500: '#3366FF',
          600: '#254EDB',
          700: '#1939B7',
          800: '#102693',
          900: '#091A7A',
        },
      },
    },
  },
  darkMode: 'class',
  plugins: [
    heroui({
      addCommonColors: false,
      layout: {
        boxShadow: {
          medium: '0 0 4px 0 rgba(0, 0, 0, 0.15)',
        },
      },
      themes: {
        light: {
          colors: {
            primary: {
              DEFAULT: '#3366FF',
              foreground: '#FFFFFF',
            },
            focus: '#3366FF',
          },
        },
        dark: {
          colors: {
            primary: {
              DEFAULT: '#3366FFAA',
            },
          },
        },
      },
    }),
  ],
}