登录 注册

参照 obsidian-minimal 主题制作的默认 dark 主题代码片段

本贴最后更新于 415 天前，其中的信息可能已经事过景迁

图片.png

图片.png

图片.png

谢谢制作 minimal 主题的大佬(kepano)

使用方式：切换到默认主题的 dark 配色模式，然后在设置-外观-代码片段中添加如下代码。

:root {
  /**直接在此修改变量数值**/
  --display-c: none; /**控制元素的开关**/
  /**颜色**/
  --base-h: 0; /* Base hue 色相 */
  --base-s: 0%; /* Base saturation 饱和度 */
  --base-l: 15%; /* Base lightness - 100 is white 亮度*/
  --base-d: 0;
  --accent-h: 201; /* Accent hue 强调色色相*/
  --accent-s: 17%; /* Accent saturation  强调色饱和度*/
  --accent-l: 60%; /* Accent lightness 强调色亮度*/
  /**字体**/
  --font-small: 13px;
  --font-smaller: 11px;
  --font-normal: 16px;
  --font-large: 20px;
  /* Font weights */
  --normal-weight: 400;
  --medium-weight: 600;
  --bold-weight: 700;
  --link-weight: inherit;
  /**标题**/
  --h1-size: 1.25em;
  --h2-size: 1.15em;
  --h3-size: 1.05em;
  --h4-size: 1em;
  --h5-size: 1em;
  --h6-size: 0.95em;
  --h1-weight: 600;
  --h2-weight: 600;
  --h3-weight: 500;
  --h4-weight: 500;
  --h5-weight: 500;
  --h6-weight: 400;
  --h-n-margin: 0;
}

