思源基本配置

背景颜色

:root[data-theme-mode=dark] {
  --b3-theme-background: #111;
  --b3-theme-surface: #222222;
  --b3-scroll-color: rgba(169, 62, 218, 0.2);
}

.protyle-wysiwyg .code-block>.hljs {
  font-size: 1em;
  /* 调整字体大小为1.2em */
}

横向菜单

/* '/'弹出分栏*/
.hint--menu{
	animation: menu 0.2s ease-in-out;
	box-shadow: var(--b3-menu-shadow);
    background-color: var(--b3-theme-background);
	padding:5px;
	border:none;
	min-width: 50vw;
	border-radius: 6px;
}
.hint--menu>div{
	columns: 50px 4;
	column-rule:1px outset var(--b3-border-color);
	/*column-fill:auto;
	max-height: 402px !important;*/
}
.hint--menu .b3-list-item{
	margin:0!important;
	width:100%!important;
}
.hint--menu .b3-list-item__text{
	margin:0 0 0 8px;
	color:var(--b3-theme-on-background);
}
.hint--menu .b3-list-item__graphic,.hint--menu .color__square {
	margin:0px;
	width:10px;
	height:12px;
	border:1px solid var(--b3-border-color);
	padding: 2px 3px;
    border-radius: 3px;
	box-shadow:none;
}
.hint--menu>.b3-list-item--two{
	margin:0;
}
@media screen and (min-width: 1280px){
	.hint--menu .b3-list-item--two{
	width:calc(25% - 5px);
}
	.hint--menu{
	max-height: 412px !important;
	}
}
@media screen and (max-width: 1280px) {
	.hint--menu>div{
	columns:unset;
}
	.hint--menu{
	columns:unset;
	min-width: unset !important;
}
}
.protyle-hint.hint--menu:has(>.emojis) {
    min-width: 372px;
    width: 372px !important;
}
.protyle-hint.hint--menu>.emojis {
    column-span: all;
    width: 360px!important;
}

/*滚动条*/
::-webkit-scrollbar {
    width : var(--webkit-scrollbar);
	height: var(--webkit-scrollbar);
	background-color:var(--b3-scroll-bgcolor);
}
::-webkit-scrollbar-thumb:hover{
    background-color:var(--b3-scroll-color-hover);
}
::-webkit-scrollbar-thumb{
	border-radius: var(--webkit-scrollbar-thumb);
	background-color:var(--b3-scroll-color);
}

.b3-slider::-webkit-slider-runnable-track {
    height: 3px;
}
.b3-slider::-webkit-slider-thumb {
	transform:unset !important;
    width: 7px;
    height: 7px;
	margin-top: -2px;
    background-color: var(--b3-theme-background);
	box-shadow: 0px 0px 0px 3px var(--b3-theme-primary) ;
}
.b3-slider::-webkit-slider-thumb:hover{
	box-shadow:0px 0px 0px 3px var(--b3-theme-primary),0px 0px 0px 5px var(--b3-theme-primary-lighter);
	transition:all 500ms;
}

选中页签

.layout-tab-bar .item.item--focus {
  /* 被选中的页签项 */
  background-color: rgb(36, 100, 174);
  border-color: black;
  border-bottom-color: var(--custom-striking-color);
}

引用

:root {
  --custom-quote-l: "⸢";
  --custom-quote-r: "⸥";
  --custom-ref-l: var(--custom-quote-l);
  --custom-ref-r: var(--custom-quote-r);
  /* 块引用动态锚文本标记符号 | Block references dynamic anchor text mark symbol */
  --custom-ref-mark-d-l: var(--custom-quote-l);
  --custom-ref-mark-d-r: var(--custom-quote-r);
  /* 块引用静态锚文本标记符号 | Block references static anchor text mark symbol */
  --custom-ref-mark-s-l: var(--custom-quote-l);
  --custom-ref-mark-s-r: var(--custom-quote-r);
  /* 块引用标记颜色 | Block reference mark color */
  --custom-ref-mark-color: orange;
  --custom-ref-mark-d-l-color: var(--custom-ref-mark-color);
  --custom-ref-mark-s-l-color: var(--custom-ref-mark-color);
  --custom-ref-mark-d-r-color: var(--custom-ref-mark-color);
  --custom-ref-mark-s-r-color: var(--custom-ref-mark-color);
  /* 块引用标记宽度 | Block reference mark width */
  --custom-ref-mark-width: 0.5em;
  --custom-ref-mark-d-l-width: var(--custom-ref-mark-width);
  --custom-ref-mark-s-l-width: var(--custom-ref-mark-width);
  --custom-ref-mark-d-r-width: var(--custom-ref-mark-width);
  --custom-ref-mark-s-r-width: var(--custom-ref-mark-width);

  --custom-span-block-ref-color: orange;
}

