0.79版本

README.md

@@ -8,7 +8,15 @@
   - 霞鹜文楷字体地址：https://github.com/lxgw/LxgwWenKai/
   - 安装后可自动生效，不用做什么设置；如果没有立即生效，可以重启一下思源笔记
 
+### 0.79版本
+
+- 调整menu菜单高度，恢复为默认高度，否则可能会存在遮挡的情况
+- menu菜单悬浮时没有背景颜色
+- 将面包屑设置为毛玻璃样式（代码指导来自于Dark+主题作者）
+- 其他一些细节
+
 #### 0.78版本更新
+
 - 将主题代码进行拆分，方便精确查找修改
 - 修复不弹出通知的bug
 - 无序列表前面的圆点大小

style/02-appearance/breadcrumb.css

@@ -1,13 +1,34 @@
 /* -------------------------------------------------面包屑导航样式-------------------------------------------- */
 .protyle-breadcrumb {
     color: gray;
-    background-color: var(--b3-theme-background2);
+    /* background-color: var(--b3-font-color-gray-tm); */
     font-size: 14px !important;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }
 
+
+/* 将面包屑设置为毛玻璃效果，来自于Dark+作者的建议 */
+
+/* 01 将面包屑设置为绝对布局 */
+.protyle-breadcrumb {
+    position: absolute;
+    /* background-color:rgba(255, 255, 255, 0.5); */
+    background-color: rgba(250, 250, 250, 0.7);
+    backdrop-filter: blur(5px);
+    z-index: 2;
+    width: 100%;
+}
+
+/* 02 将正文设置为浮动布局 */
+.protyle-content {
+    float: left;
+    padding-top: 30px;
+}
+
+
+/* -------------------设置面包屑中icon大小------------------------- */
 .protyle-breadcrumb__item svg {
     height: 14px;
     width: 14px;
@@ -16,6 +37,4 @@
 .protyle-breadcrumb__item:hover,
 .protyle-breadcrumb__item--active {
     background-color: var(--b3-theme-tm2) !important;
-}
-
-/* -------------------------------------------------面包屑导航样式 END-------------------------------------------- */
+}

style/02-appearance/file-tree.css

@@ -26,7 +26,7 @@ body {
     border-bottom: var(--b3-border-dashed);
     padding: 1px 8px;
     box-sizing: border-box;
-    height: 33px;
+    height: 34px;
 }
 
 /* ————————————————————大纲等文字显示主题色———————————————————— */

style/02-appearance/menu.css

@@ -39,7 +39,7 @@ button.b3-menu__item:hover {
 /* 给每个条目设置更高的行高 */
 .b3-menu .b3-menu__item {
     background-color: var(--b3-theme-background2);
-    line-height: 35px !important;
+    /* line-height: 35px !important; */
 }
 
 /* --------------------------------------------------“更多”按钮...hover时的背景颜色 END--------------------------------------- */

style/02-appearance/tab-bar.css

@@ -12,12 +12,12 @@
 }
 
 .layout-tab-bar .item:first-child {
-    border-left: 1px solid var(--b3-border-color) !important;
+    border-left: 1px solid transparent !important;
 }
 
-.layout-tab-bar .item:last-child {
-    border-right: 1px solid var(--b3-border-color) !important;
-}
+/* .layout-tab-bar .item:last-child {
+    border-right: 1px solid transparent !important;
+} */
 
 
 /* ——————————————————————设置文字最小宽度，标签过多时才能看清楚文字—————————————————————— */
@@ -67,4 +67,13 @@
     width: 1em;
 }
 
-/* --------------------------------------------------标签页 END--------------------------------------------- */
+/* --------------------------------------------------标签页 END--------------------------------------------- */
+
+/* v2.1.14引入 */
+.layout-tab-bar .item:not(:last-child), .layout-tab-bar .item:last-child:not(.item--focus):not(.item--readonly) {
+    box-shadow: none;
+}
+
+.layout-tab-bar .item:last-child:not(.item--readonly) {
+    margin-right: 0;
+}

