feat: stash-ui 0.1.0（40 个组件 + 文档站 + 主题机制）

2026-10-28 20:44:18 +08:00
commit 52296b3368
153 changed files with 17129 additions and 0 deletions
@@ -0,0 +1,37 @@
+/**
+ * 外部主题示例：只允许改 CSS 变量，不写选择器。
+ *
+ * 用法：在应用入口里、`@stash/ui/style.css` 之后引入
+ *   import '@stash/ui/style.css'
+ *   import './themes/example.css'
+ *
+ * 这个文件演示「换一套品牌色 + 换形态」，组件代码完全不动。
+ */
+:root {
+  /* ---------- 颜色（语义令牌） ---------- */
+  --su-color-primary: #6c5ce7;
+  --su-color-primary-hover: #5a4bd1;
+  --su-color-primary-soft: rgb(108 92 231 / 10%);
+
+  /* ---------- 形态（半径 / 阴影 / 控件高度） ---------- */
+  --su-radius-sm: 8px;
+  --su-radius-md: 16px;
+  --su-radius-cover: 10px;
+  --su-shadow-card: 0 8px 24px rgb(20 18 40 / 6%);
+  --su-shadow-hover: 0 10px 28px rgb(20 18 40 / 10%);
+  --su-control-height-md: 40px;
+  --su-control-height-lg: 48px;
+
+  /* ---------- 字体 ---------- */
+  --su-font-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
+  --su-reading-line-height: 1.75;
+}
+
+/* 深色主题同样只改变量 */
+:root[data-scheme='dark'] {
+  --su-color-primary: #8b7bff;
+  --su-color-primary-hover: #9d90ff;
+  --su-bg-page: #0d0d12;
+  --su-bg-card: #17171f;
+  --su-shadow-card: 0 8px 24px rgb(0 0 0 / 55%);
+}