:root {
  /* 主色 */
  --b3-theme-primary: hsla(
    var(--base-h),
    var(--base-s),
    calc(var(--base-l) + 40%),
    0.12
  );
  --b3-theme-primary-light: hsl(
    var(--accent-h),
    var(--accent-s),
    calc(var(--accent-l) - 5%)
  );
  --b3-theme-primary-lighter: hsl(
    var(--accent-h),
    var(--accent-s),
    calc(var(--accent-l) - 33%)
  );
  --b3-theme-primary-lightest: hsla(
    var(--base-h),
    var(--base-s),
    calc(var(--base-l) + 40%),
    0.12
  );
  --b3-theme-secondary: #f3a92f;
  --b3-theme-background: hsl(0, 0%, 15%);
  --b3-theme-background-light: hsl(
    var(--b-h),
    var(--b-s),
    calc(var(--b-d) + 23%)
  );
  --b3-theme-surface: hsl(0, 0%, calc(15% - 2%));
  --b3-theme-surface-light: hsl(
    var(--base-h),
    calc(var(--base-s) - 20%),
    calc(var(--base-l) + 45%)
  );
  --b3-theme-surface-lighter: rgba(230, 230, 230, 0.15);
  --b3-theme-error: black;
  --b3-theme-success: hsl(
    calc(var(--base-h)+107),
    calc(var(--base-s)+43%),
    calc(var(var(--base-l) + 36%))
  );
  /* 文字颜色 */
  --b3-theme-on-primary: white;
  --b3-theme-on-secondary: white;
  --b3-theme-on-background: hsl(
    var(--base-h),
    calc(var(--base-s) - 10%),
    calc(var(--base-l) + 67%)
  );
  --b3-theme-on-surface: hsl(
    var(--base-h),
    calc(var(--base-s) - 10%),
    calc(var(--base-l) + 57%)
  );
  --b3-theme-on-surface-light: hsl(
    var(--base-h),
    calc(var(--base-s) - 20%),
    calc(var(--base-l) + 45%)
  );
  --b3-theme-on-surface-status: hsl(
    var(--base-h),
    calc(var(--base-s) - 10%),
    calc(var(--base-l) + 20%)
  );
  --b3-theme-on-error: white;

  /* 字体 */
  --b3-font-family: "更纱黑体 SC", "Helvetica Neue", "Luxi Sans", "DejaVu Sans",
    "Hiragino Sans GB", "Microsoft Yahei", sans-serif, "Apple Color Emoji",
    "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Android Emoji",
    "EmojiSymbols";
  --b3-font-family-protyle: var(--b3-font-family);
  --b3-font-family-code: "JetBrainsMono-Regular", mononoki, Consolas,
    "Liberation Mono", Menlo, Courier, monospace, var(--b3-font-family);
  --b3-font-family-graph: mononoki;
  --b3-font-family-emoji: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI",
    "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
  --b3-font-family-math: KaTeX_Math;

  /* 顶部工具栏 */
  --b3-toolbar-background: var(--b3-theme-surface);
  --b3-toolbar-blur-background: var(--b3-border-color);
  --b3-toolbar-color: var(--b3-theme-on-surface);
  --b3-toolbar-hover: var(--b3-theme-background-light);
  --b3-toolbar-left-mac: 69px;

  /* 线条 */
  --b3-border-color: hsl(
    var(--base-h),
    var(--base-s),
    calc(var(--base-l) + 6%)
  );
  --b3-border-radius: 5px;
  --b3-border-radius-b: 8px;

  /* 滚动条 */
  --b3-scroll-color: rgba(230, 230, 230, 0.2);

  /* 列表 */
  --b3-list-hover: var(--b3-border-color);
  --b3-list-icon-hover: rgba(201, 209, 217, 0.1);

  /* 菜单 */
  --b3-menu-background: var(--b3-theme-surface);

  /* 提示 */
  --b3-tooltips-background: #000000;
  --b3-tooltips-color: #ffffff;
  --b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);

  /* av */
  --b3-av-hover: #2a2a2a;
  --b3-av-background-hl: var(--b3-theme-surface-lighter);

  /* 为空提示 */
  --b3-empty-color: var(--b3-theme-on-surface);

  /* 遮罩 */
  --b3-mask-background: rgba(0, 0, 0, 0.75);

  /* 卡片背景 */
  --b3-card-error-color: #d69595;
  --b3-card-error-background: var(--b3-font-background13);
  --b3-card-warning-color: rgb(255, 213, 153);
  --b3-card-warning-background: var(--b3-font-background5);
  --b3-card-info-color: rgb(166, 213, 250);
  --b3-card-info-background: var(--b3-font-background10);
  --b3-card-success-color: rgb(183, 223, 185);
  --b3-card-success-background: var(--b3-font-background8);

  /* 自定义文字 */
  --b3-font-color1: #fff;
  --b3-font-color2: #6f7477;
  --b3-font-color3: #937264;
  --b3-font-color4: #fda244;
  --b3-font-color5: #e5b567;
  --b3-font-color6: #ffdc49;
  --b3-font-color7: #a8c373;
  --b3-font-color8: #73bbb2;
  --b3-font-color9: #6c99bb;
  --b3-font-color10: #9e86c8;
  --b3-font-color11: #d04255;
  --b3-font-color12: #d5763f;
  --b3-font-color13: #b05279;

  --b3-font-background2: rgb(63, 68, 71);
  --b3-font-background3: rgb(69, 75, 78);
  --b3-font-background4: rgb(67, 64, 64);
  --b3-font-background5: rgb(89, 74, 58);
  --b3-font-background6: rgb(89, 79, 59);
  --b3-font-background7: rgb(89, 86, 59);
  --b3-font-background8: rgba(53, 76, 75);
  --b3-font-background9: rgb(54, 79, 84);
  --b3-font-background10: rgb(54, 73, 84);
  --b3-font-background11: rgb(68, 63, 87);
  --b3-font-background12: rgb(83, 59, 76);
  --b3-font-background13: rgb(89, 65, 65);

  /* 动画效果 */
  --b3-transition: all 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  --b3-width-transition: width 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  --b3-color-transition: color 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  --b3-background-transition: background 20ms ease-in 0s;
  --bs-wbk: inset 0 0 0 0.3px var(--b3-border-color);

  /* 下拉菜单 */
  --b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(154, 160, 166, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")
    no-repeat right 2px center var(--b3-theme-background);

  /* 阴影 */
  --b3-point-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09),
    0 3px 6px rgba(0, 0, 0, 0.04), 0 0 0 0 transparent;
  --b3-dialog-shadow: 0 8px 24px #010409;
  --b3-button-shadow: 0 5px 5px -3px rgb(0 0 0 / 0.2),
    0 8px 10px 1px rgb(0 0 0 / 0.14), 0 3px 14px 2px rgb(0 0 0 / 0.12);

  /* 图表颜色 */
  --b3-graph-p-point: #076f7e;
  --b3-graph-heading-point: hsl(254, 80%, 74.8%);
  --b3-graph-math-point: #80ffa5;
  --b3-graph-code-point: #00ddff;
  --b3-graph-table-point: #37a2ff;
  --b3-graph-list-point: #ff0087;
  --b3-graph-todo-point: #ffbf00;
  --b3-graph-olist-point: #b3005f;
  --b3-graph-listitem-point: #f65b00;
  --b3-graph-bq-point: #8d48e3;
  --b3-graph-super-point: #dd79ff;
  --b3-graph-doc-point: #e8eaed;
  --b3-graph-tag-point: #dbf32f;
  --b3-graph-asset-point: #05c091;
  --b3-graph-line: #9aa0a6;
  --b3-graph-ref-line: #d23f31;
  --b3-graph-tag-line: #5f6b06;
  --b3-graph-tag-tag-line: #dbf32f;
  --b3-graph-asset-line: #037457;
  --b3-graph-hl-point: #f3a92f;
  --b3-graph-hl-line: #4285f4;

  /* 编辑器搜索颜色 */
  --b3-protyle-search-background: #32593c;
  --b3-protyle-search-border-color: #486a51;
  --b3-protyle-search-current-background: #204282;

  /* 代码片段背景 */
  --b3-protyle-code-background: hsl(
    var(--base-h),
    var(--base-s),
    calc(var(--base-l) - 6%)
  );
  --b3-protyle-code-linenumber-hl: hsl(
    var(--base-h),
    var(--base-s),
    calc(var(--base-l) - 2%)
  );
  /* 所见即所得行内元素颜色 */
  --b3-protyle-inline-strong-color: #e8eaed;
  --b3-protyle-inline-em-color: #e8eaed;
  --b3-protyle-inline-s-color: #e8eaed;
  --b3-protyle-inline-link-color: hsl(
    var(--accent-h),
    var(--accent-s),
    var(--accent-l)
  );
  --b3-protyle-inline-mark-background: hsla(
      calc(var(--base-h) + 50),
      calc(var(--base-s) + 100%),
      calc(var(--base-l) + 35%),
      0.8
    ),
    hsla(
      calc(var(--base-h) + 50),
      calc(var(--base-s) + 100%),
      calc(var(--base-l) + 35%),
      0.4
    );
  --b3-protyle-inline-mark-color: hsla(
    calc(var(--base-h) + 50),
    calc(var(--base-s) + 100%),
    calc(var(--base-l) + 35%),
    0.6
  );
  --b3-protyle-inline-tag-color: #9aa0a6;
  --b3-protyle-inline-blockref-color: hsl(
    var(--accent-h),
    var(--accent-s),
    var(--accent-l)
  );
  --b3-protyle-inline-blockref-color-hover: hsl(
    var(--accent-h),
    var(--accent-s),
    calc(var(--accent-l) + 8%)
  );
  --b3-protyle-inline-fileref-color: var(--b3-theme-secondary);

  /* PDF */
  --b3-pdf-selection: #779170;
  --b3-pdf-sidebar-width: 200px;
  --b3-pdf-offset: 0;
  --b3-pdf-background1: var(--b3-theme-error);
  --b3-pdf-background2: #f5822e;
  --b3-pdf-background3: #faca5a;
  --b3-pdf-background4: #7cc868;
  --b3-pdf-background5: #fc5c88;
  --b3-pdf-background6: #69b0f2;
  --b3-pdf-background7: #c885da;
  --b3-pdf-dark: var(--b3-theme-background);

  /* 标题后面的圆点符号*/
  --h1-r-graphic: url("data:image/svg+xml;utf8,<svg fill='%23999' height='24' viewBox='0 0 32 32' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M4.8 29.714v0c-1.371 0-2.514-1.143-2.514-2.514v0c0-1.371 1.143-2.514 2.514-2.514v0c1.371 0 2.514 1.143 2.514 2.514v0c0.114 1.371-1.029 2.514-2.514 2.514z'/></svg>")
    no-repeat center;
  --h2-r-graphic: url("data:image/svg+xml;utf8,<svg fill='%23999' height='24' viewBox='0 0 32 32' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M11.429 25.143c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM4.571 18.286c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286z'/></svg>")
    no-repeat center;
  --h3-r-graphic: url("data:image/svg+xml;utf8,<svg fill='%23999' height='24' viewBox='0 0 32 32' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M4.571 25.143c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM4.571 18.286c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM11.429 25.143c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286z'/></svg>")
    no-repeat center;
  --h4-r-graphic: url("data:image/svg+xml;utf8,<svg fill='%23999' height='24' viewBox='0 0 32 32' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M4.571 25.143c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM4.571 18.286c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM11.429 25.143c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM11.429 22.857c1.257 0 2.286-1.029 2.286-2.286s-1.029-2.286-2.286-2.286-2.286 1.029-2.286 2.286 1.029 2.286 2.286 2.286z'/></svg>")
    no-repeat center;
  --h5-r-graphic: url("data:image/svg+xml;utf8,<svg fill='%23999' height='24' viewBox='0 0 32 32' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M4.571 18.286c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM11.429 22.857c1.257 0-2.286 1.029-2.286 2.286s-1.029-2.286-2.286-2.286-2.286 1.029-2.286 2.286 1.029 2.286 2.286 2.286zM4.571 25.143c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM11.429 25.143c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM4.571 11.429c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286z'/></svg>")
    no-repeat center;
  --h6-r-graphic: url("data:image/svg+xml;utf8,<svg fill='%23999' height='24' viewBox='0 0 32 32' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M4.571 25.143c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM4.571 18.286c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM4.571 11.429c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM11.429 18.286c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM11.429 25.143c-1.257 0-2.286 1.029-2.286 2.286s1.029 2.286 2.286 2.286 2.286-1.029 2.286-2.286-1.029-2.286-2.286-2.286zM11.429 16c1.257 0 2.286-1.029 2.286-2.286s-1.029-2.286-2.286-2.286-2.286 1.029-2.286 2.286 1.029 2.286 2.286 2.286z'/></svg>")
    no-repeat center;
}

