no message

web3/apps/web/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

web3/apps/web/src/assets/index.css

@@ -0,0 +1,5 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* 全局自定义样式可以添加在这里 */

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: [],
+}

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;  /* 浅灰色文字 */
+}