homesite/tailwind.config.mjs at main · dgrah50/homesite · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        primary: "rgba(13,109,1,1.0)",
        background: {
          DEFAULT: "rgba(28,28,28,1.0)",
          dark: "#141414",
        },
        border: {
          DEFAULT: "rgba(255, 255, 255, 0.06)",
        },
        text: {
          primary: "rgba(13,109,1,1.0)",
          heading: "rgba(255, 255, 255, 0.75)",
          subheading: "rgba(255, 255, 255, 0.65)",
          body: "rgba(255, 255, 255, 0.6)",
          description: "rgba(255, 234, 204, 0.4)",
        },
      },
      fontSize: {
        headline: "3rem",
        xxs: "0.6rem",
      },
      fontFamily: {
        sans: ["Inter", "sans-serif"],
        mono: ["CQ Mono", "monospace"],
        softglyphs: ["Softglyphs", "sans-serif"],
      },
      boxShadow: {
        header:
          "0px 8px 10px 0px rgba(0, 0, 0, 0.08), 0px 3px 16px 0px rgba(0, 0, 0, 0.08), 0px 4px 5px 0px rgba(0, 0, 0, 0.08)",
      },
    },
  },
  plugins: [],
};