body {
  font-weight: var(--normal-weight);
  text-rendering: optimizeLegibility;
}

/* https://github.com/siyuan-note/siyuan/issues/6440 */
.protyle-action--order:after {
  mix-blend-mode: screen;
}
.protyle-gutters {
  transition: all 200ms ease-out;
}
.b3-text-field::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

/**编辑区 行内元素**/
/**列表项目的名称**/
.b3-list-item__text {
  color: var(--b3-theme-on-surface-light);
  font-size: var(--font-small);
}
/*引用块*/
.protyle-wysiwyg
  [data-node-id]
  span[data-type*="block-ref"]:not([data-type="virtual-block-ref"]):not(
    [data-type*="sup"]
  ):not([data-type*="sub"]):not(.av__celltext--ref) {
  cursor: pointer;
  padding: 0px 1px 0px 1px;
  color: var(--b3-protyle-inline-blockref-color);
  opacity: 1;
  font-weight: var(--normal-weight);
}
.protyle-wysiwyg
  [data-node-id]
  span[data-type*="block-ref"]:not([data-type="virtual-block-ref"]):not(
    [data-type*="sup"]
  ):not([data-type*="sub"]):not(.av__celltext--ref):hover {
  color: var(--b3-protyle-inline-blockref-color-hover) !important;
  text-decoration-line: underline !important;
  cursor: pointer;
  font-weight: var(--normal-weight);
  background-color: transparent;
}
/**嵌入块**/
.protyle-wysiwyg [data-node-id].render-node[data-type="NodeBlockQueryEmbed"] {
  border-left: transparent;
}
/**行内代码**/
.hljs {
  color: var(--b3-theme-on-background);
  background: var(--b3-protyle-code-background);
}
/**键盘快捷键**/
.b3-typography kbd,
.b3-typography span[data-type~="kbd"],
.protyle-wysiwyg kbd,
.protyle-wysiwyg span[data-type~="kbd"] {
  background-color: var(--b3-protyle-code-background);
}
/**标题**/
.protyle-title__input {
  font-size: var(--h1-size);
  font-weight: var(--h1-weight);
}
.b3-typography .h1,
.b3-typography h1,
.protyle-wysiwyg .h1,
.protyle-wysiwyg h1 {
  font-weight: var(--h1-weight);
  font-size: var(--h1-size);
}
.b3-typography .h2,
.b3-typography h2,
.protyle-wysiwyg .h2,
.protyle-wysiwyg h2 {
  font-weight: var(--h2-weight);
  font-size: var(--h2-size);
}
.b3-typography .h3,
.b3-typography h3,
.protyle-wysiwyg .h3,
.protyle-wysiwyg h3 {
  font-weight: var(--h3-weight);
  font-size: var(--h3-size);
}
.b3-typography .h4,
.b3-typography h4,
.protyle-wysiwyg .h4,
.protyle-wysiwyg h4 {
  font-weight: var(--h4-weight);
  font-size: var(--h4-size);
}
.b3-typography .h5,
.b3-typography h5,
.protyle-wysiwyg .h5,
.protyle-wysiwyg h5 {
  font-weight: var(--h5-weight);
  font-size: var(--h5-size);
}
.b3-typography .h6,
.b3-typography h6,
.protyle-wysiwyg .h6,
.protyle-wysiwyg h6 {
  font-weight: var(--h6-weight);
  font-size: var(--h6-size);
}
/**段落**/
.b3-typography p,
.b3-typography [data-node-id],
.protyle-wysiwyg p,
.protyle-wysiwyg [data-node-id] {
  margin: var(--h-n-margin);
}
/**标题后面圆点**/
.protyle-wysiwyg .h1 > [spellcheck]:not(:empty)::after {
  background: var(--h1-r-graphic);
}
.protyle-wysiwyg .h2 > [spellcheck]:not(:empty)::after {
  background: var(--h2-r-graphic);
}
.protyle-wysiwyg .h3 > [spellcheck]:not(:empty)::after {
  background: var(--h3-r-graphic);
}
.protyle-wysiwyg .h4 > [spellcheck]:not(:empty)::after {
  background: var(--h4-r-graphic);
}
.protyle-wysiwyg .h5 > [spellcheck]:not(:empty)::after {
  background: var(--h5-r-graphic);
}
.protyle-wysiwyg .h6 > [spellcheck]:not(:empty)::after {
  background: var(--h6-r-graphic);
}
.protyle-wysiwyg .h1 > [spellcheck]:not(:empty)::after,
.protyle-wysiwyg .h2 > [spellcheck]:not(:empty)::after,
.protyle-wysiwyg .h3 > [spellcheck]:not(:empty)::after,
.protyle-wysiwyg .h4 > [spellcheck]:not(:empty)::after,
.protyle-wysiwyg .h5 > [spellcheck]:not(:empty)::after,
.protyle-wysiwyg .h6 > [spellcheck]:not(:empty)::after {
  content: "";
  position: absolute;
  float: left;
  margin-left: 0.2em;
  height: 1.2em;
  width: 1.2em;
  background-size: 100% 100%;
}
/**段落高亮**/
.protyle-wysiwyg
  [data-type]:hover:not(.protyle-wysiwyg [data-type="NodeList"]):not(
    .protyle-wysiwyg [data-type="NodeListItem"]
  ):not(.protyle-wysiwyg [data-type="img"]) {
  background-color: hsla(0, 0%, 77%, 0.1);
  box-shadow: 0 0 5px 0 hsla(0, 0%, 77%, 0.1);
  transition: all 0.5s ease-out 0ms;
}
.protyle-wysiwyg [data-type]:not(.protyle-wysiwyg [data-type="img"]) {
  transition: all 0.35s ease-out 0ms;
}
/* 不让超级块内部出现重叠的样式 */
.protyle-wysiwyg [data-node-id].sb[data-sb-layout="col"] .sb:hover,
.protyle-wysiwyg [data-node-id].sb[data-sb-layout="row"] .sb:hover,
.protyle-wysiwyg [data-type="NodeSuperBlock"]:hover {
  background: none !important;
  box-shadow: none !important;
  transition: none !important;
}
/**有序列表 无序列表**/
.protyle-wysiwyg [data-node-id].li > .protyle-action {
  color: var(--b3-theme-on-surface-status);
}
.protyle-wysiwyg [data-node-id].li > .protyle-action:after {
  height: 18px;
  width: 18px;
  margin: -9.5px 0 0 -9.5px;
}
/**索引线**/
.protyle-wysiwyg [data-node-id].li:before {
  content: "";
  position: absolute;
  border-left: 2px solid rgba(255, 255, 255, 0.03);
  left: 17px;
  height: calc(100% - 35px);
  top: 35px;
}
/**加粗**/
.b3-typography strong,
.b3-typography span[data-type~="strong"],
.protyle-wysiwyg strong,
.protyle-wysiwyg span[data-type~="strong"] {
  font-weight: var(--bold-weight);
  color: inherit;
}
/**分割线 分隔线**/
.protyle-wysiwyg [data-node-id].hr > div:after {
  height: 1.5px;
  background-color: var(--b3-border-color);
}

