51 lines
1.9 KiB
CSS
51 lines
1.9 KiB
CSS
/* 樱花（sakura）：粉调 + 极淡网点，纯 CSS 实现，不依赖图片素材。
|
|
只覆盖令牌，不改动任何布局。要点：
|
|
- 页面底色用纯色（不用渐变），保证整页色感一致；
|
|
- 顶栏与卡片都是「带粉调的暖白」而不是纯白，和粉底之间是过渡不是硬切；
|
|
- 网点放大到 24px、透明度降到 0.05，只作纸纹，不在留白处抢注意力。 */
|
|
html[data-theme-style="sakura"] {
|
|
--tb-bg: #fceef3;
|
|
--tb-surface: #fffafc;
|
|
--tb-surface-2: #fbe8ee;
|
|
--tb-surface-hover: #fdf1f5;
|
|
--tb-navbar: #fff6f9;
|
|
--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.05) 1px, transparent 1.4px);
|
|
--tb-page-pattern-size: 24px 24px;
|
|
}
|
|
|
|
html[data-theme="dark"][data-theme-style="sakura"] {
|
|
--tb-bg: #241a1f;
|
|
--tb-surface: #2f2228;
|
|
--tb-surface-2: #3a2a33;
|
|
--tb-surface-hover: rgba(255, 138, 176, 0.10);
|
|
--tb-navbar: #2a1e24;
|
|
--tb-border: #4a333e;
|
|
|
|
--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.05) 1px, transparent 1.4px);
|
|
--tb-page-pattern-size: 24px 24px;
|
|
}
|