From 441e9d1dcc0173b8074d1ddd5a4c8c28d4164704 Mon Sep 17 00:00:00 2001 From: Tron Date: Wed, 13 Nov 2024 20:23:30 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E5=BC=95=E8=BF=B0=E5=9D=97?= =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style/editor.css | 6 +++--- style/module/Admonition.css | 21 ++++++++++++--------- style/theme/Tsundoku_dark.css | 6 ++++++ style/theme/Tsundoku_green.css | 24 +++++++++++++++++++++--- style/theme/Tsundoku_light.css | 12 +++++++++++- 5 files changed, 53 insertions(+), 16 deletions(-) diff --git a/style/editor.css b/style/editor.css index 54ed4c9..dae1545 100644 --- a/style/editor.css +++ b/style/editor.css @@ -260,9 +260,9 @@ border-radius: 0px !important; background: transparent !important; } -.bq .code-block { - background: var(--b3-font-background3) !important; -} +/* .bq .code-block { + background: #f6f8fa66 !important; +} */ .protyle-wysiwyg [data-node-id].bq[style*='background-color'], .b3-typography blockquote[style*='background-color'] { diff --git a/style/module/Admonition.css b/style/module/Admonition.css index ea523dc..e505cf8 100644 --- a/style/module/Admonition.css +++ b/style/module/Admonition.css @@ -73,25 +73,25 @@ color: var(--b3-card-error-color) !important; background-color: #f0c4b959 !important; } -.bq[style*='background-color: var(--b3-card-error-background);'] .code-block { +/* .bq[style*='background-color: var(--b3-card-error-background);'] .code-block { background-color: #f6d8d382 !important; -} +} */ .bq[style*='background-color: var(--b3-card-warning-background);'] span[data-type~='kbd'], .bq[style*='background-color: var(--b3-card-warning-background);'] span[data-type~='code'] { color: var(--b3-card-warning-color) !important; background-color: #f0dfb959 !important; } - .bq[style*='background-color: var(--b3-card-warning-background);'] .code-block { + /* .bq[style*='background-color: var(--b3-card-warning-background);'] .code-block { background-color: #f7e9d08a !important; -} +} */ .bq[style*='background-color: var(--b3-card-info-background);'] span[data-type~='kbd'], .bq[style*='background-color: var(--b3-card-info-background);'] span[data-type~='code'] { color: var(--b3-card-info-color) !important; background-color: #bedaeb59 !important; } - .bq[style*='background-color: var(--b3-card-info-background);'] .code-block { + /* .bq[style*='background-color: var(--b3-card-info-background);'] .code-block { background-color: #d2e6f4b0 !important; -} +} */ .bq[style*='background-color: var(--b3-card-success-background);'] span[data-type~='kbd'], .bq[style*='background-color: var(--b3-card-success-background);'] span[data-type~='code'] { @@ -99,6 +99,8 @@ background-color: #c7ebbe59 !important; } + +/* .bq[style*='background-color: var(--b3-card-error-background);'] .code-block { background-color: var(--b3-card-error-background) !important; } @@ -166,13 +168,14 @@ background-color: var(--b3-font-background12) !important; } + + */ .bq[style*='background-color: var(--b3-font-background13);'] .code-block { background-color: #c4c6cc !important; } [data-theme-mode="dark"] .bq[style*='background-color: var(--b3-font-background13);'] .code-block { - background-color: var(--b3-font-background13)!important; + background-color: var(--b3-font-background13) !important; } - /* 优化列表线 */ .bq[style*='background-color: var(--b3-card-error-background);'] [data-node-id].li @@ -306,7 +309,7 @@ .protyle-wysiwyg .bq[style*='background-color: var(--b3-font-background13);'] .bq { border-radius: 0px !important; border-left: 0.3em solid var(--b3-font-color13) !important; - color: var(--b3-font-color13); + color: var(--b3-font-color13) !important; } /* 引述块添加卡片背景色,嵌套引述块的border颜色可以进一步修改*/ diff --git a/style/theme/Tsundoku_dark.css b/style/theme/Tsundoku_dark.css index 239d325..eac5644 100644 --- a/style/theme/Tsundoku_dark.css +++ b/style/theme/Tsundoku_dark.css @@ -831,4 +831,10 @@ div[data-subtype='t'][data-type='NodeList'] { max-width: 90% !important; width: auto; background-color: #fff; +} + + +/* 引述块内的代码块 */ +.bq .code-block { + background: #0f1d2a57 !important; } \ No newline at end of file diff --git a/style/theme/Tsundoku_green.css b/style/theme/Tsundoku_green.css index a69fafc..ce86785 100644 --- a/style/theme/Tsundoku_green.css +++ b/style/theme/Tsundoku_green.css @@ -146,7 +146,7 @@ --b3-protyle-search-current-background: #a5d3fe; /* 代码片段背景 m */ - --b3-protyle-code-background: #e2f4e4; + --b3-protyle-code-background: #e2f4e480; /* 所见即所得行内元素颜色 */ --b3-protyle-inline-strong-color: #202124; @@ -657,6 +657,11 @@ div[data-subtype='t'][data-type='NodeList'] { .protyle-select { background-color: rgba(31, 138, 93, 0.12); } +/* 选择块 */ +.protyle-wysiwyg--select:after, +.protyle-wysiwyg--hl:after { + background-color: #228be629; +} /* 图片大小调整手柄 */ .protyle-wysiwyg [data-node-id] .img .protyle-action__drag { @@ -972,7 +977,20 @@ html[data-theme-mode=light] .av__panel .b3-menu__item[draggable=true] { mix-blend-mode: normal; } -[data-theme-mode="light"] .protyle-wysiwyg [data-node-id].bq:not([style*='background-color']) { +.protyle-wysiwyg [data-node-id].bq:not([style*='background-color']) { background-color: var(--b3-card-success-background); color: var(--b3-card-success-color); -} \ No newline at end of file +} +.protyle-wysiwyg [data-node-id].bq>.bq { + border: none; + border-left: 0.3em solid var(--b3-font-color4); + border-radius: 0px !important; + background: transparent !important; +} + +/* 引述块内的代码块 */ +.bq .code-block { + background: #e2f4e43d !important; +} + + diff --git a/style/theme/Tsundoku_light.css b/style/theme/Tsundoku_light.css index efe4368..2ec30b7 100644 --- a/style/theme/Tsundoku_light.css +++ b/style/theme/Tsundoku_light.css @@ -149,7 +149,7 @@ --b3-protyle-search-border-color: #f2e680; --b3-protyle-search-current-background: #a5d3fe; - /* 代码片段背景 m */ + /* 代码块背景 m */ --b3-protyle-code-background: #f6f8fa; /* 所见即所得行内元素颜色 */ @@ -292,3 +292,13 @@ transition: background-color 0.5s linear; } +/* 引述块行内代码样式优化 */ +.protyle-wysiwyg [data-node-id].bq span[data-type~='kbd'], +.protyle-wysiwyg [data-node-id].bq span[data-type~='code'] { + color: var(--b3-card-info-color); + background-color: #bedaeb52 +} +/* 引述块内的代码块 */ +.bq .code-block { + background: #f6f8fa66 !important; +} \ No newline at end of file