style/03-inline-span/block-ref.css

@@ -1,60 +1,27 @@
-/* ------------------------------------------------块引用/引用块------------------------------------------------- */
 /* 设置引用块格式 */
-/* .protyle-wysiwyg [data-node-id] span[data-type='block-ref'] {
+.protyle-wysiwyg [data-node-id] span[data-type='block-ref'] {
     color: inherit;
     padding: 0.1em 0.2em;
     padding-bottom: 0.05em !important;
     border-bottom: 1px solid var(--b3-theme-primary);
     margin: 2px;
-} */
-
-.protyle-wysiwyg [data-node-id] span[data-type='block-ref'] {
-    color: var(--b3-theme-on-background);
-    border-radius: 4px;
-    text-decoration: 0.05em solid var(--b3-theme-primary) underline;
-    text-underline-offset: 0.1em;
-}
-
-.protyle-wysiwyg [data-node-id] span[data-type="block-ref"]::before {
-    content: "";
-    display: inline-block;
-    position: relative;
-    background-repeat: no-repeat;
-    background-size: 1.1em 1.1em;
-    background-image: url('../../src/page.png');
-    width: 1.1em;
-    height: 1.1em;
-    margin-right: 0.2em;
-    margin-left: 5px;
-    top: 0.1em;
 }
 
 /* 为引用块后面增加引用图标 */
-/* .protyle-wysiwyg [data-node-id] span[data-type="block-ref"]::before {
+.protyle-wysiwyg [data-node-id] span[data-type="block-ref"]::before {
     content: "📑";
     position: relative;
     font-size: 80%;
     top: -0.1em;
     margin-right: 2px;
-} */
+}
 
 .protyle-wysiwyg [data-node-id] span[data-type="block-ref"]:hover {
     color: var(--b3-theme-primary);
     background-color: var(--b3-theme-hover);
     border-radius: 3px 3px 0 0;
 }
 
-/* 去掉h1-h6标题上块引用的下划线，感谢二群群友123的建议 */
-.h1 span[data-type='block-ref'],
-.h2 span[data-type='block-ref'],
-.h3 span[data-type='block-ref'],
-.h4 span[data-type='block-ref'],
-.h5 span[data-type='block-ref'],
-.h6 span[data-type='block-ref'] {
-    border-bottom: 1px solid transparent !important;
-}
-
-
 /* 引用块悬浮时头部的背景颜色 */
 .b3-menu, .protyle-util {
     box-shadow: var(--b3-small-kuaiyinyong-shadow)

style/04-block-div/list.css

@@ -37,9 +37,9 @@
 }
 
 /* ——————————————————————去除无序列表底部外边距———————————————————— */
-.protyle-wysiwyg [data-node-id].li>[data-node-id] {
+/* .protyle-wysiwyg [data-node-id].li>[data-node-id] {
     margin-bottom: 0px;
-}
+} */
 
 /* ————————————————————减小前面符号·的大小———————————————————— */
 /* .list[data-node-id][data-type="NodeList"] .protyle-action>svg {

theme.css

@@ -35,7 +35,7 @@
 /* 修改选中文字后弹出的悬浮工具栏的样式 */
 @import url("style/02-appearance/toolbar.css");
 /* 修改弹出菜单的样式 */
-@import url("style/02-appearance/meun.css");
+@import url("style/02-appearance/menu.css");
 /* 修改按钮样式 */
 @import url("style/02-appearance/button.css");
 /* 修改设置界面样式 */

theme.json

@@ -2,7 +2,7 @@
   "name": "Zhang-Light",
   "author": "UserZYF",
   "url": "https://github.com/UserZYF/zhang-light",
-  "version": "0.78",
+  "version": "0.79",
   "modes": [
     "light"
   ]