book-index-ui 0.22.1 → 0.27.0

package/dist/book-index-ui.css

@@ -186,8 +186,10 @@
     --bim-flag-bg: rgba(158, 42, 43, 0.08);
     /* 主题切换控件的色点：朱砂（不随主题变，两套主题下都要认得出） */
     --bim-theme-dot-zhusha: #9c3a2c;
-    /* 主题切换控件的色点：靛蓝 */
+    /* 主题切换控件的色点：靛青 */
     --bim-theme-dot-indigo: #2e5266;
+    /* 主题切换控件的色点：墨 */
+    --bim-theme-dot-ink: #222221;
     /* 四部分布条：經部（人物页提要卡；无别处使用） */
     --bim-sect-jing: #2e5266;
     /* 四部分布条：史部 */
@@ -197,6 +199,26 @@
     /* 四部分布条：集部 */
     --bim-sect-ji: #9fb3bc;
 
+    /* ==== 版式（v4 外观系统，overview#291）：疏朗＝留白分区（默认，下列值即疏朗）；界栏＝框线分区（`<html data-layout="boxed">`） ==== */
+    /* 区块外框（border 简写）。疏朗无框；界栏 1px 实线 */
+    --bim-fr-bd: 0 solid transparent;
+    /* 区块底。界栏＝卡面色 */
+    --bim-fr-bg: transparent;
+    /* 区块标题栏内边距（界栏：标题栏与正文之间有分隔线） */
+    --bim-fr-hd-pad: 0;
+    /* 区块标题栏下沿线（border 简写） */
+    --bim-fr-hd-bd: 0 solid transparent;
+    /* 区块正文内边距 */
+    --bim-fr-bd-pad: 0;
+    /* 区块之间的间距。界栏收紧到 24px（框线本身已分隔） */
+    --bim-fr-gap: 56px;
+    /* 侧栏各块之间的间距；界栏 20px */
+    --bim-fr-side-gap: 34px;
+    /* 抬起的面（提要卡）的投影；界栏不用投影，靠框线 */
+    --bim-fr-shadow: 0 1px 0 var(--bim-rule), 0 12px 32px -18px rgba(40, 36, 31, 0.25);
+    /* 页签行下沿线颜色（疏朗不画，界栏画） */
+    --bim-fr-tab-bd: transparent;
+
     /* ==== 阅读器（整理本 / 全文） ==== */
     /* 宿主吸顶导航的高度：阅读器工具条、目录与书影侧栏在它下面吸顶（如 60px） */
     --bim-reader-top: 0px;
@@ -222,3 +244,44 @@
     --bim-selection-bg: #dfe6e3;
     --bim-rule-accent-soft: #cfd9dc;
 }
+
+/* ==== 主题：ink（<html data-theme="ink">）==== */
+:root[data-theme="ink"] {
+    --bim-page-bg: #f5f5f3;
+    --bim-card-bg: #fcfcfb;
+    --bim-zebra-bg: #eeeeeb;
+    --bim-tint-bg: #ecebe8;
+    --bim-row-hover-bg: #ecebe8;
+    --bim-selection-bg: #e2e1dc;
+    --bim-band-bg: #efeeea;
+    --bim-band-bg-hover: #e6e5e1;
+    --bim-ink: #1b1b1a;
+    --bim-body-fg: #3d3d3b;
+    --bim-quiet-fg: #4a4a47;
+    --bim-meta-fg: #5f5e5b;
+    --bim-label-fg: #63625e;
+    --bim-aux-fg: #63625e;
+    --bim-hint-fg: #63625e;
+    --bim-accent: #222221;
+    --bim-accent-deep: #000000;
+    --bim-flag-bg: #e8e7e4;
+    --bim-rule-strong: #1b1b1a;
+    --bim-rule: #dfdedb;
+    --bim-rule-dashed: #c7c6c1;
+    --bim-rule-accent-soft: #c7c6c1;
+    --bim-shadow-summary: 0 10px 32px rgba(0, 0, 0, 0.06);
+    --bim-fr-shadow: 0 1px 0 var(--bim-rule), 0 12px 32px -18px rgba(0, 0, 0, 0.22);
+}
+
+/* ==== 版式：boxed（<html data-layout="boxed">）==== */
+:root[data-layout="boxed"] {
+    --bim-fr-bd: 1px solid var(--bim-rule);
+    --bim-fr-bg: var(--bim-card-bg);
+    --bim-fr-hd-pad: 12px 18px;
+    --bim-fr-hd-bd: 1px solid var(--bim-rule);
+    --bim-fr-bd-pad: 14px 18px 18px;
+    --bim-fr-gap: 24px;
+    --bim-fr-side-gap: 20px;
+    --bim-fr-shadow: none;
+    --bim-fr-tab-bd: var(--bim-rule);
+}