/**侧边栏文件树+顶栏+工具栏**/
/**文件树**/
/* 大纲块标隐藏样式 */
/* 为大纲块标和折叠按钮调整位置 */
ul.b3-list.b3-list--background [data-subtype="h1"] .b3-list-item__toggle,
ul.b3-list.b3-list--background [data-subtype="h2"] .b3-list-item__toggle,
ul.b3-list.b3-list--background [data-subtype="h3"] .b3-list-item__toggle,
ul.b3-list.b3-list--background [data-subtype="h4"] .b3-list-item__toggle,
ul.b3-list.b3-list--background [data-subtype="h5"] .b3-list-item__toggle,
ul.b3-list.b3-list--background [data-subtype="h6"] .b3-list-item__toggle {
  position: relative;
  left: 20px;
}
ul.b3-list.b3-list--background [data-subtype="h1"] svg.b3-list-item__graphic,
ul.b3-list.b3-list--background [data-subtype="h2"] svg.b3-list-item__graphic,
ul.b3-list.b3-list--background [data-subtype="h3"] svg.b3-list-item__graphic,
ul.b3-list.b3-list--background [data-subtype="h4"] svg.b3-list-item__graphic,
ul.b3-list.b3-list--background [data-subtype="h5"] svg.b3-list-item__graphic,
ul.b3-list.b3-list--background [data-subtype="h6"] svg.b3-list-item__graphic {
  opacity: 0;
  position: relative;
  left: -20px;
  margin: 0 0 0 4px;
  transition: all 300ms ease-out;
}
/*----------------------*/
/* 为大纲块标添加悬停显示效果 */
.b3-list--background .b3-list-item:hover .b3-list-item__graphic.popover__block {
  opacity: 1 !important;
}
ul.b3-list.b3-list--background
  [data-subtype="h1"]
  svg.b3-list-item__graphic:hover,
