From eff01819a8f6c0bea4e4d24837341b8acd048d6d Mon Sep 17 00:00:00 2001
From: yiliang114 <1204183885@qq.com>
Date: Sun, 23 Nov 2025 16:40:30 +0800
Subject: [PATCH] build(vscode-ide-companion): add Tailwind CSS configuration
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加 Tailwind CSS、PostCSS 和 Autoprefixer 配置，为渐进式采用 Tailwind CSS 做准备
---
 packages/vscode-ide-companion/package.json    |  3 ++
 .../vscode-ide-companion/postcss.config.js    |  6 ++++
 .../vscode-ide-companion/tailwind.config.js   | 36 +++++++++++++++++++
 3 files changed, 45 insertions(+)
 create mode 100644 packages/vscode-ide-companion/postcss.config.js
 create mode 100644 packages/vscode-ide-companion/tailwind.config.js

diff --git a/packages/vscode-ide-companion/package.json b/packages/vscode-ide-companion/package.json
index 0ab4d511..b7cdfc1f 100644
--- a/packages/vscode-ide-companion/package.json
+++ b/packages/vscode-ide-companion/package.json
@@ -175,10 +175,13 @@
     "@typescript-eslint/eslint-plugin": "^8.31.1",
     "@typescript-eslint/parser": "^8.31.1",
     "@vscode/vsce": "^3.6.0",
+    "autoprefixer": "^10.4.22",
     "esbuild": "^0.25.3",
     "eslint": "^9.25.1",
     "npm-run-all2": "^8.0.2",
+    "postcss": "^8.5.6",
     "sass": "^1.94.1",
+    "tailwindcss": "^3.4.18",
     "typescript": "^5.8.3",
     "vitest": "^3.2.4"
   },
diff --git a/packages/vscode-ide-companion/postcss.config.js b/packages/vscode-ide-companion/postcss.config.js
new file mode 100644
index 00000000..e2dc4780
--- /dev/null
+++ b/packages/vscode-ide-companion/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  }
+}
\ No newline at end of file
diff --git a/packages/vscode-ide-companion/tailwind.config.js b/packages/vscode-ide-companion/tailwind.config.js
new file mode 100644
index 00000000..f27526d4
--- /dev/null
+++ b/packages/vscode-ide-companion/tailwind.config.js
@@ -0,0 +1,36 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    // 渐进式采用策略：只扫描新创建的Tailwind组件
+    "./src/webview/components/ui/**/*.{js,jsx,ts,tsx}",
+    "./src/webview/components/TailwindDemo.tsx",
+    // 当需要在更多组件中使用Tailwind时，可以逐步添加路径
+    // "./src/webview/components/NewComponent/**/*.{js,jsx,ts,tsx}",
+    // "./src/webview/pages/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        'qwen': {
+          'orange': '#615fff',
+          'clay-orange': '#4f46e5',
+          'ivory': '#f5f5ff',
+          'slate': '#141420',
+          'green': '#6bcf7f',
+        }
+      },
+      borderRadius: {
+        'small': '4px',
+        'medium': '6px',
+        'large': '8px',
+      },
+      spacing: {
+        'small': '4px',
+        'medium': '8px',
+        'large': '12px',
+        'xlarge': '16px',
+      }
+    },
+  },
+  plugins: [],
+}
\ No newline at end of file