darkspace/tailwind.config.js at main · Darkrove/darkspace · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
    "node_modules/preline/dist/*.js",
  ],
  theme: {
    extend: {
      fontFamily: {
        epilogue: ['Epilogue', 'sans-serif'],
      },
      boxShadow: {
        secondary: '10px 10px 20px rgba(2, 2, 2, 0.25)',
      },
      colors: {
        toast: {
          '50': '#FFF6DF',
          '100': '#fdf7f1',
          '200': '#F8EEDB',
          '300': '#ebbf99',
          '400': '#dea373',
          '500': '#ce864f',
          '600': '#A1724E',
          '700': '#8c501c',
          '800': '#5c340f',
          '900': '#482307',
        },
      },
      container: {
        center: true,
      },
      skeletonScreen: {
        DEFAULT: {
          baseColor: '#8d8d8f',
          movingColor: 'linear-gradient(to right, transparent 0%, #9f9fa1 50%, transparent 100%)',
          duration: '1s',
          timing: 'linear',
        },
      },
    },
  },
  darkMode: 'class',
  plugins: [
    require('preline/plugin'),
    require('@gradin/tailwindcss-skeleton-screen'),
  ],
}