这个就不清楚了 ，因为很久不使用这个代码块了 ，如果你只是想拥有 mac 风格的代码块的话 ，可以改成这个试一下

/*语言提醒*/
.b3-typography .code-block .protyle-action .protyle-action__language, .protyle-wysiwyg .code-block .protyle-action .protyle-action__language {
    font-size: 85%;
    color: white;
    margin-top: -4px;
    padding-left: 2.5em;
}
/* 设置顶部三个mac按钮样式 */
.code-block::after {
    content: ' ';
    position: absolute;
    background: #fa625c;
    box-shadow: 23px 0 #fdbc40, 45px 0 #35cd4b;
    border-radius: 7px;
    top: 10px;
    left: 15px;
    height: 12px;
    width: 12px;
    z-index: 1;
}

你好 ，帖子的这个代码块好像是不能用了 ，我在评论区里面发了一个 ，你可以看下 ，我这边显示的是正常的 ，代码块是基于写味主题的

基于 Salt 配色的样式

/* 修改 文档树 大纲 收集箱 文字的颜色 */
.block__logo {
    color: var(--b3-block-logo-color);
}

/* 取消文档树、大纲、反向链接左边的icon，感觉显示重复了 */
.block__logo svg {
    display: none;
}

/* 文档树、大纲、反向链接顶部的背景颜色 */
div[data-type="wnd"] .block__icons {
    background-color: var(--b3-theme-surface);
    /* border-bottom: 2px dashed var(--b3-border-color); */
}

/* 文档树引用数字的颜色 */
.counter {
    color: var(--b3-counter-color);
}

.counter:hover {
    background-color: transparent !important;
}

/* 无子文档的文档前面添加符号 */
.b3-list-item.b3-list-item--hide-action .b3-list-item__toggle.fn__hidden::before {
    content: "◦";
    font-size: 2em;
    position: absolute;
    visibility: visible;
    margin-bottom: 2px;
    color: #8080804d;
}

/* 设置文档树前面的＞符号颜色 */
.fn__flex-1.fn__flex-column.file-tree .b3-list-item__arrow {
    color: #8080804d;
}

/* 点击文档树emoji不弹出修改窗口（防止误触） */
/*span.b3-list-item__icon.b3-tooltips.b3-tooltips__n {
    pointer-events: none;
}*/

/* 笔记本之间的间隔 */
.sy__file ul.b3-list.b3-list--background {
    border-radius: 1px;
    margin: 6px 4px 6px 14px;
    outline: 1px solid rgba(231, 231, 231, 1);
    background-color: rgb(215, 224, 224) !important;
    box-shadow:
        rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
        rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

[data-type="navigation-root"] {
    height: 32px;
}

/* 给文档树，大纲设置背景颜色 */
.fn__flex-1.fn__flex-column.file-tree:not(.file-tree .sy__file) {
    background-color: rgb(215, 224, 224) !important;
}

.sy__file>.fn__flex-1 {
    background-color: rgb(215, 224, 224) !important;
}

/* 设置反链面板图标位置（不设置对不齐） */
.backlinkList.fn__flex-1 .b3-list-item .popover__block {
    margin-left: 4px;
}


/* 文档树item */
/* 抵消v2.4.1α的影响 */
.b3-list-item {
    margin: 0px !important;
}

.b3-list--background .b3-list-item {
    border-radius: 0px;
}

/* ------------------------------------文档树文字设置为灰色------------------------------- */
.b3-list-item__text {
    color: var(--b3-theme-on-surface);
}

/* -----------------------------文档树focus------------------------------- */

/* 颜色 */
.b3-list--background .b3-list-item--focus .b3-list-item__text,
.b3-list--background .b3-list-item--focus .b3-list-item__graphic,
.b3-list--background .b3-list-item--focus .b3-list-item__icon svg {
    color: var(--b3-theme-primary);
}

/* 背景 */
.b3-list--background .b3-list-item--focus {
    background-color: var(--b3-theme-tm2) !important;
}

/* -----------------------------文档树hover-------------------------------- */

/* 颜色 */
.b3-list--background .b3-list-item:hover .b3-list-item__text,
.b3-list--background .b3-list-item:hover .b3-list-item__graphic,
.b3-list--background .b3-list-item:hover .b3-list-item__icon svg {
    color: var(--b3-theme-on-surface);
}

/* 背景 */
.b3-list--background .b3-list-item:hover {
    background-color: var(--b3-theme-tm-gray) !important;
}

.b3-list-item .counter {
    display: none;
}

这段 css 应该可以

这个是思源笔记的任务列表样式

这个是 Savor 主题上的 ，其他的主题没试过 ，你可以看下有没有效果

:root{
    /* 卡片背景 */
    --b3-card-error-color: rgb(97, 26, 21);
    --b3-card-error-background: rgb(238, 213, 210) !important;
    --b3-card-warning-color: rgb(102, 60, 0);
    --b3-card-warning-background: rgb(243, 225, 200) !important;
    --b3-card-info-color: rgb(13, 60, 97);
    --b3-card-info-background: rgb(204, 223, 237) !important;
    --b3-card-success-color: rgb(30, 70, 32);
    --b3-card-success-background: rgb(217, 239, 217) !important;
}

抱歉 ，这个好久不怎么使用了 ，现在这个是临时调的 ，基于 Savor 主题 Salt 配色 ，希望能帮助到你

pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs-comment,
.hljs-quote {
    color: #969896
}

.hljs-deletion,
.hljs-name,
.hljs-regexp,
.hljs-selector-class,
.hljs-selector-id,
.hljs-tag,
.hljs-template-variable,
.hljs-variable {
    color: #d54e53
}

.hljs-built_in,
.hljs-link,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-params,
.hljs-type {
    color: #e78c45
}

.hljs-attribute {
    color: #e7c547
}

.hljs-addition,
.hljs-bullet,
.hljs-string,
.hljs-symbol {
    color: #b9ca4a
}

.hljs-section,
.hljs-title {
    color: #7aa6da
}

.hljs-keyword,
.hljs-selector-tag {
    color: #c397d8
}

.hljs {
    background: #000;
    color: #eaeaea
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

/* 代码块背景设置 */
.b3-typography .code-block:not(pre), .protyle-wysiwyg .code-block:not(pre) {
    padding: 2em 1em 1.6em;
    margin: 1em 0;
    box-sizing: border-box;
    background-color: #282828;
}

.code-block::after {
    content: ' ';
    position: absolute;
    background: #fa625c;
    box-shadow: 23px 0 #fdbc40, 45px 0 #35cd4b;
    border-radius: var(--b3-border-radius-round);
    top: 10px;
    left: 15px;
    height: 12px;
    width: 12px;
    z-index: 1;
    border-radius: 6px;
}


.b3-typography .code-block:not(pre) .protyle-action .protyle-action__language, .protyle-wysiwyg .code-block:not(pre) .protyle-action .protyle-action__language {
    font-size: 85%;
    color: #fff8ed;
    margin-top: -4px;
    align-self: center;
    margin-left: 75px;
}

.code-block .protyle-action .protyle-action__copy, .code-block .protyle-action .protyle-action__menu {
    margin-top: -3px;
    color: #fff;
    background-color: var(--S-list-background);
}

谢谢 ，已经用上了

还是不行！不过还是要谢谢你，辛苦了 🌹🌹🌹

辛苦了 🌹🌹🌹

这个是开启背景图插件后的题头图

这个是没有开启背景图插件后的题头图

谢谢你

基于写味主题改的代码块 ： 写味主题代码块美化