0.31版本

style/01-color-font/color-font.css

@@ -164,7 +164,6 @@
         "Segoe UI Symbol",
         "Noto Color Emoji";
     --b3-font-family-code:
-        "Arvo",
         "JetBrains Mono",
         SFMono-Regular,
         Menlo, Monaco,
@@ -197,7 +196,7 @@
     --b3-scroll-color-card: #ffffffb3;
 
     /* 列表 */
-    --b3-list-hover: transparent;
+    --b3-list-hover: #e7e7e780;
 
     /* 标签页/页签 */
     --b3-tab-background: #f2f2f2;
@@ -340,7 +339,7 @@
     --b3-protyle-inline-link-color: #0066ff;
     --b3-protyle-inline-link-hover-color: red;
     /* 高亮颜色/标记颜色 */
-    --b3-protyle-inline-mark-background: #fffcb4;
+    --b3-protyle-inline-mark-background: #ffed79;
     --b3-protyle-inline-mark-color: black;
     /* 标签颜色 */
     --b3-protyle-inline-tag-background: #b2d1ff6c;

style/02-appearance/breadcrumb.css

@@ -8,6 +8,11 @@
     border-bottom: 1px solid var(--b3-breadcrumb-border-color);
 }
 
+/* Ctrl+P搜索界面编辑区域面包屑上方 */
+.b3-dialog__container .protyle-breadcrumb {
+    border-top-width: 0;
+}
+
 .protyle-breadcrumb__bar {
     /* overflow: hidden; */
     margin-top: -2px;
@@ -41,4 +46,11 @@ span.protyle-breadcrumb__item.protyle-breadcrumb__item--active svg.popover__bloc
 
 .protyle-breadcrumb__item:hover svg.popover__block {
     color: var(--b3-theme-on-background) !important;
+}
+
+/* v2.4.10 */
+/* 聚焦或者鼠标悬浮时背景颜色为透明色 */
+.protyle-breadcrumb__item:hover,
+.protyle-breadcrumb__item--active {
+    background-color: transparent;
 }

style/02-appearance/dock.css

@@ -1,5 +1,6 @@
 /* ----------------------------------------------01 顶栏---------------------------------------------- */
-.toolbar {
+/* (1) notion主题标准 */
+/* .toolbar {
     background-color: #f3f5f7 !important;
     margin-bottom: -22px;
     z-index: 99;
@@ -21,8 +22,46 @@
 .toolbar:hover {
     opacity: 1;
     transition: all 300ms;
+} */
+.toolbar {
+    height: 30px;
+    margin-bottom: -30px;
+    opacity: 0;
+    transition: all 300ms;
+    transform: translateY(-20px);
+    z-index: 8;
+    transition-delay: 500ms;
+    background-color: #f3f5f7 !important;
+}
+
+.toolbar:hover {
+    opacity: 1;
+    transform: translateY(0px);
+    transition: all 300ms;
+}
+
+/* (2) 重新设计的 */
+/* .toolbar {
+    background-color: #f3f5f7 !important;
+    height: 20px;
+    line-height: 20px;
+}
+
+.toolbar .toolbar__item,
+.toolbar div#drag {
+    padding: 2px 9px;
+    opacity: 0;
+}
+
+.toolbar:hover .toolbar__item,
+.toolbar:hover div#drag {
+    opacity: 1;
 }
 
+.toolbar .toolbar__item svg {
+    height: 12px;
+    width: 12px;
+} */
 
 /* ----------------------------------------------02 左侧栏---------------------------------------------- */
 /* 设置左栏蓝色渐变背景，下移item，防止和顶栏冲突 */
@@ -43,7 +82,7 @@ div#dockLeft .dock__item--active svg {
 
 div#dockLeft .dock__item:hover,
 div#dockLeft .dock__item--active {
-    background-color: rgba(0, 102, 255, 0.5);
+    background-color: rgba(0, 102, 255, 0.5) !important;
 }
 
 /* ----------------------------------------------03 右侧栏---------------------------------------------- */

style/02-appearance/file-tree.css

@@ -9,7 +9,7 @@
 }
 
 /* 文档树、大纲、反向链接顶部的背景颜色 */
-.block__icons {
+div[data-type="wnd"] .block__icons {
     background-color: var(--b3-theme-surface);
     border-bottom: 2px dashed var(--b3-border-color);
 }
@@ -49,7 +49,9 @@ span.b3-list-item__icon.b3-tooltips.b3-tooltips__n {
     margin: 6px 4px 6px 14px;
     outline: 1px solid rgba(231, 231, 231, 1);
     background-color: white;
-    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
+    box-shadow:
+        rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
+        rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
 }
 
 [data-type="navigation-root"] {

style/02-appearance/setting-option.css

@@ -1,7 +1,7 @@
 /* ————————————————————设置界面颜色———————————————————— */
 /* 设置界面左栏背景颜色 */
 .b3-dialog--open .b3-dialog__container ul.b3-tab-bar.b3-list.b3-list--background {
-    /* background-color: #fafbfc !important; */
+    background-color: #f3f3f5;
     border-right: 1px solid var(--b3-border-color);
 }
 

style/02-appearance/tab-bar.css

@@ -22,6 +22,11 @@ ul.fn__flex.layout-tab-bar {
     display: inline;
 }
 
+/* 标签页关闭按钮一直显示 @v2.4.5 */
+.layout-tab-bar .item__close svg {
+    opacity: 1;
+}
+
 /* -----------------------------------------------------focus----------------------------------------------------- */
 .layout-tab-bar .item--focus {
     color: var(--b3-tab-bar-focus-background);

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

@@ -21,11 +21,4 @@
     background-color: var(--b3-block-ref-hover-background);
 }
 
-/* ------------------------------------------------块引用 END------------------------------------------------- */
-
-
-/* 虚拟引用 */
-.protyle-wysiwyg [data-node-id] span[data-type=virtual-block-ref] {
-    background-color: #80808011;
-    border-bottom: 2px dashed #8080803c;
-}
+/* ------------------------------------------------块引用 END------------------------------------------------- */

style/03-inline-span/tag.css

@@ -1,27 +1,11 @@
-/* ------------------------------------------标签 tag--------------------------------------------- */
-.protyle-wysiwyg [data-node-id] span[data-type='tag']:not(:empty) {
-    color: var(--b3-theme-primary);
-    background-color: var(--b3-protyle-inline-tag-background);
-    border-radius: 6px 6px 6px 6px;
-    padding: 2px 4px 2px 2px;
+.protyle-wysiwyg span[data-type="tag"] {
+    border-bottom: 0px solid transparent !important;
+    background-color: #deecff;
+    border-radius: 50px;
+    padding: 2px 5px;
+    margin-right: 3px;
 }
 
-.protyle-wysiwyg [data-node-id] span[data-type="tag"] {
-    border-bottom: none;
-}
-
-.protyle-wysiwyg span[data-type='tag']::before {
-    content: "#";
-    color: var(--b3-white-black);
-    display: inline-block;
-    width: 1.3em;
-    height: 1.3em;
-    line-height: 1.3em;
-    vertical-align: 0em;
-    margin-left: -0.1em;
-    margin-right: 0.1em;
-    border-radius: 6px;
-    background-color: var(--b3-protyle-inline-tag-before);
-    text-align: center;
-    font-weight: bold;
+.protyle-wysiwyg span[data-type="tag"]::before {
+    content: "⭗";
 }