墨水屏思源笔记配置

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

应用下载

应用设置

  • 采用默认设置
  • 不安装任何插件、主题、图标、模板和挂件
  • 添加墨水屏主题优化 CSS
/*设置主颜色*/
:root {
	--b3-theme-primary: #000000;
	--b3-theme-surface:#ffffff;
	--b3-theme-background-light:#ffffff;
	--b3-theme-on-surface: #000000;
	--b3-theme-on-surface-light: rgb(0 0 0 / 68%);
	--b3-theme-primary-light: rgb(0 0 0 / 18%);
	--b3-theme-primary-lighter: rgb(0 0 0 / 28%);
	--b3-theme-on-background: #000;
}

/* 表格100%宽度 */
.protyle-wysiwyg table,
.b3-typography table {
	display: table;
	width: 100%;
	font-size: 90%;
	color: #000000;
}

/*设置表格表头样式,颜色,背景,加粗,居中对齐*/
table th {
	font-weight: bold;
	text-align: center;
	word-break: keep-all;
	white-space: nowrap;
	--b3-theme-on-surface: #000000;
}

/*设置行内代码和快捷键样式*/
.b3-typography code:not(.hljs),
.protyle-wysiwyg code:not(.hljs),
.protyle-wysiwyg span[data-type~=code],
.b3-typography kbd, .b3-typography span[data-type~=kbd], .protyle-wysiwyg kbd, .protyle-wysiwyg span[data-type~=kbd] {
	padding: 2px 4px;
	line-height: 1;
	color: #000000;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-radius: var(--b3-border-radius);
	font-family: var(--b3-font-family-code);
	tab-size: 4;
	font-size: 85%;
}

/*设置代码块边框样式*/
.b3-typography div.hljs, .protyle-wysiwyg div.hljs {
	background-color: #ffffff;
	border: 1px solid #ddd;
}

/*设置代码块字体颜色和背景颜色*/
.hljs {
	color: #000000;
	background: #fff;
}

同步配置

iShot_2023-10-16_16.55.23

效果展示

SiYuan for Boox

  • 思源笔记

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

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

    22020 引用 • 87815 回帖 • 2 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...