ul.b3-list.b3-list--background
  [data-subtype="h2"]
  svg.b3-list-item__graphic:hover,
ul.b3-list.b3-list--background
  [data-subtype="h3"]
  svg.b3-list-item__graphic:hover,
ul.b3-list.b3-list--background
  [data-subtype="h4"]
  svg.b3-list-item__graphic:hover,
ul.b3-list.b3-list--background
  [data-subtype="h5"]
  svg.b3-list-item__graphic:hover,
ul.b3-list.b3-list--background
  [data-subtype="h6"]
  svg.b3-list-item__graphic:hover {
  color: red;
}
/*----------------------*/
/* 为大纲标题项添加背景过渡效果 */
.b3-list--background .b3-list-item {
  transition: all 0.3s ease-out;
}

/**状态栏+外观说明文字**/
.ft__on-surface {
  color: var(--b3-theme-on-surface-light);
  font-size: var(--font-small);
}
.status__counter {
  color: var(--b3-theme-surface-light);
  transition: color 0.2s linear;
}
.status__counter:hover {
  color: var(--b3-theme-on-background);
}

/**图标**/
/**隐藏图标**/
.b3-list-item__icon {
  display: var(--display-c);
}
.block__logoicon {
  color: var(--b3-theme-on-surface);
}
.block__logo {
  color: var(--b3-theme-on-surface);
}
/**反链面板字体大小**/
.protyle-wysiwyg .protyle-breadcrumb__bar {
  font-size: var(--font-small);
}

