Portfolio/tailwind.config.js at main · VinMeld/Portfolio · 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
/** @type {import('tailwindcss').Config} */
import { heroui } from "@heroui/react";
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
    './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}'
  ],
  theme: {
    extend: {},
  },
  darkMode: "class",
  plugins: [
    // nextui({
    //   prefix: "nextui",
    //   addCommonColors: false,
    //   defaultTheme: "light",
    //   defaultExtendTheme: "light",
    //   layout: {},
    //   themes: {
    //     light: {
    //       layout: {
    //           borderRadius: "6px",
    //           boxShadow: "0 4px 6px rgba(100, 120, 140, 0.1)",
    //       },
    //       colors: {
    //           primary: "#F92672", // Vibrant pink
    //           secondary: "#A6E22E", // Vibrant green
    //           background: "#FAFAFA", // A light background
    //           foreground: "#333", // Retaining your original foreground
    //           border: "#D0D9D9", // Retaining your original border
    //           muted: "#B0BAC9", // A muted color
    //       },
    //   },
    //   dark: {
    //       layout: {
    //           borderRadius: "6px",
    //           boxShadow: "0 4px 6px rgba(40, 42, 49, 0.2)",
    //       },
    //       colors: {
    //           primary: "#F92672", // Vibrant pink
    //           secondary: "#A6E22E", // Vibrant green
    //           background: "#272822", // Monokai's classic dark grey background
    //           foreground: "#F8F8F2", // Monokai's classic light foreground
    //           border: "#49483E", // Darker grey, nearly brown
    //           muted: "#75715E", // Muted color resembling Monokai
    //       },
    //   }

    //   },
    // }),
  ]
}