xinyu-pro 0.21.0

package/styles/themes.css

@@ -0,0 +1,111 @@
+/* styles/themes.css - 主题 CSS 变量定义 */
+
+/* 默认主题（暗夜紫）- 通过 JS 动态覆盖 */
+:root {
+  --color-bg-primary: #0f0a1a;
+  --color-bg-secondary: #1a1128;
+  --color-bg-tertiary: #2a1f3d;
+  --color-text-primary: #e8e0f0;
+  --color-text-secondary: #a89bc2;
+  --color-text-muted: #6b5f85;
+  --color-accent: #d4a843;
+  --color-accent-hover: #e6bc5a;
+  --color-border: #2a1f3d;
+  --color-shadow: rgba(0, 0, 0, 0.5);
+  --color-user-bubble: #2a1f3d;
+  --color-ai-bubble: #1a1128;
+  --font-body: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  --font-heading: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', serif;
+  --border-radius: 12px;
+}
+
+/* 全局基础样式 */
+body {
+  font-family: var(--font-body);
+  color: var(--color-text-primary);
+  background-color: var(--color-bg-primary);
+  transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+/* 主题切换过渡动画 */
+* {
+  transition-property: background-color, border-color, color, box-shadow;
+  transition-duration: 0.2s;
+  transition-timing-function: ease;
+}
+
+/* ==================== 全局按钮 Hover 样式 ==================== */
+
+/* 带边框的普通按钮 hover */
+button[style*="border-color"] {
+  cursor: pointer;
+}
+button[style*="border-color"]:hover {
+  border-color: var(--color-accent) !important;
+  color: var(--color-accent) !important;
+}
+
+/* 强调色背景按钮 hover（开始冒险、保存设置等） */
+button[style*="background-color: var(--color-accent)"]:hover {
+  filter: brightness(1.15);
+  box-shadow: 0 2px 12px var(--color-shadow);
+}
+
+/* 带图标的工具按钮 hover（返回、导入等小按钮） */
+button[style*="color: var(--color-text-secondary)"]:hover,
+button[style*="color: var(--color-text-muted)"]:hover {
+  color: var(--color-accent) !important;
+  background-color: var(--color-bg-tertiary) !important;
+}
+
+/* Tab 按钮特殊处理：非激活态 hover */
+button[class*="rounded-md"]:hover {
+  background-color: var(--color-bg-tertiary) !important;
+}
+
+/* 覆盖层内按钮 hover（模板卡片编辑/删除） */
+button[style*="rgba(255,255,255,0.2)"]:hover {
+  background-color: rgba(255, 255, 255, 0.35) !important;
+}
+button[style*="rgba(255,255,255,0.1)"]:hover {
+  background-color: rgba(255, 255, 255, 0.25) !important;
+}
+
+/* 危险按钮 hover（删除、清除等红色按钮） */
+button[style*="rgba(220, 38, 38"]:hover {
+  background-color: rgba(220, 38, 38, 0.15) !important;
+  border-color: rgba(220, 38, 38, 0.5) !important;
+}
+
+/* 左侧分类导航按钮 hover */
+nav button:hover {
+  background-color: var(--color-bg-tertiary) !important;
+}
+
+/* 禁用按钮不应用 hover */
+button:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+button:disabled:hover {
+  filter: none !important;
+  box-shadow: none !important;
+}
+
+/* 滚动条样式 */
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--color-bg-primary);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--color-text-muted);
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--color-text-secondary);
+}

package/tailwind.config.ts

@@ -0,0 +1,18 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      borderRadius: {
+        theme: 'var(--border-radius)',
+      },
+    },
+  },
+  plugins: [],
+};
+export default config;

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

package/version.json

@@ -0,0 +1,6 @@
+{
+  "version": "0.21.0",
+  "name": "xinyu-pro",
+  "displayName": "星语 Pro",
+  "description": "AI 驱动的互动叙事平台"
+}