Neomelt_blog/tailwind.config.js at master · Neomelt/Neomelt_blog · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  darkMode: "class", // 启用类名-based 暗模式
  theme: {
    container: {
      center: true,
      padding: {
        DEFAULT: "1rem",
        sm: "1.5rem",
        lg: "2rem",
        xl: "3rem",
        "2xl": "4rem",
      },
      screens: {
        sm: "640px",
        md: "768px",
        lg: "1024px",
        xl: "1280px",
        "2xl": "1536px",
      },
    },
    extend: {
      maxWidth: {
        content: "65ch", // 最佳阅读宽度
        "content-wide": "75ch",
        "content-full": "85ch",
        dynamic: "min(90vw, 1400px)", // 动态最大宽度
        "dynamic-content": "min(85vw, 1200px)",
        "dynamic-narrow": "min(80vw, 800px)",
      },
      width: {
        dynamic: "min(90vw, 1400px)",
        "dynamic-content": "min(85vw, 1200px)",
        "dynamic-narrow": "min(80vw, 800px)",
      },
      colors: {
        primary: "#3b82f6",
        secondary: "#6b7280",
        accent: "#2337ff",
      },
      fontFamily: {
        sans: [
          "-apple-system",
          "BlinkMacSystemFont",
          '"Segoe UI"',
          '"Noto Sans"',
          "Helvetica",
          "Arial",
          "sans-serif",
        ],
      },
      lineHeight: {
        relaxed: "1.8",
        loose: "2",
      },
      backgroundColor: {
        "dark-primary": "#1a1f35",
        "dark-secondary": "#111827",
      },
      textColor: {
        "dark-primary": "#F9FAFB",
        "dark-secondary": "#D1D5DB",
      },
    },
  },
  plugins: [],
};