/* 块引用 */
#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref].av__celltext,
.sy__outline [data-node-id] span[data-type~=block-ref].av__celltext,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref].av__celltext,
#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref]:not(.av__celltext),
.sy__outline [data-node-id] span[data-type~=block-ref]:not(.av__celltext),
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext) {
  color: var(--custom-span-block-ref-color);
}

#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref].av__celltext::before,
.sy__outline [data-node-id] span[data-type~=block-ref].av__celltext::before,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref].av__celltext::before,
#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref]:not(.av__celltext)::before,
.sy__outline [data-node-id] span[data-type~=block-ref]:not(.av__celltext)::before,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext)::before,
#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref].av__celltext::after,
.sy__outline [data-node-id] span[data-type~=block-ref].av__celltext::after,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref].av__celltext::after,
#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref]:not(.av__celltext)::after,
.sy__outline [data-node-id] span[data-type~=block-ref]:not(.av__celltext)::after,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext)::after {
  font-weight: bold;
  display: inline-block;
  text-align: center;
}

#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref].av__celltext[data-subtype=d]::before,
.sy__outline [data-node-id] span[data-type~=block-ref].av__celltext[data-subtype=d]::before,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref].av__celltext[data-subtype=d]::before,
#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref]:not(.av__celltext)[data-subtype=d]::before,
.sy__outline [data-node-id] span[data-type~=block-ref]:not(.av__celltext)[data-subtype=d]::before,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext)[data-subtype=d]::before {
  /* 左侧-动态锚文本 */
  content: var(--custom-ref-mark-d-l);
  color: var(--custom-ref-mark-d-l-color);
  width: var(--custom-ref-mark-d-l-width);
}

#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref].av__celltext[data-subtype=d]::after,
.sy__outline [data-node-id] span[data-type~=block-ref].av__celltext[data-subtype=d]::after,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref].av__celltext[data-subtype=d]::after,
#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref]:not(.av__celltext)[data-subtype=d]::after,
.sy__outline [data-node-id] span[data-type~=block-ref]:not(.av__celltext)[data-subtype=d]::after,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext)[data-subtype=d]::after {
  /* 右侧-动态锚文本 */
  content: var(--custom-ref-mark-d-r);
  color: var(--custom-ref-mark-d-r-color);
  width: var(--custom-ref-mark-d-r-width);
}

#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref].av__celltext[data-subtype=s]::before,
.sy__outline [data-node-id] span[data-type~=block-ref].av__celltext[data-subtype=s]::before,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref].av__celltext[data-subtype=s]::before,
#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref]:not(.av__celltext)[data-subtype=s]::before,
.sy__outline [data-node-id] span[data-type~=block-ref]:not(.av__celltext)[data-subtype=s]::before,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext)[data-subtype=s]::before {
  /* 左侧-静态锚文本 */
  content: var(--custom-ref-mark-s-l);
  color: var(--custom-ref-mark-s-l-color);
  width: var(--custom-ref-mark-s-l-width);
}

#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref].av__celltext[data-subtype=s]::after,
.sy__outline [data-node-id] span[data-type~=block-ref].av__celltext[data-subtype=s]::after,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref].av__celltext[data-subtype=s]::after,
#sidebar [data-type="sidebar-outline"] [data-node-id] span[data-type~=block-ref]:not(.av__celltext)[data-subtype=s]::after,
.sy__outline [data-node-id] span[data-type~=block-ref]:not(.av__celltext)[data-subtype=s]::after,
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext)[data-subtype=s]::after {
  /* 右侧-静态锚文本 */
  content: var(--custom-ref-mark-s-r);
  color: var(--custom-ref-mark-s-r-color);
  width: var(--custom-ref-mark-s-r-width);
}

