Portfolio/tailwind.config.mjs at main · dev-shetty/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
/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  theme: {
    extend: {
      typography: {
        DEFAULT: {
          css: {
            color: "#9ca3af", // text-gray-400
            a: {
              color: "#60a5fa", // text-blue-400
              "&:hover": {
                color: "#93c5fd", // text-blue-300
              },
            },
            "h1, h2, h3, h4": {
              color: "#ffffff", // text-white
            },
            blockquote: {
              borderLeftColor: "#374151", // border-gray-700
              color: "#9ca3af", // text-gray-400
            },
            hr: {
              borderColor: "#374151", // border-gray-700
            },
            code: {
              color: "#9ca3af", // text-gray-400
              backgroundColor: "#23262f",
            },
            pre: {
              backgroundColor: "#23262f",
              code: {
                backgroundColor: "transparent",
              },
            },
          },
        },
      },
    },
  },
  plugins: [require("@tailwindcss/typography")],
};