请问有界面黑色笔记内容白色的主题吗?

本贴最后更新于 205 天前,其中的信息可能已经事过境迁

请问有界面黑色笔记白色的主题吗?我自己调了一个,发现很多笔记内元素和界面元素用的同一套颜色,很不好改。请问有类似这种外黑内白的主题吗?谢谢!20250531135511.png

  • 思源笔记

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

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

    28446 引用 • 119772 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    11155 引用 • 50655 回帖 • 52 关注

相关帖子

被采纳的回答
  • 试试 CSS:

    :root {
        /* 主色 */
        --b3-theme-primary: #3573f0;
        --b3-theme-primary-light: rgba(53, 115, 240, .72);
        --b3-theme-primary-lighter: rgba(53, 115, 240, .48);
        --b3-theme-primary-lightest: rgba(53, 115, 240, .24);
        --b3-theme-secondary: #f3a92f;
        --b3-theme-background: #1e1e1e;
        --b3-theme-background-light: rgba(255, 255, 255, .075);
        --b3-theme-surface: #262626;
        --b3-theme-surface-light: rgba(41, 42, 45, .86);
        --b3-theme-surface-lighter: rgba(230, 230, 230, .06);
        --b3-theme-error: #d23f31;
        --b3-theme-success: #65b84d;
    
        /* 文字颜色 */
        --b3-theme-on-primary: #fff;
        --b3-theme-on-secondary: #fff;
        --b3-theme-on-background: #dadada;
        --b3-theme-on-surface: #9aa0a6;
        --b3-theme-on-surface-light: #bababa;
        --b3-theme-on-error: #fff;
    
        /* 字体 */
        --b3-font-family: "Emojis Additional", "Emojis Reset", BlinkMacSystemFont, Helvetica, "Luxi Sans", "DejaVu Sans", arial, sans-serif, emojis;
        --b3-font-family-protyle: var(--b3-font-family);
        --b3-font-family-code: "Emojis Additional", "Emojis Reset", "JetBrainsMono-Regular", mononoki, Consolas, "Liberation Mono", var(--b3-font-family);
        --b3-font-family-graph: arial;
        --b3-font-family-emoji: "Emojis Additional", emojis;
        --b3-font-family-math: KaTeX_Math;
        --b3-font-size: 14px;
    
        /* 顶部工具栏 */
        --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: #363636;
        --b3-border-radius: 6px;
        --b3-border-radius-s: 3px;
        --b3-border-radius-b: 12px;
    
        /* 滚动条 */
        --b3-scroll-color: rgba(230, 230, 230, .2);
    
        /* 列表 */
        --b3-list-hover: rgba(255, 255, 255, .075);
        --b3-list-icon-hover: rgba(201, 209, 217, .1);
    
        /* 菜单 */
        --b3-menu-background: var(--b3-theme-surface);
    
        /* 提示 */
        --b3-tooltips-background: #030303;
        --b3-tooltips-color: var(--b3-theme-on-surface-light);
        --b3-tooltips-second-color: #7d7c7a;
        --b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, .3);
    
        /* 为空提示 */
        --b3-empty-color: var(--b3-theme-on-surface);
    
        /* 遮罩 */
        --b3-mask-background: rgba(10, 10, 10, .4);
    
        /* 卡片背景 */
        --b3-card-error-color: rgb(243, 153, 147);
        --b3-card-error-background: #442724;
        --b3-card-warning-color: rgb(255, 213, 153);
        --b3-card-warning-background: #554636;
        --b3-card-info-color: rgb(166, 213, 250);
        --b3-card-info-background: #28405c;
        --b3-card-success-color: rgb(183, 223, 185);
        --b3-card-success-background: #425347;
    
        /* 自定义文字 */
        --b3-font-color1: var(--b3-card-error-color);
        --b3-font-color2: var(--b3-card-warning-color);
        --b3-font-color3: var(--b3-card-info-color);
        --b3-font-color4: var(--b3-card-success-color);
        --b3-font-color5: var(--b3-theme-on-surface);
        --b3-font-color6: var(--b3-theme-primary);
        --b3-font-color7: var(--b3-theme-secondary);
        --b3-font-color8: var(--b3-theme-error);
        --b3-font-color9: #f5539e;
        --b3-font-color10: #00eeff;
        --b3-font-color11: #74ff00;
        --b3-font-color12: #fff200;
        --b3-font-color13: var(--b3-theme-background);
        --b3-font-background1: var(--b3-card-error-background);
        --b3-font-background2: var(--b3-card-warning-background);
        --b3-font-background3: var(--b3-card-info-background);
        --b3-font-background4: var(--b3-card-success-background);
        --b3-font-background5: #4c5257;
        --b3-font-background6: #08296c;
        --b3-font-background7: #593905;
        --b3-font-background8: #541812;
        --b3-font-background9: #843473;
        --b3-font-background10: #329096;
        --b3-font-background11: #568b2a;
        --b3-font-background12: #8d8829;
        --b3-font-background13: var(--b3-theme-on-background);
    
        /* 动画效果 */
        --b3-transition: all .2s cubic-bezier(0, 0, .2, 1) 0ms;
        --b3-width-transition: width .2s cubic-bezier(0, 0, .2, 1) 0ms;
        --b3-color-transition: color .2s cubic-bezier(0, 0, .2, 1) 0ms;
        --b3-background-transition: background 20ms ease-in 0s;
    
        /* 高亮 */
        --b3-highlight-color: #222;
        --b3-highlight-background: #ffff00;
        --b3-highlight-current-background: #ff9632;
    
        /* 下拉菜单 */
        --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);
    
        /* switch */
        --b3-switch-background: #444746;
        --b3-switch-border: var(--b3-theme-on-surface-light);
        --b3-switch-hover: rgba(253, 252, 251, .10);
        --b3-switch-checked: var(--b3-theme-primary);
        --b3-switch-checked-background: #a8c7fa;
        --b3-switch-checked-hover: var(--b3-theme-primary);
        --b3-switch-checked-hover2: rgba(253, 252, 251, .10);
    
        /* 阴影 */
        --b3-point-shadow: inset 0 .5px .5px .5px rgba(255, 255, 255, .09), 0 3px 6px rgba(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 / .2), 0 8px 10px 1px rgb(0 0 0 / .14), 0 3px 14px 2px rgb(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-code-background: rgba(240, 246, 252, .15);
    
        /* 所见即所得行内元素颜色 */
        --b3-protyle-inline-strong-color: inherit;
        --b3-protyle-inline-em-color: inherit;
        --b3-protyle-inline-u-color: inherit;
        --b3-protyle-inline-s-color: inherit;
        --b3-protyle-inline-link-color: #8ab4f8;
        --b3-protyle-inline-mark-background: #b29100;
        --b3-protyle-inline-mark-color: var(--b3-theme-on-background);
        --b3-protyle-inline-tag-color: #9aa0a6;
        --b3-protyle-inline-blockref-color: #8957e5;
        --b3-protyle-inline-fileref-color: var(--b3-theme-secondary);
    
        /* PDF */
        --b3-pdf-selection: #779170;
        --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: #212224;
    
        /* 表格 */
        --b3-table-even-background: rgba(255, 255, 255, .03);
    
        /* 嵌入块 */
        --b3-embed-background: transparent;
    
        /* 引述块 */
        --b3-bq-background: transparent;
    
        /* 父块颜色 */
        --b3-parent-background: var(--b3-theme-background);
    }
    
    .layout__center .layout-tab-container {
        color: var(--b3-theme-on-background);
    
        /* 主色 */
        --b3-theme-primary: #3575f0;
        --b3-theme-primary-light: rgba(53, 117, 240, .54);
        --b3-theme-primary-lighter: rgba(53, 117, 240, .38);
        --b3-theme-primary-lightest: rgba(53, 117, 240, .12);
        --b3-theme-secondary: #ff9200;
        --b3-theme-background: #fff;
        --b3-theme-background-light: #dfe0e1;
        --b3-theme-surface: #f6f6f6;
        --b3-theme-surface-light: rgba(243, 243, 243, .86);
        --b3-theme-surface-lighter: #e0e0e0;
        --b3-theme-error: #d23f31;
        --b3-theme-success: #65b84d;
    
        /* 文字颜色 */
        --b3-theme-on-primary: #fff;
        --b3-theme-on-secondary: #fff;
        --b3-theme-on-background: #222;
        --b3-theme-on-surface: #5f6368;
        --b3-theme-on-surface-light: rgba(95, 99, 104, .68);
        --b3-theme-on-error: #fff;
    
        /* 字体 */
        /* "Segoe UI" 和 Noto-COLRv1-2.047 冲突,故移除 */
        --b3-font-family: "Emojis Additional", "Emojis Reset", BlinkMacSystemFont, Helvetica, "Luxi Sans", "DejaVu Sans", arial, sans-serif, emojis;
        --b3-font-family-protyle: var(--b3-font-family);
        --b3-font-family-code: "Emojis Additional", "Emojis Reset", "JetBrainsMono-Regular", mononoki, Consolas, "Liberation Mono", var(--b3-font-family);
        --b3-font-family-graph: arial;
        --b3-font-family-emoji: "Emojis Additional", emojis;
        --b3-font-family-math: KaTeX_Math;
        --b3-font-size: 14px;
    
        /* 顶部工具栏 */
        --b3-toolbar-background: var(--b3-theme-surface);
        --b3-toolbar-blur-background: #fcfcfc;
        --b3-toolbar-color: var(--b3-theme-on-surface);
        --b3-toolbar-hover: var(--b3-theme-background-light);
        --b3-toolbar-left-mac: 69px;
    
        /* 线条 */
        --b3-border-color: var(--b3-theme-surface-lighter);
        --b3-border-radius: 6px;
        --b3-border-radius-s: 3px;
        --b3-border-radius-b: 12px;
    
        /* 滚动条 */
        --b3-scroll-color: rgba(0, 0, 0, .2);
    
        /* 列表 */
        --b3-list-hover: rgba(0, 0, 0, .075);
        --b3-list-icon-hover: rgba(33, 34, 36, .1);
    
        /* 菜单 */
        --b3-menu-background: var(--b3-theme-surface);
    
        /* 提示 */
        --b3-tooltips-background: #312f35;
        --b3-tooltips-color: var(--b3-theme-background-light);
        --b3-tooltips-second-color: #7d7c7a;
        --b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    
        /* 为空提示 */
        --b3-empty-color: var(--b3-theme-on-surface-light);
    
        /* 遮罩 */
        --b3-mask-background: rgba(220, 220, 220, .4);
    
        /* 卡片背景 */
        --b3-card-error-color: #790600;
        --b3-card-error-background: #f5d1cf;
        --b3-card-warning-color: #b16700;
        --b3-card-warning-background: #ffe8c8;
        --b3-card-info-color: #005599;
        --b3-card-info-background: #d6eaf9;
        --b3-card-success-color: #008606;
        --b3-card-success-background: #d7eed8;
    
        /* 自定义文字 */
        --b3-font-color1: var(--b3-card-error-color);
        --b3-font-color2: var(--b3-card-warning-color);
        --b3-font-color3: var(--b3-card-info-color);
        --b3-font-color4: var(--b3-card-success-color);
        --b3-font-color5: var(--b3-theme-on-surface);
        --b3-font-color6: var(--b3-theme-primary);
        --b3-font-color7: var(--b3-theme-secondary);
        --b3-font-color8: var(--b3-theme-error);
        --b3-font-color9: #f5539e;
        --b3-font-color10: #00cdcd;
        --b3-font-color11: #00b853;
        --b3-font-color12: #9e9700;
        --b3-font-color13: var(--b3-theme-background);
        --b3-font-background1: var(--b3-card-error-background);
        --b3-font-background2: var(--b3-card-warning-background);
        --b3-font-background3: var(--b3-card-info-background);
        --b3-font-background4: var(--b3-card-success-background);
        --b3-font-background5: #e2e3e4;
        --b3-font-background6: #acd0fc;
        --b3-font-background7: #fddaab;
        --b3-font-background8: #ffb0a9;
        --b3-font-background9: #fdbfff;
        --b3-font-background10: #b1ffff;
        --b3-font-background11: #affad1;
        --b3-font-background12: #fff88f;
        --b3-font-background13: var(--b3-theme-on-background);
    
        /* 动画效果 */
        --b3-transition: all .2s cubic-bezier(0, 0, .2, 1) 0ms;
        --b3-width-transition: width .2s cubic-bezier(0, 0, .2, 1) 0ms;
        --b3-color-transition: color .2s cubic-bezier(0, 0, .2, 1) 0ms;
        --b3-background-transition: background 20ms ease-in 0s;
    
        /* 高亮 */
        --b3-highlight-color: #222;
        --b3-highlight-background: #ffff00;
        --b3-highlight-current-background: #ff9632;
    
        /* 下拉菜单 */
        --b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(95, 99, 104, .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);
    
        /* switch */
        --b3-switch-background: #e1e3e1;
        --b3-switch-border: var(--b3-theme-on-surface-light);
        --b3-switch-hover: rgba(31, 31, 31, 0.06);
        --b3-switch-checked: #fff;
        --b3-switch-checked-background: var(--b3-theme-primary);
        --b3-switch-checked-hover: #d3e3fd;
        --b3-switch-checked-hover2: rgba(31, 31, 31, .06);
    
        /* 阴影 */
        --b3-point-shadow: 0 0 1px 0 rgba(0, 0, 0, .1), 0 0 2px 0 rgba(0, 0, 0, .2);
        --b3-dialog-shadow: 0 8px 24px rgba(0, 0, 0, .2);
        --b3-button-shadow: 0 5px 5px -3px rgb(0 0 0 / .2), 0 8px 10px 1px rgb(0 0 0 / .14), 0 3px 14px 2px rgb(0 0 0 / .12);
    
        /* 图表颜色 */
        --b3-graph-p-point: #076f7e;
        --b3-graph-heading-point: #8250df;
        --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: #202124;
        --b3-graph-tag-point: #dbf32f;
        --b3-graph-asset-point: #05c091;
        --b3-graph-line: #5f6368;
        --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-code-background: rgba(27, 31, 35, .05);
    
        /* 所见即所得行内元素颜色 */
        --b3-protyle-inline-strong-color: inherit;
        --b3-protyle-inline-em-color: inherit;
        --b3-protyle-inline-u-color: inherit;
        --b3-protyle-inline-s-color: inherit;
        --b3-protyle-inline-link-color: #4285f4;
        --b3-protyle-inline-mark-background: rgb(252, 212, 126);
        --b3-protyle-inline-mark-color: #202124;
        --b3-protyle-inline-tag-color: #5f6368;
        --b3-protyle-inline-blockref-color: #8957e5;
        --b3-protyle-inline-fileref-color: #21862e;
    
        /* PDF */
        --b3-pdf-selection: #d0e9c8;
        --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: #212224;
    
        /* 表格 */
        --b3-table-even-background: rgba(0, 0, 0, .02);
    
        /* 嵌入块 */
        --b3-embed-background: transparent;
    
        /* 引述块 */
        --b3-bq-background: transparent;
    
        /* 父块颜色 */
        --b3-parent-background: var(--b3-theme-background);
    }
    

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • NorthCJ 1 赞同

    可以试下这款主题的 Red Graphite 配色

    image.png

  • 其他回帖
  • 我这里不会,检查一下你用的其他代码片段吧

    image.png

    1 回复
  • ihnfsa

    @JeffreyChen 你设置的好看多了。不过还有部分界面文字和图标是黑色,这个能调吗?

    20250531161330.png

    1 回复
  • 试试 CSS:

    :root {
        /* 主色 */
        --b3-theme-primary: #3573f0;
        --b3-theme-primary-light: rgba(53, 115, 240, .72);
        --b3-theme-primary-lighter: rgba(53, 115, 240, .48);
        --b3-theme-primary-lightest: rgba(53, 115, 240, .24);
        --b3-theme-secondary: #f3a92f;
        --b3-theme-background: #1e1e1e;
        --b3-theme-background-light: rgba(255, 255, 255, .075);
        --b3-theme-surface: #262626;
        --b3-theme-surface-light: rgba(41, 42, 45, .86);
        --b3-theme-surface-lighter: rgba(230, 230, 230, .06);
        --b3-theme-error: #d23f31;
        --b3-theme-success: #65b84d;
    
        /* 文字颜色 */
        --b3-theme-on-primary: #fff;
        --b3-theme-on-secondary: #fff;
        --b3-theme-on-background: #dadada;
        --b3-theme-on-surface: #9aa0a6;
        --b3-theme-on-surface-light: #bababa;
        --b3-theme-on-error: #fff;
    
        /* 字体 */
        --b3-font-family: "Emojis Additional", "Emojis Reset", BlinkMacSystemFont, Helvetica, "Luxi Sans", "DejaVu Sans", arial, sans-serif, emojis;
        --b3-font-family-protyle: var(--b3-font-family);
        --b3-font-family-code: "Emojis Additional", "Emojis Reset", "JetBrainsMono-Regular", mononoki, Consolas, "Liberation Mono", var(--b3-font-family);
        --b3-font-family-graph: arial;
        --b3-font-family-emoji: "Emojis Additional", emojis;
        --b3-font-family-math: KaTeX_Math;
        --b3-font-size: 14px;
    
        /* 顶部工具栏 */
        --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: #363636;
        --b3-border-radius: 6px;
        --b3-border-radius-s: 3px;
        --b3-border-radius-b: 12px;
    
        /* 滚动条 */
        --b3-scroll-color: rgba(230, 230, 230, .2);
    
        /* 列表 */
        --b3-list-hover: rgba(255, 255, 255, .075);
        --b3-list-icon-hover: rgba(201, 209, 217, .1);
    
        /* 菜单 */
        --b3-menu-background: var(--b3-theme-surface);
    
        /* 提示 */
        --b3-tooltips-background: #030303;
        --b3-tooltips-color: var(--b3-theme-on-surface-light);
        --b3-tooltips-second-color: #7d7c7a;
        --b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, .3);
    
        /* 为空提示 */
        --b3-empty-color: var(--b3-theme-on-surface);
    
        /* 遮罩 */
        --b3-mask-background: rgba(10, 10, 10, .4);
    
        /* 卡片背景 */
        --b3-card-error-color: rgb(243, 153, 147);
        --b3-card-error-background: #442724;
        --b3-card-warning-color: rgb(255, 213, 153);
        --b3-card-warning-background: #554636;
        --b3-card-info-color: rgb(166, 213, 250);
        --b3-card-info-background: #28405c;
        --b3-card-success-color: rgb(183, 223, 185);
        --b3-card-success-background: #425347;
    
        /* 自定义文字 */
        --b3-font-color1: var(--b3-card-error-color);
        --b3-font-color2: var(--b3-card-warning-color);
        --b3-font-color3: var(--b3-card-info-color);
        --b3-font-color4: var(--b3-card-success-color);
        --b3-font-color5: var(--b3-theme-on-surface);
        --b3-font-color6: var(--b3-theme-primary);
        --b3-font-color7: var(--b3-theme-secondary);
        --b3-font-color8: var(--b3-theme-error);
        --b3-font-color9: #f5539e;
        --b3-font-color10: #00eeff;
        --b3-font-color11: #74ff00;
        --b3-font-color12: #fff200;
        --b3-font-color13: var(--b3-theme-background);
        --b3-font-background1: var(--b3-card-error-background);
        --b3-font-background2: var(--b3-card-warning-background);
        --b3-font-background3: var(--b3-card-info-background);
        --b3-font-background4: var(--b3-card-success-background);
        --b3-font-background5: #4c5257;
        --b3-font-background6: #08296c;
        --b3-font-background7: #593905;
        --b3-font-background8: #541812;
        --b3-font-background9: #843473;
        --b3-font-background10: #329096;
        --b3-font-background11: #568b2a;
        --b3-font-background12: #8d8829;
        --b3-font-background13: var(--b3-theme-on-background);
    
        /* 动画效果 */
        --b3-transition: all .2s cubic-bezier(0, 0, .2, 1) 0ms;
        --b3-width-transition: width .2s cubic-bezier(0, 0, .2, 1) 0ms;
        --b3-color-transition: color .2s cubic-bezier(0, 0, .2, 1) 0ms;
        --b3-background-transition: background 20ms ease-in 0s;
    
        /* 高亮 */
        --b3-highlight-color: #222;
        --b3-highlight-background: #ffff00;
        --b3-highlight-current-background: #ff9632;
    
        /* 下拉菜单 */
        --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);
    
        /* switch */
        --b3-switch-background: #444746;
        --b3-switch-border: var(--b3-theme-on-surface-light);
        --b3-switch-hover: rgba(253, 252, 251, .10);
        --b3-switch-checked: var(--b3-theme-primary);
        --b3-switch-checked-background: #a8c7fa;
        --b3-switch-checked-hover: var(--b3-theme-primary);
        --b3-switch-checked-hover2: rgba(253, 252, 251, .10);
    
        /* 阴影 */
        --b3-point-shadow: inset 0 .5px .5px .5px rgba(255, 255, 255, .09), 0 3px 6px rgba(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 / .2), 0 8px 10px 1px rgb(0 0 0 / .14), 0 3px 14px 2px rgb(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-code-background: rgba(240, 246, 252, .15);
    
        /* 所见即所得行内元素颜色 */
        --b3-protyle-inline-strong-color: inherit;
        --b3-protyle-inline-em-color: inherit;
        --b3-protyle-inline-u-color: inherit;
        --b3-protyle-inline-s-color: inherit;
        --b3-protyle-inline-link-color: #8ab4f8;
        --b3-protyle-inline-mark-background: #b29100;
        --b3-protyle-inline-mark-color: var(--b3-theme-on-background);
        --b3-protyle-inline-tag-color: #9aa0a6;
        --b3-protyle-inline-blockref-color: #8957e5;
        --b3-protyle-inline-fileref-color: var(--b3-theme-secondary);
    
        /* PDF */
        --b3-pdf-selection: #779170;
        --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: #212224;
    
        /* 表格 */
        --b3-table-even-background: rgba(255, 255, 255, .03);
    
        /* 嵌入块 */
        --b3-embed-background: transparent;
    
        /* 引述块 */
        --b3-bq-background: transparent;
    
        /* 父块颜色 */
        --b3-parent-background: var(--b3-theme-background);
    }
    
    .layout__center .layout-tab-container {
        color: var(--b3-theme-on-background);
    
        /* 主色 */
        --b3-theme-primary: #3575f0;
        --b3-theme-primary-light: rgba(53, 117, 240, .54);
        --b3-theme-primary-lighter: rgba(53, 117, 240, .38);
        --b3-theme-primary-lightest: rgba(53, 117, 240, .12);
        --b3-theme-secondary: #ff9200;
        --b3-theme-background: #fff;
        --b3-theme-background-light: #dfe0e1;
        --b3-theme-surface: #f6f6f6;
        --b3-theme-surface-light: rgba(243, 243, 243, .86);
        --b3-theme-surface-lighter: #e0e0e0;
        --b3-theme-error: #d23f31;
        --b3-theme-success: #65b84d;
    
        /* 文字颜色 */
        --b3-theme-on-primary: #fff;
        --b3-theme-on-secondary: #fff;
        --b3-theme-on-background: #222;
        --b3-theme-on-surface: #5f6368;
        --b3-theme-on-surface-light: rgba(95, 99, 104, .68);
        --b3-theme-on-error: #fff;
    
        /* 字体 */
        /* "Segoe UI" 和 Noto-COLRv1-2.047 冲突,故移除 */
        --b3-font-family: "Emojis Additional", "Emojis Reset", BlinkMacSystemFont, Helvetica, "Luxi Sans", "DejaVu Sans", arial, sans-serif, emojis;
        --b3-font-family-protyle: var(--b3-font-family);
        --b3-font-family-code: "Emojis Additional", "Emojis Reset", "JetBrainsMono-Regular", mononoki, Consolas, "Liberation Mono", var(--b3-font-family);
        --b3-font-family-graph: arial;
        --b3-font-family-emoji: "Emojis Additional", emojis;
        --b3-font-family-math: KaTeX_Math;
        --b3-font-size: 14px;
    
        /* 顶部工具栏 */
        --b3-toolbar-background: var(--b3-theme-surface);
        --b3-toolbar-blur-background: #fcfcfc;
        --b3-toolbar-color: var(--b3-theme-on-surface);
        --b3-toolbar-hover: var(--b3-theme-background-light);
        --b3-toolbar-left-mac: 69px;
    
        /* 线条 */
        --b3-border-color: var(--b3-theme-surface-lighter);
        --b3-border-radius: 6px;
        --b3-border-radius-s: 3px;
        --b3-border-radius-b: 12px;
    
        /* 滚动条 */
        --b3-scroll-color: rgba(0, 0, 0, .2);
    
        /* 列表 */
        --b3-list-hover: rgba(0, 0, 0, .075);
        --b3-list-icon-hover: rgba(33, 34, 36, .1);
    
        /* 菜单 */
        --b3-menu-background: var(--b3-theme-surface);
    
        /* 提示 */
        --b3-tooltips-background: #312f35;
        --b3-tooltips-color: var(--b3-theme-background-light);
        --b3-tooltips-second-color: #7d7c7a;
        --b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    
        /* 为空提示 */
        --b3-empty-color: var(--b3-theme-on-surface-light);
    
        /* 遮罩 */
        --b3-mask-background: rgba(220, 220, 220, .4);
    
        /* 卡片背景 */
        --b3-card-error-color: #790600;
        --b3-card-error-background: #f5d1cf;
        --b3-card-warning-color: #b16700;
        --b3-card-warning-background: #ffe8c8;
        --b3-card-info-color: #005599;
        --b3-card-info-background: #d6eaf9;
        --b3-card-success-color: #008606;
        --b3-card-success-background: #d7eed8;
    
        /* 自定义文字 */
        --b3-font-color1: var(--b3-card-error-color);
        --b3-font-color2: var(--b3-card-warning-color);
        --b3-font-color3: var(--b3-card-info-color);
        --b3-font-color4: var(--b3-card-success-color);
        --b3-font-color5: var(--b3-theme-on-surface);
        --b3-font-color6: var(--b3-theme-primary);
        --b3-font-color7: var(--b3-theme-secondary);
        --b3-font-color8: var(--b3-theme-error);
        --b3-font-color9: #f5539e;
        --b3-font-color10: #00cdcd;
        --b3-font-color11: #00b853;
        --b3-font-color12: #9e9700;
        --b3-font-color13: var(--b3-theme-background);
        --b3-font-background1: var(--b3-card-error-background);
        --b3-font-background2: var(--b3-card-warning-background);
        --b3-font-background3: var(--b3-card-info-background);
        --b3-font-background4: var(--b3-card-success-background);
        --b3-font-background5: #e2e3e4;
        --b3-font-background6: #acd0fc;
        --b3-font-background7: #fddaab;
        --b3-font-background8: #ffb0a9;
        --b3-font-background9: #fdbfff;
        --b3-font-background10: #b1ffff;
        --b3-font-background11: #affad1;
        --b3-font-background12: #fff88f;
        --b3-font-background13: var(--b3-theme-on-background);
    
        /* 动画效果 */
        --b3-transition: all .2s cubic-bezier(0, 0, .2, 1) 0ms;
        --b3-width-transition: width .2s cubic-bezier(0, 0, .2, 1) 0ms;
        --b3-color-transition: color .2s cubic-bezier(0, 0, .2, 1) 0ms;
        --b3-background-transition: background 20ms ease-in 0s;
    
        /* 高亮 */
        --b3-highlight-color: #222;
        --b3-highlight-background: #ffff00;
        --b3-highlight-current-background: #ff9632;
    
        /* 下拉菜单 */
        --b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(95, 99, 104, .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);
    
        /* switch */
        --b3-switch-background: #e1e3e1;
        --b3-switch-border: var(--b3-theme-on-surface-light);
        --b3-switch-hover: rgba(31, 31, 31, 0.06);
        --b3-switch-checked: #fff;
        --b3-switch-checked-background: var(--b3-theme-primary);
        --b3-switch-checked-hover: #d3e3fd;
        --b3-switch-checked-hover2: rgba(31, 31, 31, .06);
    
        /* 阴影 */
        --b3-point-shadow: 0 0 1px 0 rgba(0, 0, 0, .1), 0 0 2px 0 rgba(0, 0, 0, .2);
        --b3-dialog-shadow: 0 8px 24px rgba(0, 0, 0, .2);
        --b3-button-shadow: 0 5px 5px -3px rgb(0 0 0 / .2), 0 8px 10px 1px rgb(0 0 0 / .14), 0 3px 14px 2px rgb(0 0 0 / .12);
    
        /* 图表颜色 */
        --b3-graph-p-point: #076f7e;
        --b3-graph-heading-point: #8250df;
        --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: #202124;
        --b3-graph-tag-point: #dbf32f;
        --b3-graph-asset-point: #05c091;
        --b3-graph-line: #5f6368;
        --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-code-background: rgba(27, 31, 35, .05);
    
        /* 所见即所得行内元素颜色 */
        --b3-protyle-inline-strong-color: inherit;
        --b3-protyle-inline-em-color: inherit;
        --b3-protyle-inline-u-color: inherit;
        --b3-protyle-inline-s-color: inherit;
        --b3-protyle-inline-link-color: #4285f4;
        --b3-protyle-inline-mark-background: rgb(252, 212, 126);
        --b3-protyle-inline-mark-color: #202124;
        --b3-protyle-inline-tag-color: #5f6368;
        --b3-protyle-inline-blockref-color: #8957e5;
        --b3-protyle-inline-fileref-color: #21862e;
    
        /* PDF */
        --b3-pdf-selection: #d0e9c8;
        --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: #212224;
    
        /* 表格 */
        --b3-table-even-background: rgba(0, 0, 0, .02);
    
        /* 嵌入块 */
        --b3-embed-background: transparent;
    
        /* 引述块 */
        --b3-bq-background: transparent;
    
        /* 父块颜色 */
        --b3-parent-background: var(--b3-theme-background);
    }
    
    2 操作
    JeffreyChen 在 2025-05-31 15:30:31 更新了该回帖
    JeffreyChen 在 2025-05-31 15:28:48 更新了该回帖
  • 查看全部回帖

