react_portfolio/tailwind.config.ts at main · henrygraesberg/react_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
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}",
  ],
  darkMode: 'selector',
  theme: {
    extend: {
      colors: {
        background: "var(--background)",
        foreground: "var(--foreground)",

        background_dark: "#555",
        background_color: "#562990",

        navbar: "rgb(110, 110, 110)",
        navbar_dark: "rgb(40, 0, 71)",

        text: "#1F1F1F",
        text_secondary: "#EBEBEB",
        text_purple: "#6A01C0",

        primary: "#6457A6",
        secondary: "#7D7ABC",
        accent: "#2AF5FF",
      },
      fontFamily: {
        inter: ["var(--font-inter)", "sans-serif"],
        ultra: ["var(--font-ultra)", "sans-serif"],
      }
    },
  },
  plugins: [],
};
export default config;