From 8cb2c22b8cfc4808fc1755573fc0885817501eb7 Mon Sep 17 00:00:00 2001 From: Tron Date: Mon, 4 Nov 2024 11:58:19 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=94=96=20v2.3.4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 6 + style/editor.css | 8 + style/module/Admonition.css | 305 ++++++++++++++++++++++++++++----- style/theme/Tsundoku_dark.css | 9 +- style/theme/Tsundoku_green.css | 2 +- theme.json | 2 +- 6 files changed, 280 insertions(+), 52 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 7eed0ac..96e5e90 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,9 @@ +## 2.3.4 / 2024.11.03 +- 💄Tsundoku 引述块大大增强 + * 引述块添加背景色,嵌套引述块的border颜色为对应颜色 + * 引述块添加卡片背景色,嵌套引述块的border颜色可以进一步修改 + + ## 2.3.3 / 2024.11.03 - 💄数据库图片全宽展示 - 💄link icon 对file协议的文件夹图标显示优化: file:// 起头的链接,如果 href 没有文件格式(含有.),或者文件后缀为 `/` 或 `\`,则使用 folder.svg 图标 diff --git a/style/editor.css b/style/editor.css index 9e85098..f88083d 100644 --- a/style/editor.css +++ b/style/editor.css @@ -239,6 +239,14 @@ color: #6a6969; } + +.protyle-wysiwyg [data-node-id].bq > .bq { + border: none; + border-left: 0.3em solid #6c6d6d; + border-radius: 0px !important; + background: transparent !important; +} + .protyle-wysiwyg [data-node-id].bq[style*='background-color'], .b3-typography blockquote[style*='background-color'] { border: 1px solid var(--custom-blockquote-border-color) !important; diff --git a/style/module/Admonition.css b/style/module/Admonition.css index a224530..a63f3ea 100644 --- a/style/module/Admonition.css +++ b/style/module/Admonition.css @@ -1,68 +1,65 @@ /* -------------------搬运语雀的提示区块 ---------Start----------------------------*/ -/* 添加border */ -/* .bq[style*='background-color: var(--b3-card-error-background);'] { - border: 1px solid var(--b3-font-color1) !important; -} -.bq[style*='background-color: var(--b3-card-warning-background);'] { - border: 1px solid var(--b3-font-color2) !important; -} +/* 优化引述块 */ -.bq[style*='background-color: var(--b3-card-info-background);'] { - border: 1px solid var(--b3-font-color3) !important; +.protyle-wysiwyg .bq[style*='background-color: var(--b3-font-background1);'] { + color: var(--b3-font-color5); } -.bq[style*='background-color: var(--b3-card-success-background);'] { - border: 1px solid var(--b3-font-color4) !important; -} -.bq[style*='background-color: var(--b3-font-background1);'] { - border: 1px solid var(--b3-font-color1) !important; +.protyle-wysiwyg .bq[style*='background-color: var(--b3-font-background2);'] { + color: var(--b3-font-color2); } -.bq[style*='background-color: var(--b3-font-background2);'] { - border: 1px solid var(--b3-font-color2) !important; +.protyle-wysiwyg .bq[style*='background-color: var(--b3-font-background3);'] { + color: var(--b3-font-color3); } -.bq[style*='background-color: var(--b3-font-background3);'] { - border: 1px solid var(--b3-font-color3) !important; +.protyle-wysiwyg .bq[style*='background-color: var(--b3-font-background4);'] { + color: var(--b3-font-color4); } -.bq[style*='background-color: var(--b3-font-background4);'] { - border: 1px solid var(--b3-font-color4) !important; +.protyle-wysiwyg .bq[style*='background-color: var(--b3-font-background5);'] { + color: var(--b3-font-color5); } -.bq[style*='background-color: var(--b3-font-background5);'] { - border: 1px solid var(--b3-font-color5) !important; +.protyle-wysiwyg .bq[style*='background-color: var(--b3-font-background6);'] { + color: var(--b3-font-color6); } -.bq[style*='background-color: var(--b3-font-background6);'] { - border: 1px solid var(--b3-font-color6) !important; -} -.bq[style*='background-color: var(--b3-font-background7);'] { - border: 1px solid var(--b3-font-color7) !important; + +.protyle-wysiwyg .bq[style*='background-color: var(--b3-font-background7);'] { + color: var(--b3-font-color7); } -.bq[style*='background-color: var(--b3-font-background8);'] { - border: 1px solid var(--b3-font-color8) !important; + +.protyle-wysiwyg .bq[style*='background-color: var(--b3-font-background8);'] { + color: var(--b3-font-color8); } -.bq[style*='background-color: var(--b3-font-background9);'] { - border: 1px solid var(--b3-font-color9) !important; + +.protyle-wysiwyg .bq[style*='background-color: var(--b3-font-background9);'] { + color: var(--b3-font-color9); } -.bq[style*='background-color: var(--b3-font-background10);'] { - border: 1px solid var(--b3-font-color10) !important; + +.protyle-wysiwyg .bq[style*='background-color: var(--b3-font-background10);'] { + color: var(--b3-font-color10); } -.bq[style*='background-color: var(--b3-font-background11);'] { - border: 1px solid var(--b3-font-color11) !important; + +.protyle-wysiwyg .bq[style*='background-color: var(--b3-font-background11);'] { + color: var(--b3-font-color11); } + + .bq[style*='background-color: var(--b3-font-background12);'] { - border: 1px solid var(--b3-font-color12) !important; + color: var(--b3-font-color12); } + .bq[style*='background-color: var(--b3-font-background13);'] { - border: 1px solid var(--b3-font-color13) !important; -} */ + color: var(--b3-font-color13); +} + /* 优化代码块和行内代码 */ -[data-theme-mode="light"] .bq[style*='background-color'] .code-block { +.bq[style*='background-color'] .code-block { /* 添加阴影 */ box-shadow: 0 0 0 1px #1e25351a; } @@ -73,7 +70,7 @@ color: var(--b3-card-error-color) !important; background-color: #f0c4b959 !important; } -[data-theme-mode="light"] .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'], @@ -81,7 +78,7 @@ color: var(--b3-card-warning-color) !important; background-color: #f0dfb959 !important; } -[data-theme-mode="light"] .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'], @@ -89,18 +86,20 @@ color: var(--b3-card-info-color) !important; background-color: #bedaeb59 !important; } -[data-theme-mode="light"] .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'] { color: var(--b3-card-success-color) !important; background-color: #c7ebbe59 !important; } -[data-theme-mode="light"] .bq[style*='background-color: var(--b3-card-success-background);'] .code-block { + .bq[style*='background-color: var(--b3-card-success-background);'] .code-block { background-color: #d9f4d6c7 !important; } + /* 优化列表线 */ .bq[style*='background-color: var(--b3-card-error-background);'] [data-node-id].li @@ -130,5 +129,225 @@ } +/* --------------------------------------优化引述块内引述块------------------------------ */ +/* 引述块添加背景色,嵌套引述块的border颜色为对应颜色 */ + +.bq[style*='background-color: var(--b3-card-success-background);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color4) !important; +} + +.bq[style*='background-color: var(--b3-card-warning-background);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color2) !important; +} + +.bq[style*='background-color: var(--b3-card-info-background);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color3) !important; +} + +.bq[style*='background-color: var(--b3-card-error-background);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color1) !important; +} + +.bq[style*='background-color: var(--b3-font-background1);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color1) !important; +} + + +.bq[style*='background-color: var(--b3-font-background2);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color2) !important; +} + +.bq[style*='background-color: var(--b3-font-background3);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color3) !important; +} + +.bq[style*='background-color: var(--b3-font-background4);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color4) !important; +} + +.bq[style*='background-color: var(--b3-font-background5);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color5) !important; +} + + +.bq[style*='background-color: var(--b3-font-background6);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color6) !important; +} + +.bq[style*='background-color: var(--b3-font-background7);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color7) !important; +} + +.bq[style*='background-color: var(--b3-font-background8);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color8) !important; +} + +.bq[style*='background-color: var(--b3-font-background9);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color9) !important; +} + +.bq[style*='background-color: var(--b3-font-background10);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color10) !important; +} + +.bq[style*='background-color: var(--b3-font-background11);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color11) !important; +} + + +.bq[style*='background-color: var(--b3-font-background12);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color12) !important; +} + +.bq[style*='background-color: var(--b3-font-background13);'] .bq { + border-radius: 0px !important; + border-left: 0.3em solid var(--b3-font-color13) !important; +} + +/* 引述块添加卡片背景色,嵌套引述块的border颜色可以进一步修改*/ +[data-node-id].bq .bq[style*='background-color: var(--b3-card-error-background);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color1) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-card-warning-background);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color2) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-card-info-background);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color3) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-card-success-background);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color4) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background1);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color1) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background2);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color2) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background3);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color3) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background4);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color4) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background5);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color5) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background6);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color6) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background7);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color7) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background8);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color8) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background9);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color9) !important; +} + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background10);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color10) !important; +} + + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background11);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color11) !important; +} + + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background12);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-color12) !important; +} + + +[data-node-id].bq .bq[style*='background-color: var(--b3-font-background13);'] { + border: 0 !important; + border-radius: 0px !important; + background-color: transparent !important; + border-left: 0.3em solid var(--b3-font-background13) !important; +} +[data-theme-mode="light"] [data-node-id].bq .bq[style*='background-color: var(--b3-font-background13);'] { + color: var(--b3-theme-on-background) !important; +} + + + + /* -------------------搬运语雀的提示区块 --END-----------------------------------*/ \ No newline at end of file diff --git a/style/theme/Tsundoku_dark.css b/style/theme/Tsundoku_dark.css index 7403108..12a9331 100644 --- a/style/theme/Tsundoku_dark.css +++ b/style/theme/Tsundoku_dark.css @@ -68,7 +68,7 @@ --b3-font-color10: #ca98ff; --b3-font-color11: #d90ec5; --b3-font-color12: #ef2d69; - --b3-font-color13: #3999f2; + --b3-font-color13: #fff; --b3-font-background1: #ff8f894f; --b3-font-background2: #e2a7534a; --b3-font-background3: #36abf833; @@ -800,15 +800,10 @@ div[data-subtype='t'][data-type='NodeList'] { } -[data-theme-mode="dark"] .protyle-wysiwyg [data-node-id].bq, -.b3-typography blockquote { - color: #a79d9d !important; -} .b3-typography blockquote, .protyle-wysiwyg [data-node-id].bq:not([style*='background-color']) { - border: 1px solid var(--custom-blockquote-border-color); - /* border-left: 0.3em solid #456c74 !important; */ + color: #a79d9d; background-color: #3e72852b; } diff --git a/style/theme/Tsundoku_green.css b/style/theme/Tsundoku_green.css index 123c18a..33e4666 100644 --- a/style/theme/Tsundoku_green.css +++ b/style/theme/Tsundoku_green.css @@ -188,7 +188,7 @@ --custom-h4-color: #1e776f; --custom-h5-color: #381753c9; --custom-h6-color: var(--b3-theme-on-background); - --custom-blockquote-border-color: #6bb48133; + --custom-blockquote-border-color: #6bb481a1; --custom-blockquote-background-color: #a9d6b248; --custom-tag-hover-color: #3eadad; --custom-link-bottom-color: #4576a1; diff --git a/theme.json b/theme.json index 51fbfbb..1f2bad3 100644 --- a/theme.json +++ b/theme.json @@ -2,7 +2,7 @@ "name": "Tsundoku", "author": "Achuan-2", "url": "https://github.com/Achuan-2/siyuan-themes-tsundoku", - "version": "2.3.3", + "version": "2.3.4", "displayName": { "default": "Tsundoku", "zh_CN": "積読"