theme-Ideaflow/tailwind.config.js at master · pandyzhou/theme-Ideaflow · 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
/** @type {import('tailwindcss').Config} */
const { addDynamicIconSelectors } = require('@iconify/tailwind');
module.exports = {
  content: ["./templates/**/*.html", "./src/main.ts"],
  theme: {
    extend: {
      colors: {
        // 基础色板 - 品牌标识色系
        primary: {
          DEFAULT: 'var(--primary)',
          hover: 'var(--primary-hover)',
          active: 'var(--primary-active)'
        },
        secondary: {
          DEFAULT: 'var(--secondary)',
          hover: 'var(--secondary-hover)',
          active: 'var(--secondary-active)'
        },
        accent: {
          DEFAULT: 'var(--accent)',
          hover: 'var(--accent-hover)',
          active: 'var(--accent-active)'
        },
        // 中性色系
        neutral: {
          DEFAULT: 'var(--neutral)',
          hover: 'var(--neutral-hover)',
          active: 'var(--neutral-active)'
        },
        // 基础背景色系
        base: {
          100: 'var(--base-100)',
          200: 'var(--base-200)',
          300: 'var(--base-300)',
          content: 'var(--base-content)'
        },
        // 功能色系
        info: {
          DEFAULT: 'var(--info)',
          content: 'var(--info-content)'
        },
        success: {
          DEFAULT: 'var(--success)',
          content: 'var(--success-content)'
        },
        warning: {
          DEFAULT: 'var(--warning)',
          content: 'var(--warning-content)'
        },
        error: {
          DEFAULT: 'var(--error)',
          content: 'var(--error-content)'
        },
        // 文本色系
        text: {
          base: 'var(--text-base)',
          muted: 'var(--text-muted)',
          disabled: 'var(--text-disabled)',
          placeholder: 'var(--text-placeholder)'
        },
        // 边框色系
        border: {
          base: 'var(--border-base)',
          light: 'var(--border-light)'
        },
        // 阴影色系
        shadow: {
          sm: 'var(--shadow-sm)',
          md: 'var(--shadow-md)',
          lg: 'var(--shadow-lg)'
        },
        // 滚动条样式
        scrollbar: {
          track: 'var(--scrollbar-track)',
          thumb: 'var(--scrollbar-thumb)',
          'thumb-hover': 'var(--scrollbar-thumb-hover)'
        }
      }
    },
  },
  plugins: [
    require("@tailwindcss/typography"),
    addDynamicIconSelectors(),
  ],
  darkMode: 'selector',
  safelist: [
    "prose-sm",
    "prose-base",
    "prose-lg",
    "prose-xl",
    "prose-2xl",
    "prose-gray",
    "prose-slate",
    "prose-zinc",
    "prose-neutral",
    "prose-stone",
  ],
};