/**菜单说明文字**/
.b3-label__text {
  color: var(--b3-theme-on-surface-light);
  font-size: 11px !important;
  overflow: hidden !important;
}
/**菜单下拉选框**/
.b3-select {
  box-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09),
    0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 1.5px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent;
  background: var(--b3-theme-primary) !important;
}
.b3-text-field:not(.b3-text-field--text):hover,
.pcr-app .pcr-interaction .pcr-result:not(.b3-text-field--text):hover {
  box-shadow: var(--bs-wbk);
}
.b3-button--outline {
  box-shadow: var(--bs-wbk);
}
.b3-button--outline:hover {
  box-shadow: var(--bs-wbk);
  color: var(--b3-theme-on-background);
}

/**集市**/
.config-bazaar__title {
  padding: 16px;
  backdrop-filter: blur(8px);
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--b3-theme-background);
}
.layout-tab-bar .item--full.item--focus:after {
  border-bottom: 2px solid var(--b3-theme-primary-light);
}

/**文本输入框边框**/
.b3-text-field,
.pcr-app .pcr-interaction .pcr-result {
  box-shadow: var(--bs-wbk);
}

/**快捷键插件plugin**/
.config-keymap__key {
  border: solid 1px var(--b3-border-color);
}
.repeated-key {
  border: 2px solid var(--b3-border-color);
}

/**工具栏图标**/
.toolbar__item {
  color: var(--b3-theme-on-surface-light);
}
/**菜单左侧图标**/
.b3-list-item__graphic {
  color: var(--b3-theme-on-surface-light);
}
/**菜单搜索框图标**/
.toolbar__item svg {
  color: var(--b3-theme-on-surface-light);
}

/**面包屑栏**/
.protyle-breadcrumb {
  opacity: 0;
  transition: opacity 0.5s, transform 0.5s;
}
.protyle-breadcrumb:hover {
  opacity: 1;
  transform: translateY(0);
}

/**标签栏**/
/**标签栏下划线**/
.layout-tab-bar .item {
  border-bottom: 1px solid var(--b3-border-color);
}
.layout__wnd--active .layout-tab-bar .item--focus:after {
  border-bottom: 2px solid var(--b3-theme-primary-light);
}
/**标签栏文字**/
.layout-tab-bar .item__text {
  color: var(--b3-theme-on-surface-light);
}
/**标签栏下拉列表**/
.block__icon--show {
  transition: transform 0.15s cubic-bezier(0, 0, 0.2, 1),
    opacity 1s cubic-bezier(0, 0, 0.2, 1);
}
/**标签栏下拉列表文字**/
.b3-menu__item--selected {
  color: var(--b3-theme-on-surface) !important;
}
.b3-menu__item {
  background-color: var(--b3-menu-background);
  color: var(--b3-theme-on-surface);
}
/**固定标签**/
.layout-tab-bar .item--pin {
  flex: none;
  min-width: 42px;
  background-color: rgba(255, 255, 255, 0.08);
  /**  border-radius: var(--b3-border-radius);**/
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  transition: background-color 0.5s ease, backdrop-filter 0.5s ease;
}

/**图片**/
.b3-typography img,
.protyle-wysiwyg img {
  opacity: 0.65;
  max-width: 500px;
  min-width: auto;
}
.b3-typography img,
.protyle-wysiwyg img:hover {
  opacity: 1;
}
/**题头图**/
.protyle-background__img {
  width: 100%;
  opacity: 0.65;
}
.protyle-background__img:hover {
  opacity: 1;
}
/**网络图片资源标记**/
.protyle-wysiwyg [data-node-id] .img__net {
  color: var(--b3-theme-primary-light);
  background-color: var(--b3-theme-surface-lighter);
}

/**设置-资源-删除按钮**/
.b3-button--outline {
  color: var(--b3-theme-on-surface);
}
a {
  color: var(--b3-theme-on-background);
}
/**按钮-确定**/
.b3-button--text,
.b3-button--cancel {
  color: var(--b3-theme-on-background);
}

/**侧边工具栏**/
.dock#dockLeft {
  border-right: unset;
}

/**编辑工具栏高亮**/
.protyle-toolbar__item--current {
  color: var(--b3-theme-on-error);
}

/**删除线**/
.b3-typography s,
.b3-typography span[data-type~="s"],
.protyle-wysiwyg s,
.protyle-wysiwyg span[data-type~="s"] {
  color: var(--b3-theme-on-surface-light);
  text-decoration: 2px line-through;
}

/**标签**/
.protyle-wysiwyg [data-node-id] span[data-type~="tag"] {
  position: relative;
  color: var(--b3-protyle-inline-blockref-color);
  transition: var(--b3-transition);
  border-bottom: unset;
  font-size: 90%;
}
.protyle-wysiwyg [data-node-id] span[data-type~="tag"]::before {
  content: "#";
  font-weight: var(--medium-weight);
  margin-right: 1px; /* 可根据需要调整间距 */
}

