diff --git a/README.md b/README.md
index b76e86d..a60b7b7 100644
--- a/README.md
+++ b/README.md
@@ -37,14 +37,15 @@ Limited by the configuration loading method, updated configurations for new vers
> Full changelog view [ChangeLog](https://github.com/lingfengyu-dreaming/siyuan-vscodelite-edit/blob/main/changelog.md)
+- V1.4.8
+ - Header add shadow
+ - Header icon convert to svg and add color
- V1.4.7
- Try to fix the export preview style
- Try to repair the display style of setting options on the right side of the settings panel
- Try to fix the unexcepted scrollbar on the right side of export PDF preview panel
- V1.4.6
- Limit the width of the mathematical enhancement plug-in formula preview area, adjustable
-- V1.4.5
- - Fixed a problem that accidentally affected the mobile display when the background plug-in was enabled
# Plugin fitness
diff --git a/README_zh_CN.md b/README_zh_CN.md
index 3658f5c..ea33ac4 100644
--- a/README_zh_CN.md
+++ b/README_zh_CN.md
@@ -38,14 +38,15 @@
> 完整更新日志查看[changelog](https://github.com/lingfengyu-dreaming/siyuan-vscodelite-edit/blob/main/changelog.md)
+- V1.4.8
+ - 标题添加阴影
+ - 标题符号转为svg并添加颜色
- V1.4.7
- 尝试修复导出预览效果
- 尝试修复设置界面右侧设置选项显示效果
- 尝试修复导出PDF预览面板右侧意外滚动条
- V1.4.6
- 限制数学增强插件公式预览区域的宽度，可调整
-- V1.4.5
- - 修复背景插件启用时意外影响移动端显示问题
# 插件适配
diff --git a/changelog.md b/changelog.md
index 11abf6b..dcf1e56 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,10 @@
# ChangeLog
+- V1.4.8
+ - 标题添加阴影
+ - 标题符号转为svg并添加颜色
+ - Header add shadow
+ - Header icon convert to svg and add color
- V1.4.7
- 尝试修复导出预览效果
- 尝试修复设置界面右侧设置选项显示效果
diff --git a/resources/h1.bmp b/resources/h1.bmp
deleted file mode 100644
index 9efa16b..0000000
Binary files a/resources/h1.bmp and /dev/null differ
diff --git a/resources/h1.svg b/resources/h1.svg
new file mode 100644
index 0000000..5b9eb1a
--- /dev/null
+++ b/resources/h1.svg
@@ -0,0 +1,239 @@
+
+
+
diff --git a/resources/h2.bmp b/resources/h2.bmp
deleted file mode 100644
index 76cd901..0000000
Binary files a/resources/h2.bmp and /dev/null differ
diff --git a/resources/h2.svg b/resources/h2.svg
new file mode 100644
index 0000000..96a4311
--- /dev/null
+++ b/resources/h2.svg
@@ -0,0 +1,183 @@
+
+
+
diff --git a/resources/h3.bmp b/resources/h3.bmp
deleted file mode 100644
index 52c554a..0000000
Binary files a/resources/h3.bmp and /dev/null differ
diff --git a/resources/h3.svg b/resources/h3.svg
new file mode 100644
index 0000000..5ab2b1f
--- /dev/null
+++ b/resources/h3.svg
@@ -0,0 +1,216 @@
+
+
+
diff --git a/resources/h4.bmp b/resources/h4.bmp
deleted file mode 100644
index 9e75dbb..0000000
Binary files a/resources/h4.bmp and /dev/null differ
diff --git a/resources/h4.svg b/resources/h4.svg
new file mode 100644
index 0000000..d7f7f60
--- /dev/null
+++ b/resources/h4.svg
@@ -0,0 +1,276 @@
+
+
+
diff --git a/resources/h5.bmp b/resources/h5.bmp
deleted file mode 100644
index a0134c7..0000000
Binary files a/resources/h5.bmp and /dev/null differ
diff --git a/resources/h5.svg b/resources/h5.svg
new file mode 100644
index 0000000..1cadc0f
--- /dev/null
+++ b/resources/h5.svg
@@ -0,0 +1,311 @@
+
+
+
diff --git a/resources/h6.bmp b/resources/h6.bmp
deleted file mode 100644
index 0ef1865..0000000
Binary files a/resources/h6.bmp and /dev/null differ
diff --git a/resources/h6.svg b/resources/h6.svg
new file mode 100644
index 0000000..da4a65e
--- /dev/null
+++ b/resources/h6.svg
@@ -0,0 +1,369 @@
+
+
+
diff --git a/sub/block/title.css b/sub/block/title.css
index 9430c4c..d0b80c4 100644
--- a/sub/block/title.css
+++ b/sub/block/title.css
@@ -3,6 +3,7 @@
.protyle-preview h1 {
color: var(--mk-block-header-h1);
display: flex;
+ text-shadow: 2px 2px 4px var(--lite-header-shadow);
}
/* h1标签 */
@@ -12,9 +13,10 @@
display: inline-block;
width: 1.75rem;
height: 1.75rem;
- background: url(../../resources/h1.bmp) no-repeat center center;
- background-size: contain;
- filter: invert(75%);
+ mask: url(../../resources/h1.svg) no-repeat center center;
+ mask-size: contain;
+ background-color: var(--mk-block-header-h1);
+ /* filter: invert(40%); */
padding-top: 8.4px;
margin-right: 0.2em;
}
@@ -26,9 +28,10 @@
display: inline-block;
width: 1.75rem;
height: 1.75rem !important;
- background: url(../../resources/h1.bmp) no-repeat center center;
- background-size: contain;
- filter: invert(75%);
+ mask: url(../../resources/h1.svg) no-repeat center center;
+ mask-size: contain;
+ background-color: var(--mk-block-header-h1);
+ /* filter: invert(40%); */
position: static;
border-radius: unset;
margin-top: unset;
@@ -46,6 +49,7 @@ ul.b3-list.b3-list--background [data-subtype=h1] .b3-list-item__text {
.protyle-preview h2 {
color: var(--mk-block-header-h2);
display: flex;
+ text-shadow: 2px 2px 4px var(--lite-header-shadow);
}
/* h2标签 */
@@ -55,9 +59,10 @@ ul.b3-list.b3-list--background [data-subtype=h1] .b3-list-item__text {
display: inline-block;
width: 1.55rem;
height: 1.55rem;
- background: url(../../resources/h2.bmp) no-repeat center center;
- background-size: contain;
- filter: invert(75%);
+ mask: url(../../resources/h2.svg) no-repeat center center;
+ mask-size: contain;
+ background-color: var(--mk-block-header-h2);
+ /* filter: invert(40%); */
padding-top: 7.44px;
margin-right: 0.2em;
}
@@ -69,9 +74,10 @@ ul.b3-list.b3-list--background [data-subtype=h1] .b3-list-item__text {
display: inline-block;
width: 1.55rem;
height: 1.55rem !important;
- background: url(../../resources/h2.bmp) no-repeat center center;
- background-size: contain;
- filter: invert(75%);
+ mask: url(../../resources/h2.svg) no-repeat center center;
+ mask-size: contain;
+ background-color: var(--mk-block-header-h2);
+ /* filter: invert(40%); */
position: static;
border-radius: unset;
margin-top: unset;
@@ -89,6 +95,7 @@ ul.b3-list.b3-list--background [data-subtype=h2] .b3-list-item__text {
.protyle-preview h3 {
color: var(--mk-block-header-h3);
display: flex;
+ text-shadow: 2px 2px 4px var(--lite-header-shadow);
}
/* h3标签 */
@@ -98,9 +105,10 @@ ul.b3-list.b3-list--background [data-subtype=h2] .b3-list-item__text {
display: inline-block;
width: 1.38rem;
height: 1.38rem;
- background: url(../../resources/h3.bmp) no-repeat center center;
- background-size: contain;
- filter: invert(75%);
+ mask: url(../../resources/h3.svg) no-repeat center center;
+ mask-size: contain;
+ background-color: var(--mk-block-header-h3);
+ /* filter: invert(40%); */
padding-top: 4px;
margin-right: 0.2em;
}
@@ -112,9 +120,10 @@ ul.b3-list.b3-list--background [data-subtype=h2] .b3-list-item__text {
display: inline-block;
width: 1.38rem;
height: 1.38rem !important;
- background: url(../../resources/h3.bmp) no-repeat center center;
- background-size: contain;
- filter: invert(75%);
+ mask: url(../../resources/h3.svg) no-repeat center center;
+ mask-size: contain;
+ background-color: var(--mk-block-header-h3);
+ /* filter: invert(40%); */
position: static;
border-radius: unset;
margin-top: unset;
@@ -132,6 +141,7 @@ ul.b3-list.b3-list--background [data-subtype=h3] .b3-list-item__text {
.protyle-preview h4 {
color: var(--mk-block-header-h4);
display: flex;
+ text-shadow: 2px 2px 4px var(--lite-header-shadow);
}
/* h4标签 */
@@ -141,9 +151,10 @@ ul.b3-list.b3-list--background [data-subtype=h3] .b3-list-item__text {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
- background: url(../../resources/h4.bmp) no-repeat center center;
- background-size: contain;
- filter: invert(75%);
+ mask: url(../../resources/h4.svg) no-repeat center center;
+ mask-size: contain;
+ background-color: var(--mk-block-header-h4);
+ /* filter: invert(40%); */
padding-top: 4px;
margin-right: 0.2em;
}
@@ -155,9 +166,10 @@ ul.b3-list.b3-list--background [data-subtype=h3] .b3-list-item__text {
display: inline-block;
width: 1.25rem;
height: 1.25rem !important;
- background: url(../../resources/h4.bmp) no-repeat center center;
- background-size: contain;
- filter: invert(75%);
+ mask: url(../../resources/h4.svg) no-repeat center center;
+ mask-size: contain;
+ background-color: var(--mk-block-header-h4);
+ /* filter: invert(40%); */
position: static;
border-radius: unset;
margin-top: unset;
@@ -175,6 +187,7 @@ ul.b3-list.b3-list--background [data-subtype=h4] .b3-list-item__text {
.protyle-preview h5 {
color: var(--mk-block-header-h5);
display: flex;
+ text-shadow: 2px 2px 4px var(--lite-header-shadow);
}
/* h5标签 */
@@ -184,9 +197,10 @@ ul.b3-list.b3-list--background [data-subtype=h4] .b3-list-item__text {
display: inline-block;
width: 1.13rem;
height: 1.13rem;
- background: url(../../resources/h5.bmp) no-repeat center center;
- background-size: contain;
- filter: invert(75%);
+ mask: url(../../resources/h5.svg) no-repeat center center;
+ mask-size: contain;
+ background-color: var(--mk-block-header-h5);
+ /* filter: invert(40%); */
padding-top: 4px;
margin-right: 0.2em;
}
@@ -198,9 +212,10 @@ ul.b3-list.b3-list--background [data-subtype=h4] .b3-list-item__text {
display: inline-block;
width: 1.13rem;
height: 1.13rem !important;
- background: url(../../resources/h5.bmp) no-repeat center center;
- background-size: contain;
- filter: invert(75%);
+ mask: url(../../resources/h5.svg) no-repeat center center;
+ mask-size: contain;
+ background-color: var(--mk-block-header-h5);
+ /* filter: invert(40%); */
position: static;
border-radius: unset;
margin-top: unset;
@@ -218,6 +233,7 @@ ul.b3-list.b3-list--background [data-subtype=h5] .b3-list-item__text {
.protyle-preview h6 {
color: var(--mk-block-header-h6);
display: flex;
+ text-shadow: 2px 2px 4px var(--lite-header-shadow);
}
/* h6标签 */
@@ -227,9 +243,10 @@ ul.b3-list.b3-list--background [data-subtype=h5] .b3-list-item__text {
display: inline-block;
width: 1rem;
height: 1rem;
- background: url(../../resources/h6.bmp) no-repeat center center;
- background-size: contain;
- filter: invert(75%);
+ mask: url(../../resources/h6.svg) no-repeat center center;
+ mask-size: contain;
+ background-color: var(--mk-block-header-h6);
+ /* filter: invert(40%); */
padding-top: 4px;
margin-right: 0.2em;
}
@@ -241,9 +258,10 @@ ul.b3-list.b3-list--background [data-subtype=h5] .b3-list-item__text {
display: inline-block;
width: 1rem;
height: 1rem !important;
- background: url(../../resources/h6.bmp) no-repeat center center;
- background-size: contain;
- filter: invert(75%);
+ mask: url(../../resources/h6.svg) no-repeat center center;
+ mask-size: contain;
+ background-color: var(--mk-block-header-h6);
+ /* filter: invert(40%); */
position: static;
border-radius: unset;
margin-top: unset;
diff --git a/sub/color.css b/sub/color.css
index 01167af..7434299 100644
--- a/sub/color.css
+++ b/sub/color.css
@@ -7,6 +7,7 @@
--lite-database-header-background: #9a9a9a80;
--lite-bg-dock-item-background: #00000022;
--lite-bg-dock-item-active: #3b3838;
+ --lite-header-shadow: #2b8f74;
--mk-toolbar-background: #dddddd;
--mk-toolbar-background--blur: #e5e5e5;
--mk-toolbar--blur-item: #7b7b7b;
@@ -61,6 +62,7 @@
--lite-database-header-background: #efefef30;
--lite-bg-dock-item-active: #f4f4f4;
--lite-bg-dock-item-background: #00000022;
+ --lite-header-shadow: #2b4c8f;
--mk-toolbar-background: #3c3c3c;
--mk-toolbar-background--blur: #323233;
--mk-toolbar--blur-item: #8e8e8e;
diff --git a/theme.json b/theme.json
index 0d6b1e5..b5988ec 100644
--- a/theme.json
+++ b/theme.json
@@ -2,7 +2,7 @@
"name": "siyuan-vscodelite-edit",
"author": "Emptylight",
"url": "https://github.com/lingfengyu-dreaming/siyuan-vscodelite-edit",
- "version": "1.4.7",
+ "version": "1.4.8",
"displayName": {
"default": "VSCode Lite Edit"
},
@@ -34,6 +34,8 @@
"vscode",
"vscodelite",
"vscode lite",
+ "light",
+ "dark",
"emptylight",
"lingfengyu-dreaming"
]