theme v2

outputs/preview-theme-sakura-dark.html

@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>预览 15:15 · </title>
+  <title>预览 16:08 · </title>
   <meta name="msvalidate.01" content="2F185E8E63C93635F50B3574F3B31E42" />
   <meta name="description" content="狼的提问箱——一个无需注册、可匿名提问的匿名提问箱，安全地倾诉与回应。">
   <meta name="keywords" content="匿名提问箱,提问箱,匿名提问,狼的提问箱,匿名问答,匿名提问网站">
@@ -22,13 +22,17 @@
   
   <link rel="stylesheet" href="/static/css/base.css?v="/>
   
-  <style>/* 樱花（sakura）：粉调 + 细网点图案，纯 CSS 实现，不依赖图片素材。
-   复制 _scaffold.css 写的示例：只覆盖令牌，未改动任何布局。 */
+  <style>/* 樱花（sakura）：粉调 + 极淡网点，纯 CSS 实现，不依赖图片素材。
+   只覆盖令牌，不改动任何布局。要点：
+   - 页面底色用纯色（不用渐变），保证整页色感一致；
+   - 顶栏与卡片都是「带粉调的暖白」而不是纯白，和粉底之间是过渡不是硬切；
+   - 网点放大到 24px、透明度降到 0.05，只作纸纹，不在留白处抢注意力。 */
 html[data-theme-style="sakura"] {
-    --tb-bg: #fff6f8;
-    --tb-surface: #ffffff;
-    --tb-surface-2: #fdeef2;
+    --tb-bg: #fceef3;
+    --tb-surface: #fffafc;
+    --tb-surface-2: #fbe8ee;
     --tb-surface-hover: #fdf1f5;
+    --tb-navbar: #fff6f9;
     --tb-border: #f2dde4;
 
     --tb-text: #3a2b30;
@@ -42,16 +46,17 @@ html[data-theme-style="sakura"] {
     --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;
+    --tb-page-pattern: radial-gradient(circle at 1px 1px, rgba(229, 103, 143, 0.05) 1px, transparent 1.4px);
+    --tb-page-pattern-size: 24px 24px;
 }
 
 html[data-theme="dark"][data-theme-style="sakura"] {
     --tb-bg: #241a1f;
-    --tb-surface: #2e2129;
+    --tb-surface: #2f2228;
     --tb-surface-2: #3a2a33;
     --tb-surface-hover: rgba(255, 138, 176, 0.10);
-    --tb-border: #49333d;
+    --tb-navbar: #2a1e24;
+    --tb-border: #4a333e;
 
     --tb-text: #f2e4e9;
     --tb-text-secondary: #c6aab4;
@@ -64,8 +69,8 @@ html[data-theme="dark"][data-theme-style="sakura"] {
     --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;
+    --tb-page-pattern: radial-gradient(circle at 1px 1px, rgba(255, 138, 176, 0.05) 1px, transparent 1.4px);
+    --tb-page-pattern-size: 24px 24px;
 }
 </style>
   
@@ -682,7 +687,7 @@ document.getElementById("introcolor").style.color = "#6b545c";
        href="/_/tester/1">查看回答</a>
     <div class="uk-text-left uk-text-small uk-text-muted">
       <span class="tb-pin-flag" title="已置顶">⭐</span>
-      2026-10-19 15:15:39
+      2026-10-19 16:08:02
     </div>
     <p class="uk-text-small uk-text-break tb-preline tb-clamp-5">置顶的问题
 </p>
@@ -694,7 +699,7 @@ document.getElementById("introcolor").style.color = "#6b545c";
        href="/_/tester/2">查看回答</a>
     <div class="uk-text-left uk-text-small uk-text-muted">
       
-      2026-10-19 14:15:39
+      2026-10-19 15:08:02
     </div>
     <p class="uk-text-small uk-text-break tb-preline tb-clamp-5">普通问题
 </p>