登录 注册

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

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

图片.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);
}
  • 思源笔记

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

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

    23015 引用 • 92579 回帖
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
246 161 82 1 2

相关帖子

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

欢迎来到这里！

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

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

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

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

    #status {
  display: none;
}
    1 回复
  • 其他回帖
  • Adaxi •
    作者

    谢谢提醒 我改一下

  • 5kyfkr •
    付费者 捐赠者

    图片减淡的代码很好用 😋

  • Adaxi •
    作者

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

    图片.png

    图片.png

  • 查看全部回帖
Adaxi
遵义
回帖
200
 帖子
60
 积分
1194

近期热议

推荐标签 标签

  • Ubuntu

    Ubuntu（友帮拓、优般图、乌班图）是一个以桌面应用为主的 Linux 操作系统，其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词，意思是“人性”、“我的存在是因为大家的存在”，是非洲传统的一种价值观，类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    126 引用 • 169 回帖
  • Thymeleaf

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

    11 引用 • 19 回帖 • 364 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目，是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台，为开发者提供便利的 API 接口来调用服务，让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 486 关注
  • 导航

    各种网址链接、内容导航。

    42 引用 • 175 回帖
  • CentOS

    CentOS（Community Enterprise Operating System）是 Linux 发行版之一，它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码，因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用，而且功能强大。你无需专门学习，只需看上几眼，就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 612 关注
  • 微软

    微软是一家美国跨国科技公司，也是世界 PC 软件开发的先导，由比尔·盖茨与保罗·艾伦创办于 1975 年，公司总部设立在华盛顿州的雷德蒙德（Redmond，邻近西雅图）。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖 • 1 关注
  • 星云链

    星云链是一个开源公链，业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎，一个公链的所有功能，它基本都有，比如你可以用它来开发部署你的去中心化的 APP，你可以在上面编写智能合约，发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖 • 6 关注
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖
  • OpenShift

    红帽提供的 PaaS 云，支持多种编程语言，为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 632 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    407 引用 • 3578 回帖 • 1 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言，在 20 世纪 90 年代中期由日本的松本行弘（まつもとゆきひろ/Yukihiro Matsumoto）设计并开发。在 Ruby 社区，松本也被称为马茨（Matz）。

    7 引用 • 31 回帖 • 216 关注
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息（如用户名与密码），即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权，因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 17 关注
  • JSON

    JSON （JavaScript Object Notation）是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖
  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖 • 1 关注
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统，在 BSD 开源许可证下发布。

    22 引用 • 22 回帖 • 1 关注
  • TGIF

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

    288 引用 • 4485 回帖 • 663 关注
  • 宕机

    宕机，多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态，也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态，也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 59 关注
  • 友情链接

    确认过眼神后的灵魂连接，站在链在！

    24 引用 • 373 回帖
  • WebClipper

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

    3 引用 • 9 回帖 • 4 关注
  • etcd

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

    5 引用 • 26 回帖 • 528 关注
  • 服务器

    服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 588 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言，应用广泛。C++ 支持多种编程范式，面向对象编程、泛型编程和过程化编程。

    107 引用 • 153 回帖
  • 创业

    你比 99% 的人都优秀么？

    85 引用 • 1399 回帖 • 1 关注
  • JWT

    JWT（JSON Web Token）是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准（RFC 7519），定义了一种简洁的，自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 6 关注
  • 架构

    我们平时所说的“架构”主要是指软件架构，这是有关软件整体结构与组件的抽象描述，用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    142 引用 • 442 回帖 • 1 关注
  • 强迫症

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

    15 引用 • 161 回帖 • 2 关注

最新标签