chess-game-review/tailwind.config.js at main · vietan0/chess-game-review · 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
83
84
85
86
87
88
/** @type {import('tailwindcss').Config} */
import { heroui } from '@heroui/react';
import defaultTheme from 'tailwindcss/defaultTheme';

export default {
  content: [
    './index.html',
    './src/**/*.{js,ts,jsx,tsx}',
    './node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', ...defaultTheme.fontFamily.sans],
      },
      screens: {
        xs: '400px',
        ...defaultTheme.screens,
      },
      colors: {
        lightGreen: '#ebecd0',
        darkGreen: '#739552',
        lightBrown: '#edd6b0',
        darkBrown: '#b88762',
        lightIce: '#c5d5dc',
        darkIce: '#7a9db2',
        highlight: 'hsl(60 100% 60% / 50%)',
        best: '#81B64C',
        excellent: '#81B64C',
        good: '#95b776',
        inaccuracy: '#F7C631',
        mistake: '#FFA459',
        blunder: '#FA412D',
        book: '#D5A47D',
        forced: '#96AF8B',
        miss: '#FF7769',
        great: '#749BBF',
        brilliant: '#26C2A3',
      },
    },
  },
  darkMode: 'class',
  plugins: [heroui({
    themes: {
      light: {
        colors: {
          primary: {
            DEFAULT: '#81B64C',
            50: '#EEFAE4',
            100: '#D7EAC5',
            200: '#BEDAA2',
            300: '#A5CB7F',
            400: '#8CBD5C',
            500: '#81B64C',
            600: '#587F33',
            700: '#3F5B23',
            800: '#243712',
            900: '#091400',
          },
        },
      },
      dark: {
        colors: {
          primary: {
            DEFAULT: '#81B64C',
            50: '#EEFAE4',
            100: '#D7EAC5',
            200: '#BEDAA2',
            300: '#A5CB7F',
            400: '#8CBD5C',
            500: '#81B64C',
            600: '#587F33',
            700: '#3F5B23',
            800: '#243712',
            900: '#091400',
          },
        },
      },
    },
    layout: {
      radius: {
        small: '6px',
        medium: '9px',
        large: '12px',
      },
    },
  })],
};