theme v1

2026-10-19 15:23:11 +08:00
parent 86dc8384bc
commit e9fba8b9ed
84 changed files with 34468 additions and 5386 deletions
@@ -0,0 +1,45 @@
+/* 樱花（sakura）：粉调 + 细网点图案，纯 CSS 实现，不依赖图片素材。
+   复制 _scaffold.css 写的示例：只覆盖令牌，未改动任何布局。 */
+html[data-theme-style="sakura"] {
+    --tb-bg: #fff6f8;
+    --tb-surface: #ffffff;
+    --tb-surface-2: #fdeef2;
+    --tb-surface-hover: #fdf1f5;
+    --tb-border: #f2dde4;
+
+    --tb-text: #3a2b30;
+    --tb-text-secondary: #6b545c;
+    --tb-text-muted: #a08c94;
+
+    --tb-primary: #e5678f;
+    --tb-primary-weak: rgba(229, 103, 143, 0.12);
+
+    --tb-shadow: 0 1px 2px rgba(120, 60, 80, 0.05), 0 12px 28px -18px rgba(120, 60, 80, 0.22);
+    --tb-shadow-hover: 0 1px 2px rgba(120, 60, 80, 0.07), 0 18px 40px -20px rgba(120, 60, 80, 0.30);
+
+    --tb-page-image: none;
+    --tb-page-pattern: radial-gradient(circle at 1px 1px, rgba(229, 103, 143, 0.14) 1px, transparent 0);
+    --tb-page-pattern-size: 16px 16px;
+}
+
+html[data-theme="dark"][data-theme-style="sakura"] {
+    --tb-bg: #241a1f;
+    --tb-surface: #2e2129;
+    --tb-surface-2: #3a2a33;
+    --tb-surface-hover: rgba(255, 138, 176, 0.10);
+    --tb-border: #49333d;
+
+    --tb-text: #f2e4e9;
+    --tb-text-secondary: #c6aab4;
+    --tb-text-muted: #9d818b;
+
+    --tb-primary: #ff8ab0;
+    --tb-primary-weak: rgba(255, 138, 176, 0.16);
+
+    --tb-shadow: 0 1px 2px rgba(0, 0, 0, 0.34), 0 12px 28px -18px rgba(0, 0, 0, 0.58);
+    --tb-shadow-hover: 0 1px 2px rgba(0, 0, 0, 0.40), 0 18px 40px -20px rgba(0, 0, 0, 0.68);
+
+    --tb-page-image: none;
+    --tb-page-pattern: radial-gradient(circle at 1px 1px, rgba(255, 138, 176, 0.10) 1px, transparent 0);
+    --tb-page-pattern-size: 16px 16px;
+}