/**高亮**/
.b3-typography mark,
.b3-typography span[data-type~="mark"],
.protyle-wysiwyg mark,
.protyle-wysiwyg span[data-type~="mark"] {
  background: var(--b3-protyle-inline-mark-background);
  background-color: var(--b3-protyle-inline-mark-color);
  color: var(--b3-theme-background);
  font-weight: var(--medium-weight);
  box-shadow: 0 0 2px
    hsla(
      calc(var(--base-h) + 50),
      calc(var(--base-s) + 100%),
      calc(var(--base-l) + 40%),
      0.6
    );
  border-radius: 3px;
}
.b3-typography mark,
.b3-typography span[data-type~="mark"],
.protyle-wysiwyg mark,
.protyle-wysiwyg span[data-type~="mark"]:hover {
  background: inherit;
  background-color: inherit;
  color: inherit;
  box-shadow: inherit;
}

/**隐藏块滚动条**/
.protyle-scroll__bar .b3-slider {
  width: var(--b3-dynamicscroll-width);
  display: var(--display-c);
}

/**功能切换开关**/
.b3-switch:checked:after {
  background-color: var(--b3-theme-on-primary);
}

/**上标**/
.b3-typography span[data-type~="sup"],
.protyle-wysiwyg span[data-type~="sup"] {
  bottom: unset;
  font-size: 70%;
  position: static;
  display: inline-block;
  line-height: 1;
  vertical-align: super;
  color: var(--b3-theme-on-surface-light);
  font-size: 70%;
}
.b3-typography span[data-type~="sup"],
.protyle-wysiwyg span[data-type~="sup"]::before {
  content: "^";
  margin-left: 0.5px;
}
.b3-typography span[data-type~="sup"],
.b3-typography span[data-type~="sub"],
.protyle-wysiwyg span[data-type~="sup"],
.protyle-wysiwyg span[data-type~="sub"] {
  line-height: 1;
}

/**下标**/
.b3-typography span[data-type~="sub"],
.protyle-wysiwyg span[data-type~="sub"] {
  bottom: unset;
  font-size: 70%;
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  line-height: 1;
  color: var(--b3-theme-on-surface-light);
  margin-left: 0.5px;
}

/**标题后面的符号**/
.protyle-wysiwyg .h1 > [spellcheck]:not(:empty)::after {
  background: var(--h1-r-graphic);
}
.protyle-wysiwyg .h2 > [spellcheck]:not(:empty)::after {
  background: var(--h2-r-graphic);
}
.protyle-wysiwyg .h3 > [spellcheck]:not(:empty)::after {
  background: var(--h3-r-graphic);
}
.protyle-wysiwyg .h4 > [spellcheck]:not(:empty)::after {
  background: var(--h4-r-graphic);
}
.protyle-wysiwyg .h5 > [spellcheck]:not(:empty)::after {
  background: var(--h5-r-graphic);
}
.protyle-wysiwyg .h6 > [spellcheck]:not(:empty)::after {
  background: var(--h6-r-graphic);
}

/**PDF 浏览**/
.textLayer span,
.textLayer br {
  color: transparent;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.toolbarButton.toggled,
.secondaryToolbarButton.toggled {
  color: var(--b3-theme-on-primary);
}
/**pdf左侧边框**/
.layout__resize--lr:after {
  width: 1px;
  cursor: col-resize;
  height: 100%;
}

/**取消钉住侧栏**/
.layout--float.layout__dockl {
  box-shadow: var(--b3-dialog-shadow);
}
.layout--float.layout__dockr {
  box-shadow: var(--b3-dialog-shadow);
}

/**数据库**/
.b3-chip--info {
  color: var(--b3-card-info-color);
  background-color: var(--b3-card-info-background);
}

/**隐藏元素**/
/* 隐藏题头图 */
.protyle-background__img img {
  /**  display: none;**/
}
/* 隐藏图标 */
.protyle-background__icon {
  /**  display: none;
**/
}
.b3-list-item__icon {
  display: var(--display-c);
}
/* 隐藏同步 */
#barSync {
  display: var(--display-c);
}
/*piggo插件*/
#plugin_siyuan-plugin-picgo_0 {
  display: var(--display-c);
}
/*搜索*/
#barSearch {
  display: var(--display-c);
}
/*命令*/
#barCommand {
  display: var(--display-c);
}
#plugin_siyuan-center-width_0 {
  display: var(--display-c);
}
#plugin_siyuan-plugins-index_0 {
  display: var(--display-c);
}
#plugin_plugin-add-shortcut-to-topbar_0 {
  display: var(--display-c);
}

​
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    26098 引用 • 108355 回帖
3 操作
Adaxi 在 2024-05-08 23:45:41 更新了该帖
Adaxi 在 2024-05-08 23:31:55 更新了该帖
Adaxi 在 2024-05-08 23:08:23 更新了该帖
遵义 位置
2 感谢
1 关注
3 收藏
3 操作
5 回帖
3
500 173 3 173 1 1 1 148