边缘

:root {
    --b3-theme-primary: #5b68ff;
    --card-color: var(--b3-toolbar-background);
    --border-is: 1px solid rgb(66, 66, 66);
    --line-col: block;
}

/* 标签页头 */
.fn__flex.layout-tab-bar [data-type="tab-header"] {
    border: var(--border-is);
}

/* 顶部工具栏和底部状态栏 */
#status {
    border-bottom: none;
    /* 移除下边框 */
    border-top: var(--border-is);
    /* 左边框样式 */
    border-right: var(--border-is);
    /* 右边框样式 */
    border-left: var(--border-is);
    /* 下边框样式 */
}



/* 菜单 */
.b3-menu,
.b3-menu__submenu {
    border: var(--border-is);
}

/* 菜单项 */
/* .b3-menu__item {
    border: var(--border-is);
} */

/* 文档树与标签页 */
.layout-tab-container.fn__flex-1 {
    border: var(--border-is);
}

/* 标签页头空余 */
/* .layout-tab-bar.layout-tab-bar--readonly.fn__flex-1 {
    border-radius: 10px;
    margin: 1px;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
} */

/* 对话框（设置） */
.b3-dialog__body {
    border: var(--border-is);
}


.b3-menu .b3-menu__item:first-child {
    border-top-left-radius: var(--b3-border-radius-b);
    border-top-right-radius: var(--b3-border-radius-b);
}

.b3-menu .b3-menu__item:last-child {
    border-bottom-left-radius: var(--b3-border-radius-b);
    border-bottom-right-radius: var(--b3-border-radius-b)
}

段落块边界

/* ------------------------ 段落块 ------------------------ */
:root {
  --custom-border-line-color: #666666;
}

.protyle-wysiwyg [data-node-id].p {
  padding-bottom: 0px;
  border-bottom: 1px dashed var(--custom-border-line-color);
}

.protyle-wysiwyg [data-node-id].p:hover {
  border-radius: var(--custom-border-line-color);
}

.protyle-wysiwyg [data-node-id] [spellcheck][contenteditable]:empty:before {
  content: "";
  color: var(--custom-border-line-color);
}

.b3-typography p {
  padding-bottom: 0px;
}

.b3-typography p:hover {
  border-radius: var(--custom-border-line-color);
}

代码tag位置

.b3-typography .code-block .protyle-action .protyle-action__language,
.protyle-wysiwyg .code-block .protyle-action .protyle-action__language {
  margin-top: 0;
  position: absolute;
  left: 3.5em; /* 修改这里，从 right 改为 left 并设置适当的值 */
  border-radius: 1px;
  opacity: 1 !important;
}

/* 如果您还需要调整伪元素的位置，也可以在这里进行修改 */
.b3-typography .code-block .protyle-action .protyle-action__language::after,
.protyle-wysiwyg .code-block .protyle-action .protyle-action__language::after {
  content: "›";
  color: rgba(128, 128, 128, 0.502);
  opacity: 1;
}

plugin-custom-fonts-style

/* Twemoji Mozilla: https://github.com/mozilla/twemoji-colr */
@font-face {
    font-family: "Twemoji Mozilla";
    font-style: normal;
    src: url("plugins/custom-fonts/static/fonts/Twemoji.Mozilla/Twemoji.Mozilla-0.7.0.ttf");
}


:root {
    --b3-font-family: "LXGW WenKai", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    --b3-font-family-protyle: "LXGW WenKai";
    --b3-font-family-code: "SauceCodePro Nerd Font Propo", "JetBrainsMono-Regular", "mononoki", "Consolas", "Liberation Mono", "Menlo", "Courier", "monospace", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    --b3-font-family-graph: "mononoki";
    --b3-font-family-math: "KaTeX_Math", "KaTeX_Main";
    --b3-font-family-emoji: "Twemoji Mozilla", "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Noto Color Emoji", "Android Emoji";
}