yui.web/tailwind.config.js at main · cnYui/yui.web · 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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
module.exports = {
  content: [
    "./*.html",
    "./blog/*.html",
    "./anime/*.html",
    "./music/*.html",
    "./projects/*.html",
    "./resume/*.html",
    "./shop/**/*.html",
    "./shop/**/*.js",
    "./travel/*.html",
    "./skill/*.html",
    "./js/*.js"
  ],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        primary: "#222222",
        "primary-hover": "#333333",
        secondary: "#E0D8D0",
        background: "#ffffff",
        "background-light": "#ffffff",
        "background-soft": "#f9fafb",
        surface: "#ffffff",
        "surface-light": "#FAFAFA",
        "text-main": "#222222",
        "text-muted": "#666666",
        "text-light": "#b0b0b0",
        "text-tertiary": "#9ca3af",
        "border-light": "#E5E5E5",
        "border-subtle": "#e5e5e5",
        "accent-soft": "#e5e7eb",
        "accent-gold": "#c9a227",
        "accent-silver": "#8a8a8a",
        "accent-bronze": "#b87333",
        cream: "#faf9f6",
        "dark-bg": "#0f0f0f",
        "dark-surface": "#1a1a1a",
        "dark-card": "#242424",
        "dark-border": "#333333",
        "dark-text": "#e5e5e5",
        "dark-text-muted": "#a0a0a0"
      },
      fontFamily: {
        serif: ["Playfair Display", "serif"],
        sans: ["Inter", "sans-serif"],
        display: ["Playfair Display", "serif"],
        body: ["Inter", "sans-serif"]
      },
      boxShadow: {
        soft: "0 4px 20px rgba(0,0,0,0.03)",
        "soft-dark": "0 4px 20px rgba(0,0,0,0.3)"
      },
      borderRadius: {
        DEFAULT: "0.25rem",
        lg: "0.5rem",
        xl: "0.75rem",
        full: "9999px"
      }
    }
  },
  plugins: [
    require("@tailwindcss/forms"),
    require("@tailwindcss/container-queries"),
    require("@tailwindcss/typography"),
    require("@tailwindcss/line-clamp")
  ]
};