Repcode/tailwind.config.ts at master · d2dcure/Repcode · 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
    'node_modules/preline/dist/*.js',
  ],
  darkMode: 'class',
  theme: {
    colors: {

      // DARK MODE COLOR SCHEME //
      base_100: '#2A303C',
      nav: '#111111',
      hover: '#1B1B1B',
      hover2: '#292929',
      neutral: '#1b1d1d',
      primary: '#FFF',
      secondary: '#B0B7C3',
      tertiary: '#343B4A',
      pop: '#FF865B',
      pop2: '#C4B454',
      divide: '#3A4253',
      feintwhite: '#4A4A4A',
      grey: '#A5A9AE',
      success: '#87cf3a',
      error: '#ff6b6b',
      warning: "#e1d460",
      easy: "#34BF8F",
      medium: "#F6903C",
      hard: "#FB7185",
      link: "#79ADDC",
      cards: '#3A3A3B',
      load: '#2563EB',
      blue: '#2563EB',
      new: '#60A5FA',
      learning: '#FACC15',
      review: '#0FB20C',
      disabled: '#242728',
      disabledText: '#7C7C7B',
      mediumbg: '#4A4449',
      easybg: '#314950',
      hardbg: '#4A3E51',
      newbg: '#3A4960',
      warningbg: '#494A44',
      successbg: '#394723',

      // LIGHT MODE COLOR SCHEME //

      // base_100: '#E9EEF3',
      // nav: '#FFF',
      // hover: '#CECECE',
      // neutral: '#1b1d1d',
      // primary: '#000',
      // // primary2: '#4B5563',
      // secondary: '#333333',
      // pop: '#FF865B',
      // pop2: '#C4B454',
      // divide: '#CCCCCC',
      // // divide2: '#D8E0E9',
      // feintwhite: '#4A4A4A',
      // grey: '#A5A9AE',
      // success: '#87cf3a',
      // error: '#ff6b6b',
      // warning: "#e1d460",
      // easy: "#417859",
      // medium: "#CF7150",
      // hard: "#b63641",
      // link: "#79ADDC",
      // cards: '#FFF',
      // load: '#2563EB',
      // blue: '#2563EB',
      // new: '#1286c5',
      // learning: '#7e3a23',
      // review: '#085e06',
      // disabled: '#242728',
      // disabledText: '#7C7C7B',
      // mediumbg: '#FFF186',
      // easybg: '#b2e5ba',
      // hardbg: '#fec5ca',
      // newbg: '#99d5f6',
      // warningbg: '#FFB347',
      // successbg: '#5CC593',


      // DARK MODE COLOR SCHEME BETA //

      // base_100: '#121C22',
      // hover: '#0A151B',
      // neutral: '#1b1d1d',
      // primary: '#9FB9D0',
      // primary2: '#4B5563',
      // secondary: '#FFF',
      // pop: '#FF865B',
      // pop2: '#f9d72f',
      // divide: '#3D4951',
      // divide2: '#D8E0E9',
      // feintwhite: '#CECECE',
      // grey: '#A5A9AE',
      // success: '#87cf3a',
      // error: '#ff6b6b',
      // warning: "#e1d460",
      // easy: "#59FF00",
      // medium: "#FFBF1A",
      // hard: "#FF395F",
      // link: "#79ADDC",
      // cards: '#3D4951',
      // load: '#2563EB',
      // blue: '#2563EB',
      // new: '#4DBEE8',
      // learning: '#CF7150',
      // review: '#0FB20C',
      // disabled: '#242728',
      // disabledText: '#7C7C7B',
      // mediumbg: '#362E1A',
      // easybg: '#2E441A',
      // hardbg: '#411822',
      // newbg: '#1B3641',
      // warningbg: '#38361C',
      // successbg: '#394723',

    },
    extend: {
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
      },
    },
  },
  plugins: [require('preline/plugin')],
};
export default config;