lychee_theme_basic/tailwind.config.js at master · agileware-jp/lychee_theme_basic · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/**/*.{scss,css}'
  ],
  theme: {
    extend: {
      colors: {
        product: {
          default: '#085A79',
          hover: '#074D69',
          active: '#06425A',
          lychee: '#D7000F',
        },
        status: {
          success: '#0B8749',
          successLight: '#DAFCEB',
          info: '#015CC8',
          warning: '#EAB600',
          warningLight: '#FFF3C8',
          danger: '#CB0000',
        },
        text: {
          default: '#002E40',
          caption: '#66828C',
          onFill: '#FFFFFF',
          danger: '#AF0000',
          link: '#116699',
        },
        border: {
          default: '#CCD5D9',
          dark: '#99ABB3',
          divider: '#E6EAEC',
          onFill: '#FFFFFF',
          danger: '#AF0000',
          warning: '#755C00',
        },
        background: {
          primary: '#FFFFFF',
          secondary: '#F0F2F3',
          tertiary: '#DDE9EE',
          dark: '#002E40',
        },
        icon: {
          default: '#66828C',
          dark: '#002E40',
          onFill: '#FFFFFF',
        },
        primitive: {
          gray: {
            200: '#CCD5D9',
          },
          darkGray: {
            900: '#111',
            800: '#222',
            700: '#333',
            600: '#444',
            500: '#555'
          }
        }
      },
    },
  },
  plugins: [],
}