主题颜色是自己搭配的,浅色系,虽然谈不上特别好看,但是各个元素辨识度很高而且看时间长眼睛也很舒服。
:root {
/* 主色 */
--b3-theme-primary: #3575f0;
--b3-theme-primary-light: rgba(53, 117, 240, 0.54);
--b3-theme-primary-lighter: rgba(53, 117, 240, 0.38);
--b3-theme-primary-lightest: rgba(53, 117, 240, 0.12);
--b3-theme-secondary: #f3a92f;
/* */
/* 主面板背景色 */
--b3-theme-background: #ececec;
/* 鼠标滑过大纲栏 显示的颜色 */
--b3-theme-background-light: #d3c5b6;
/* 大纲面板背景色 */
--b3-theme-surface: #dbe2e9;
--b3-theme-surface-light: rgba(243, 243, 243, .86);
--b3-theme-surface-lighter: rgba(0, 0, 0, .06);
--b3-theme-error: #d23f31;
/* 文字颜色 */
--b3-theme-on-primary: #fff;
--b3-theme-on-secondary: #fff;
--b3-theme-on-background: #0b0b0b;
--b3-theme-on-surface: #191919;
--b3-theme-on-surface-light: rgba(27, 27, 27, 0.68);
--b3-theme-on-error: #fff;
/* 字体 */
--b3-font-family: "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-code: "JetBrainsMono-Regular", mononoki, Consolas, "Liberation Mono", Menlo, Courier, monospace, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
--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: #2b2d30;
--b3-toolbar-blur-background: #373a41;
--b3-toolbar-color: #e1e1e1;
--b3-toolbar-hover: #383a42;
--b3-toolbar-left-mac: 69px;
/* 线条 */
--b3-border-color: rgba(0, 0, 0, 0.623);
/* 滚动条 */
--b3-scroll-color: rgba(0, 0, 0, .2);
/* 列表 */
/* 大纲当前位置处于的项的颜色*/
--b3-list-hover: #8dafad50;
/* 大纲当前位置处于的项的 后续图标被放上鼠标的颜色*/
--b3-list-icon-hover: rgba(222, 124, 163, 0.548);
/* 菜单 */
--b3-menu-background: #f8f9fa;
/* 提示 */
--b3-tooltips-color: rgba(0, 0, 0, 0.54);
/* 遮罩 */
--b3-mask-background: rgba(0, 0, 0, 0.78);
/* 卡片背景 */
--b3-card-error-color: rgb(97, 26, 21);
--b3-card-error-background: #f5d1cf;
--b3-card-warning-color: rgb(102, 60, 0);
--b3-card-warning-background: #ffe8c8;
--b3-card-info-color: rgb(13, 60, 97);
--b3-card-info-background: #d6eaf9;
--b3-card-success-color: rgb(30, 70, 32);
--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: #944194;
--b3-font-color11: #65b84d;
--b3-font-color12: #f5822e;
--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: #fdeed6;
--b3-font-background8: rgba(255, 193, 153, 0.5);
--b3-font-background9: #fdd5e7;
--b3-font-background10: #e6c7e6;
--b3-font-background11: #def0d9;
--b3-font-background12: rgba(253, 198, 200, 0.5);
--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-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);
/* 阴影 */
--b3-point-shadow: 0 3px 6px rgba(140, 149, 159, 0.15);
--b3-dialog-shadow: 0 8px 24px rgba(140, 149, 159, 0.2);
--b3-button-shadow: 0px 5px 5px -3px rgb(0 0 0 / 0.2), 0px 8px 10px 1px rgb(0 0 0 / 0.14), 0px 3px 14px 2px rgb(0 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-search-background: #ffe955;
--b3-protyle-search-border-color: #f2e680;
--b3-protyle-search-current-background: #a5d3fe;
/* 行内代码背景 */
--b3-protyle-code-background: rgba(215, 163, 111, 0.374);
/*--b3-protyle-code-background: rgba(137, 195, 80, 0.384);*/
--b3-protyle-code-linenumber-hl: #b9d1f4;
/* 所见即所得行内元素颜色 */
/* 加粗 */
--b3-protyle-inline-strong-color: #da2727;
--b3-protyle-inline-em-color: #202124;
--b3-protyle-inline-s-color: #202124;
--b3-protyle-inline-link-color: #3475dd;
--b3-protyle-inline-mark-background: rgb(228, 179, 74);
--b3-protyle-inline-mark-color: #202124;
--b3-protyle-inline-tag-color: #5f6368;
--b3-protyle-inline-blockref-color: #6d29eb;
--b3-protyle-inline-fileref-color: #21862e;
/* PDF */
--b3-pdf-selection: #d0e9c8;
--b3-pdf-sidebar-width: 200px;
--b3-pdf-offset: 0;
--b3-pdf-background1: var(--b3-theme-error);
--b3-pdf-background2: #f5822e;
--b3-pdf-background3: var(--b3-theme-secondary);
--b3-pdf-background4: #65b84d;
--b3-pdf-background5: #f5539e;
--b3-pdf-background6: var(--b3-theme-primary);
--b3-pdf-background7: #944194;
--b3-pdf-dark: #212224;
}
/* https://github.com/siyuan-note/siyuan/issues/6440 */
.protyle-action--order:after {
mix-blend-mode: multiply;
}
.b3-typography div.hljs, .protyle-wysiwyg div.hljs {
background-color: #f8f9fa;
}
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于