推荐标签 标签

  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现,服务器端用 Erlang 语言编写,支持多种语言客户端,如:Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息,在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 342 关注
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 18 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    182 引用 • 400 回帖
  • Visio
    1 引用 • 2 回帖
  • Sillot

    Insights(注意当前设置 master 为默认分支)

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

    主仓库地址:Hi-Windom/Sillot

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

    注意事项:

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

    你比 99% 的人都优秀么?

    81 引用 • 1396 回帖 • 1 关注
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 186 关注
  • GitLab

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

    46 引用 • 72 回帖
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    960 引用 • 946 回帖
  • 心情

    心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。

    59 引用 • 369 回帖 • 2 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    348 引用 • 765 回帖 • 1 关注
  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    15 引用 • 7 回帖
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    46 引用 • 114 回帖 • 139 关注
  • golang

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

    502 引用 • 1397 回帖 • 240 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 633 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 691 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    60 引用 • 22 回帖 • 2 关注
  • 强迫症

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

    15 引用 • 161 回帖 • 1 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    61 引用 • 29 回帖 • 14 关注
  • Hadoop

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

    95 引用 • 122 回帖 • 634 关注
  • V2Ray
    1 引用 • 15 回帖 • 4 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 1 关注
  • AWS
    11 引用 • 28 回帖 • 2 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 14 关注
  • 电影

    这是一个不能说的秘密。

    125 引用 • 610 回帖
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    200 引用 • 545 回帖
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 724 关注