@chatbi-v/tailwind-config

ChatBI-V 共享的 Tailwind CSS 配置。

模块功能说明

预设了项目的主题系统，包括：

• 颜色系统: 与 Ant Design 保持一致的主题色 (primary)、背景色和文字颜色。
• 圆角规范: 统一的 6px 基础圆角。
• 辅助功能: 内置 glass (玻璃拟态) 和 neon (霓虹灯) 样式。
• 自定义变体: perf 变体，用于性能模式下的样式优化。

安装和使用方法

安装

pnpm add -D @chatbi-v/tailwind-config

使用

在项目的 tailwind.config.js 中：

/** @type {import('tailwindcss').Config} */
module.exports = {
  presets: [require('@chatbi-v/tailwind-config')],
  content: ['./src/**/*.{ts,tsx}'],
  // 可以在这里覆盖或扩展配置
};

开发注意事项

• 颜色变量定义在 CSS 变量中，确保项目中引入了相应的基础样式。
• 优先使用预设的颜色类名（如 text-primary, bg-surface）。