From 746977c80ed8137fe12775051976139c145faff3 Mon Sep 17 00:00:00 2001
From: KuroSago <kurosago@outlook.com>
Date: Sat, 3 May 2025 12:01:42 +0800
Subject: [PATCH] no message

---
 web3/apps/web/postcss.config.js             |  6 ++
 web3/apps/web/src/assets/index.css          |  5 ++
 web3/apps/web/tailwind.config.js            | 11 +++
 web3/packages/mind-map/src/styles/theme.css | 76 +++++++++++++++++++++
 4 files changed, 98 insertions(+)
 create mode 100644 web3/apps/web/postcss.config.js
 create mode 100644 web3/apps/web/src/assets/index.css
 create mode 100644 web3/apps/web/tailwind.config.js
 create mode 100644 web3/packages/mind-map/src/styles/theme.css

diff --git a/web3/apps/web/postcss.config.js b/web3/apps/web/postcss.config.js
new file mode 100644
index 00000000..96bb01e7
--- /dev/null
+++ b/web3/apps/web/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
\ No newline at end of file
diff --git a/web3/apps/web/src/assets/index.css b/web3/apps/web/src/assets/index.css
new file mode 100644
index 00000000..885d3851
--- /dev/null
+++ b/web3/apps/web/src/assets/index.css
@@ -0,0 +1,5 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* 全局自定义样式可以添加在这里 */
\ No newline at end of file
diff --git a/web3/apps/web/tailwind.config.js b/web3/apps/web/tailwind.config.js
new file mode 100644
index 00000000..12f8da62
--- /dev/null
+++ b/web3/apps/web/tailwind.config.js
@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
\ No newline at end of file
diff --git a/web3/packages/mind-map/src/styles/theme.css b/web3/packages/mind-map/src/styles/theme.css
new file mode 100644
index 00000000..442804be
--- /dev/null
+++ b/web3/packages/mind-map/src/styles/theme.css
@@ -0,0 +1,76 @@
+:root {
+  --background: 255, 255, 255;  /* 白色背景 */
+  --foreground: 15, 23, 42;     /* 深灰色文字 */
+  --border: 226, 232, 240;      /* 浅灰色边框 */
+  --input: 226, 232, 240;       /* 浅灰色输入框 */
+  --ring: 148, 163, 184;        /* 中灰色环 */
+  
+  /* 主色调 - 蓝色系 */
+  --primary: 37, 99, 235;       /* 蓝色 */
+  --primary-foreground: 255, 255, 255;  /* 白色文字在主色背景上 */
+  --primary-hover: 29, 78, 216;  /* 深蓝色悬浮状态 */
+  --primary-active: 30, 64, 175; /* 更深蓝色点击状态 */
+
+  /* 次要色调 - 灰色系 */
+  --secondary: 241, 245, 249;   /* 浅灰色 */
+  --secondary-foreground: 15, 23, 42;  /* 深灰色文字 */
+
+  /* 销毁/错误色调 - 红色系 */
+  --destructive: 239, 68, 68;   /* 红色 */
+  --destructive-foreground: 255, 255, 255;  /* 白色文字 */
+
+  /* 柔和色调 - 灰色系 */
+  --muted: 241, 245, 249;       /* 浅灰色 */
+  --muted-foreground: 100, 116, 139;  /* 中灰色文字 */
+
+  /* 强调色调 - 灰蓝色 */
+  --accent: 243, 244, 246;      /* 灰蓝色 */
+  --accent-foreground: 15, 23, 42;  /* 深灰色文字 */
+
+  /* 弹出层 */
+  --popover: 255, 255, 255;     /* 白色背景 */
+  --popover-foreground: 15, 23, 42;  /* 深灰色文字 */
+
+  /* 卡片 */
+  --card: 255, 255, 255;        /* 白色背景 */
+  --card-foreground: 15, 23, 42;  /* 深灰色文字 */
+}
+
+/* 暗色主题 */
+.dark {
+  --background: 15, 23, 42;     /* 深蓝黑色背景 */
+  --foreground: 241, 245, 249;  /* 浅灰色文字 */
+  --border: 51, 65, 85;         /* 深灰色边框 */
+  --input: 51, 65, 85;          /* 深灰色输入框 */
+  --ring: 148, 163, 184;        /* 中灰色环 */
+
+  /* 主色调 - 蓝色系 */
+  --primary: 59, 130, 246;      /* 蓝色 */
+  --primary-foreground: 255, 255, 255;  /* 白色文字 */
+  --primary-hover: 96, 165, 250;  /* 亮蓝色悬浮状态 */
+  --primary-active: 147, 197, 253; /* 更亮蓝色点击状态 */
+
+  /* 次要色调 - 深灰色系 */
+  --secondary: 51, 65, 85;      /* 深灰色 */
+  --secondary-foreground: 241, 245, 249;  /* 浅灰色文字 */
+
+  /* 销毁/错误色调 - 红色系 */
+  --destructive: 248, 113, 113; /* 亮红色 */
+  --destructive-foreground: 15, 23, 42;  /* 深色文字 */
+
+  /* 柔和色调 - 深灰色系 */
+  --muted: 51, 65, 85;          /* 深灰色 */
+  --muted-foreground: 148, 163, 184;  /* 中灰色文字 */
+
+  /* 强调色调 - 深灰蓝色 */
+  --accent: 51, 65, 85;         /* 深灰蓝色 */
+  --accent-foreground: 241, 245, 249;  /* 浅灰色文字 */
+
+  /* 弹出层 */
+  --popover: 15, 23, 42;        /* 深蓝黑色背景 */
+  --popover-foreground: 241, 245, 249;  /* 浅灰色文字 */
+
+  /* 卡片 */
+  --card: 15, 23, 42;           /* 深蓝黑色背景 */
+  --card-foreground: 241, 245, 249;  /* 浅灰色文字 */
+}
\ No newline at end of file