onedeuxtriseigo.nullpo.dev
A privacy-first, self-hosted, fully open source personal knowledge management software, written in typescript and golang. (PERSONAL FORK)
1:root {
2 /* 主色 */
3 --b3-theme-primary: #3575f0;
4 --b3-theme-primary-light: rgba(53, 117, 240, .54);
5 --b3-theme-primary-lighter: rgba(53, 117, 240, .38);
6 --b3-theme-primary-lightest: rgba(53, 117, 240, .12);
7 --b3-theme-secondary: #ff9200;
8 --b3-theme-background: #fff;
9 --b3-theme-background-light: #dfe0e1;
10 --b3-theme-surface: #f6f6f6;
11 --b3-theme-surface-light: rgba(243, 243, 243, .86);
12 --b3-theme-surface-lighter: #e0e0e0;
13 --b3-theme-error: #d23f31;
14 --b3-theme-success: #65b84d;
15
16 /* 文字颜色 */
17 --b3-theme-on-primary: #fff;
18 --b3-theme-on-secondary: #fff;
19 --b3-theme-on-background: #222;
20 --b3-theme-on-surface: #5f6368;
21 --b3-theme-on-surface-light: rgba(95, 99, 104, .68);
22 --b3-theme-on-error: #fff;
23
24 /* 字体 */
25 /* "Segoe UI" 和 Noto-COLRv1-2.047 冲突，故移除 */
26 --b3-font-family: "Emojis Additional", "Emojis Reset", BlinkMacSystemFont, Helvetica, "Luxi Sans", "DejaVu Sans", arial, sans-serif, emojis;
27 --b3-font-family-protyle: var(--b3-font-family);
28 --b3-font-family-code: "Emojis Additional", "Emojis Reset", "JetBrainsMono-Regular", mononoki, Consolas, "Liberation Mono", var(--b3-font-family);
29 --b3-font-family-graph: arial;
30 --b3-font-family-emoji: "Emojis Additional", emojis;
31 --b3-font-family-math: KaTeX_Math;
32 --b3-font-size: 14px;
33
34 /* 顶部工具栏 */
35 --b3-toolbar-background: var(--b3-theme-surface);
36 --b3-toolbar-blur-background: #fcfcfc;
37 --b3-toolbar-color: var(--b3-theme-on-surface);
38 --b3-toolbar-hover: var(--b3-theme-background-light);
39 --b3-toolbar-left-mac: 69px;
40
41 /* 线条 */
42 --b3-border-color: var(--b3-theme-surface-lighter);
43 --b3-border-radius: 6px;
44 --b3-border-radius-s: 3px;
45 --b3-border-radius-b: 12px;
46
47 /* 滚动条 */
48 --b3-scroll-color: rgba(0, 0, 0, .2);
49
50 /* 列表 */
51 --b3-list-hover: rgba(0, 0, 0, .075);
52 --b3-list-icon-hover: rgba(33, 34, 36, .1);
53
54 /* 菜单 */
55 --b3-menu-background: var(--b3-theme-surface);
56
57 /* 提示 */
58 --b3-tooltips-background: #312f35;
59 --b3-tooltips-color: var(--b3-theme-background-light);
60 --b3-tooltips-second-color: #7d7c7a;
61 --b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, .1);
62
63 /* 为空提示 */
64 --b3-empty-color: var(--b3-theme-on-surface-light);
65
66 /* 遮罩 */
67 --b3-mask-background: rgba(220, 220, 220, .4);
68
69 /* 卡片背景 */
70 --b3-card-error-color: #790600;
71 --b3-card-error-background: #f5d1cf;
72 --b3-card-warning-color: #b16700;
73 --b3-card-warning-background: #ffe8c8;
74 --b3-card-info-color: #005599;
75 --b3-card-info-background: #d6eaf9;
76 --b3-card-success-color: #008606;
77 --b3-card-success-background: #d7eed8;
78
79 /* 自定义文字 */
80 --b3-font-color1: var(--b3-card-error-color);
81 --b3-font-color2: var(--b3-card-warning-color);
82 --b3-font-color3: var(--b3-card-info-color);
83 --b3-font-color4: var(--b3-card-success-color);
84 --b3-font-color5: var(--b3-theme-on-surface);
85 --b3-font-color6: var(--b3-theme-primary);
86 --b3-font-color7: var(--b3-theme-secondary);
87 --b3-font-color8: var(--b3-theme-error);
88 --b3-font-color9: #f5539e;
89 --b3-font-color10: #00cdcd;
90 --b3-font-color11: #00b853;
91 --b3-font-color12: #9e9700;
92 --b3-font-color13: var(--b3-theme-background);
93 --b3-font-background1: var(--b3-card-error-background);
94 --b3-font-background2: var(--b3-card-warning-background);
95 --b3-font-background3: var(--b3-card-info-background);
96 --b3-font-background4: var(--b3-card-success-background);
97 --b3-font-background5: #e2e3e4;
98 --b3-font-background6: #acd0fc;
99 --b3-font-background7: #fddaab;
100 --b3-font-background8: #ffb0a9;
101 --b3-font-background9: #fdbfff;
102 --b3-font-background10: #b1ffff;
103 --b3-font-background11: #affad1;
104 --b3-font-background12: #fff88f;
105 --b3-font-background13: var(--b3-theme-on-background);
106
107 /* 动画效果 */
108 --b3-transition: all .2s cubic-bezier(0, 0, .2, 1) 0ms;
109 --b3-width-transition: width .2s cubic-bezier(0, 0, .2, 1) 0ms;
110 --b3-color-transition: color .2s cubic-bezier(0, 0, .2, 1) 0ms;
111 --b3-background-transition: background 20ms ease-in 0s;
112
113 /* 高亮 */
114 --b3-highlight-color: #222;
115 --b3-highlight-background: #ffff00;
116 --b3-highlight-current-background: #ff9632;
117
118 /* 下拉菜单 */
119 --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);
120
121 /* switch */
122 --b3-switch-background: #e1e3e1;
123 --b3-switch-border: var(--b3-theme-on-surface-light);
124 --b3-switch-hover: rgba(31, 31, 31, 0.06);
125 --b3-switch-checked: #fff;
126 --b3-switch-checked-background: var(--b3-theme-primary);
127 --b3-switch-checked-hover: #d3e3fd;
128 --b3-switch-checked-hover2: rgba(31, 31, 31, .06);
129
130 /* 阴影 */
131 --b3-point-shadow: 0 0 1px 0 rgba(0, 0, 0, .1), 0 0 2px 0 rgba(0, 0, 0, .2);
132 --b3-dialog-shadow: 0 8px 24px rgba(0, 0, 0, .2);
133 --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);
134
135 /* 图表颜色 */
136 --b3-graph-p-point: #076f7e;
137 --b3-graph-heading-point: #8250df;
138 --b3-graph-math-point: #80FFA5;
139 --b3-graph-code-point: #00DDFF;
140 --b3-graph-table-point: #37A2FF;
141 --b3-graph-list-point: #FF0087;
142 --b3-graph-todo-point: #FFBF00;
143 --b3-graph-olist-point: #b3005f;
144 --b3-graph-listitem-point: #f65b00;
145 --b3-graph-bq-point: #8d48e3;
146 --b3-graph-super-point: #dd79ff;
147 --b3-graph-doc-point: #202124;
148 --b3-graph-tag-point: #dbf32f;
149 --b3-graph-asset-point: #05c091;
150 --b3-graph-line: #5f6368;
151 --b3-graph-ref-line: #d23f31;
152 --b3-graph-tag-line: #5f6b06;
153 --b3-graph-tag-tag-line: #dbf32f;
154 --b3-graph-asset-line: #037457;
155 --b3-graph-hl-point: #f3a92f;
156 --b3-graph-hl-line: #4285f4;
157
158 /* 代码片段背景 */
159 --b3-protyle-code-background: rgba(27, 31, 35, .05);
160
161 /* 所见即所得行内元素颜色 */
162 --b3-protyle-inline-strong-color: inherit;
163 --b3-protyle-inline-em-color: inherit;
164 --b3-protyle-inline-u-color: inherit;
165 --b3-protyle-inline-s-color: inherit;
166 --b3-protyle-inline-link-color: #4285f4;
167 --b3-protyle-inline-mark-background: rgb(252, 212, 126);
168 --b3-protyle-inline-mark-color: #202124;
169 --b3-protyle-inline-tag-color: #5f6368;
170 --b3-protyle-inline-blockref-color: #8957e5;
171 --b3-protyle-inline-fileref-color: #21862e;
172
173 /* PDF */
174 --b3-pdf-selection: #d0e9c8;
175 --sidebar-width: 200px;
176 --b3-pdf-offset: 0;
177 --b3-pdf-background1: var(--b3-theme-error);
178 --b3-pdf-background2: #f5822e;
179 --b3-pdf-background3: #FACA5A;
180 --b3-pdf-background4: #7CC868;
181 --b3-pdf-background5: #FC5C88;
182 --b3-pdf-background6: #69B0F2;
183 --b3-pdf-background7: #C885DA;
184 --b3-pdf-dark: #212224;
185
186 /* 表格 */
187 --b3-table-even-background: rgba(0, 0, 0, .02);
188
189 /* 数据库 */
190 --b3-av-gallery-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px, var(--b3-border-color) 0px 0px 0px 1px;
191
192 /* 嵌入块 */
193 --b3-embed-background: transparent;
194
195 /* 引述块 */
196 --b3-bq-background: transparent;
197
198 /* 父块颜色 */
199 --b3-parent-background: var(--b3-theme-background);
200}
201
202/* 微软字体斜体会被相邻背景遮挡，将 arial 放置其前 https://github.com/siyuan-note/siyuan/issues/11841 */
203:root:lang(zh_CN) {
204 --b3-font-family: "Emojis Additional", "Emojis Reset", BlinkMacSystemFont, Helvetica, "PingFang SC", "Luxi Sans", "DejaVu Sans", arial, "Microsoft Yahei", "Hiragino Sans GB", "Source Han Sans SC", sans-serif, emojis;
205}
206
207:root:lang(zh_CHT) {
208 --b3-font-family: "Emojis Additional", "Emojis Reset", BlinkMacSystemFont, Helvetica, "PingFang TC", "Luxi Sans", "DejaVu Sans", arial, "Microsoft JhengHei", "Hiragino Sans TC", "Source Han Sans TC", sans-serif, emojis;
209}
210
211:root:lang(ja_JP) {
212 --b3-font-family: "Emojis Additional", "Emojis Reset", BlinkMacSystemFont, Helvetica, "Luxi Sans", "DejaVu Sans", "Yu Gothic UI", arial, sans-serif, emojis;
213}
214
215/* https://github.com/siyuan-note/siyuan/issues/6440 */
216.protyle-action--order::after {
217 mix-blend-mode: multiply;
218}
219
220.b3-typography .code-block, .protyle-wysiwyg .code-block {
221 background-color: rgba(27, 31, 35, .05);
222}