鼠标中键打开大纲

css 片段

/* [css片段] 多彩大纲竖线 */
:root {
    /* 竖线颜色 */
    --vertical-line-color-1: var(--b3-font-color7);
    --vertical-line-color-2: var(--b3-font-color6);
    --vertical-line-color-3: var(--b3-font-color9);
    --vertical-line-color-4: var(--b3-font-color11);
    --vertical-line-color-5: var(--b3-font-color7);
    --vertical-line-color-6: var(--b3-font-color6);
    --vertical-line-color-7: var(--b3-font-color9);
    --vertical-line-color-8: var(--b3-font-color11);

    /* 文档缩进距离 */
    --file-retract-length: 8px;
    /* 竖线括号没有对齐, 调这里 */
    --bracket-retract-length: 4px;
    /* 竖线括号粗细 */
    --vertical-line-bracket-width: 3px;
    /* 竖线括号圆角弧度 */
    --bracket-border-radius: 8px;
    /* 折叠按钮宽度 */
    --fold-button-width: 10px;
}

/* 大纲 */
/* 折叠按钮宽度 */
.sy__outline>.fn__flex-1>ul li>.b3-list-item__toggle {
    padding-left: var(--fold-button-width) !important;
}
/* 竖线 */
.sy__outline>.fn__flex-1>ul li {
    margin-bottom: -1px;
    border-top-left-radius: var(--bracket-border-radius);
    border-bottom-left-radius: var(--bracket-border-radius);
}
.sy__outline>.fn__flex-1>ul li:has(span:not(.fn__hidden)>svg.b3-list-item__arrow--open) {
    /* 有子文档的(折叠按钮没有隐藏&&打开), 下括号没有弧度 */
    border-bottom-left-radius: 0px;
}
.sy__outline>.fn__flex-1>ul ul {
    padding-left: var(--file-retract-length);
    margin-left: var(--bracket-retract-length);
    border-top-left-radius: 0px;
    border-bottom-left-radius: var(--bracket-border-radius);
}

/* 竖线颜色 */
.sy__outline>.fn__flex-1>ul li:has(span),
.sy__outline>.fn__flex-1>ul ul {
    border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-1);
}
.sy__outline>.fn__flex-1>ul>ul li,
.sy__outline>.fn__flex-1>ul>ul ul {
    border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-2);
}
.sy__outline>.fn__flex-1>ul>ul>ul li,
.sy__outline>.fn__flex-1>ul>ul>ul ul {
    border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-3);
}
.sy__outline>.fn__flex-1>ul>ul>ul>ul li,
.sy__outline>.fn__flex-1>ul>ul>ul>ul ul {
    border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-4);
}
.sy__outline>.fn__flex-1>ul>ul>ul>ul>ul li,
.sy__outline>.fn__flex-1>ul>ul>ul>ul>ul ul {
    border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-5);
}
.sy__outline>.fn__flex-1>ul>ul>ul>ul>ul>ul li,
.sy__outline>.fn__flex-1>ul>ul>ul>ul>ul>ul ul {
    border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-6);
}

试下这个?
这个不行, 就悬赏一下, 大佬搞得概率会大一点

请问这个大纲的样式是什么主题 or 插件呀？左侧那个颜色侧线好看

请问这本书的 ISBN 是？内容似乎很有趣。