相关帖子

5 回帖
参照 obsidian-minimal 主题制作的默认 dark 主题代码片段

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • Adaxi •
    作者

    隐藏了一些图标，需要恢复直接搜索代码删除即可

    底部状态栏被隐藏，搜索如下代码可恢复。

    #status {
  display: none;
}
​
    1 回复
  • JeffreyChen •
    付费者 支持者 捐赠者

    底部状态栏不是可以直接设置吗？这个就没必要用代码片段隐藏了吧

    image.png

    1 回复
  • Adaxi •
    作者

    谢谢提醒 我改一下

  • Adaxi •
    作者

    可以结合全屏功能和取消钉住面板的功能使用，效果更好。

    图片.png

    图片.png

  • 5kyfkr •
    付费者 捐赠者

    图片减淡的代码很好用 😋

Adaxi
遵义
回帖
214
 帖子
70
 积分
601

近期热议

推荐标签 标签

  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储，专门用于在分布式系统中保存关键数据。

    6 引用 • 26 回帖 • 543 关注
  • Sillot

    Insights（注意当前设置 master 为默认分支）

    汐洛彖夲肜矩阵（Sillot T☳Converbenk Matrix），致力于服务智慧新彖乄，具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架（Sillot-Gibbet）基于自思源笔记（siyuan-note），前身是思源笔记汐洛版（更早是思源笔记汐洛分支），是智慧新录乄终端（多端融合，移动端优先）。

    主仓库地址：Hi-Windom/Sillot

    文档地址：sillot.db.sc.cn

    注意事项：

    1. ⚠️ 汐洛仍在早期开发阶段，尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计，使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记，开发者尽最大努力与思源笔记保持兼容，但无法实现 100% 兼容
    29 引用 • 25 回帖 • 126 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。

    730 引用 • 1282 回帖
  • Spring

    Spring 是一个开源框架，是于 2003 年兴起的一个轻量级的 Java 开发框架，由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构，分层架构允许使用者选择使用哪一个组件，同时为 JavaEE 应用程序开发提供集成的框架。

    947 引用 • 1460 回帖 • 1 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等，它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比，Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 394 关注
  • PHP

    PHP（Hypertext Preprocessor）是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点，主要适用于 Web 开发领域，据说是世界上最好的编程语言。

    167 引用 • 408 回帖 • 489 关注
  • 爬虫

    网络爬虫（Spider、Crawler），是一种按照一定的规则，自动地抓取万维网信息的程序。

    106 引用 • 275 回帖
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本，加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较（vimdiff）、语法高亮、全面的帮助系统、本地脚本（Vimscript）和便于选择的可视化模式。

    29 引用 • 66 回帖 • 1 关注
  • Quicker

    Quicker 您的指尖工具箱！操作更少，收获更多！

    37 引用 • 157 回帖 • 1 关注
  • 设计模式

    设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    201 引用 • 120 回帖
  • 阿里云

    阿里云是阿里巴巴集团旗下公司，是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务，以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    85 引用 • 324 回帖
  • 倾城之链
    23 引用 • 66 回帖 • 167 关注
  • 强迫症

    强迫症（OCD）属于焦虑障碍的一种类型，是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病，其特点为有意识的强迫和反强迫并存，一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖 • 2 关注
  • TGIF

    Thank God It's Friday! 感谢老天，总算到星期五啦！

    291 引用 • 4495 回帖 • 662 关注
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下，开发分布式程序。充分利用集群的威力进行高速运算和存储。

    93 引用 • 122 回帖 • 618 关注
  • CodeMirror
    2 引用 • 17 回帖 • 168 关注
  • 京东

    京东是中国最大的自营式电商企业，2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月，京东在美国纳斯达克证券交易所正式挂牌上市（股票代码：JD），是中国第一个成功赴美上市的大型综合型电商平台，与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 311 关注
  • 音乐

    你听到信仰的声音了么？

    62 引用 • 512 回帖
  • 微信

    腾讯公司 2011 年 1 月 21 日推出的一款手机通讯软件。用户可以通过摇一摇、搜索号码、扫描二维码等添加好友和关注公众平台，同时可以将自己看到的精彩内容分享到微信朋友圈。

    133 引用 • 796 回帖
  • 分享

    有什么新发现就分享给大家吧！

    248 引用 • 1794 回帖
  • Lute

    Lute 是一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。

    29 引用 • 202 回帖 • 28 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    211 引用 • 358 回帖
  • golang

    Go 语言是 Google 推出的一种全新的编程语言，可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克（Rob Pike）说：我们之所以开发 Go，是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    500 引用 • 1396 回帖 • 244 关注
  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    171 引用 • 1537 回帖
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展，它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖
  • Oracle

    Oracle（甲骨文）公司，全称甲骨文股份有限公司（甲骨文软件系统有限公司），是全球最大的企业级软件公司，总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年，甲骨文已超越 IBM，成为继 Microsoft 后全球第二大软件公司。

    107 引用 • 127 回帖 • 344 关注

最新标签