v1.1.15

mustakshif · Jan 15, 2024 · 3c3815f · 3c3815f
1 parent 1bf74b1
commit 3c3815f
Show file tree

Hide file tree

Showing 8 changed files with 284 additions and 130 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,17 @@
+### v1.1.15
+
+* 统一编辑页面、预览页面、导出页面等的排版元素样式
+* 优化 `图片查看器` 背景模糊逻辑，窗口失焦时不再保持模糊
+* 去除 `标签` 元素的鼠标悬浮动画，减少视觉干扰
+
+<br />
+
+* Unified the typography elements' styles of the editing page, preview page, and export page, etc.
+* Changed the blurring of the `image viewer` to no blurring when the window loses focus.
+* Removed the mouse hover animation from the `tag` element to reduce visual distractions.
+
+---
+
 ### v1.1.14
 
 * 统一 `数据库` 表格边框线颜色

diff --git a/README.md b/README.md
@@ -10,11 +10,11 @@ An ultra-modern macOS-like theme for [SiYuan Note](https://github.com/siyuan-not
 
 ## Latest Updates
 
-### v1.1.14
+### v1.1.15
 
-* Unified the border color of the tables in `Database`.
-* Visually centered titles of menus in `Database`.
-* Fixed the issue with the background mask filter when invoking the emoji panel from `Block Properties - Database`.
+* Unified the typography elements' styles of the editing page, preview page, and export page, etc.
+* Changed the blurring of the `image viewer` to no blurring when the window loses focus.
+* Removed the mouse hover animation from the `tag` element to reduce visual distractions.
 
 Check all updates here 👉 [CHANGELOG](./CHANGELOG.md)
 

diff --git a/README_zh_CN.md b/README_zh_CN.md
@@ -10,11 +10,11 @@ Hadeeth 是一款极富现代感的类 macOS [思源笔记](https://github.com/s
 
 ## 最近更新
 
-### v1.1.14
+### v1.1.15
 
-* 统一 `数据库` 表格边框线颜色
-* 视觉居中 `数据库` 菜单的标题
-* 修复当通过 `块属性 - 数据库` 呼出 emoji 面板时的背景遮罩滤镜问题
+* 统一编辑页面、预览页面、导出页面等的排版元素样式
+* 优化 `图片查看器` 背景模糊逻辑，窗口失焦时不再保持模糊
+* 去除 `标签` 元素的鼠标悬浮动画，减少视觉干扰
 
 查看全部日志 👉 [更新日志](./CHANGELOG.md)
 

diff --git a/style/components/dialog.scss b/style/components/dialog.scss
@@ -807,9 +807,13 @@ body.body--window {
 
 // 图片预览 ——————————————————————
 .viewer-backdrop {
-    @extend .b3-dialog__scrim !optional;
     animation: fadeIn 0.3s;
     transform-origin: var(--mouseX) var(--mouseY);
+    background-color: #bbb;
+
+    @include darkmode-counterpart {
+        background-color: var(--b3-theme-background);
+    }
 
     animation-timing-function: $timing-function-decelerate;
 

diff --git a/style/customizable/blur.scss b/style/customizable/blur.scss
@@ -468,26 +468,29 @@ body:not(.body--blur, .hadeeth-disable-backdrop-blur) {
         backdrop-filter: none;
     }
 }
-}
 
-body:not(.hadeeth-disable-backdrop-blur) {
-    // 图片预览 ——————————————————————
-    .viewer-backdrop {
-        @include bg-blur($saturate-value: 1);
-        backdrop-filter: blur(40px);
+// 图片预览 ——————————————————————
+.viewer-backdrop {
+    @include bg-blur($saturate-value: 1);
+    backdrop-filter: blur(40px);
+    background-color: #80808080;
+
+    @include darkmode-counterpart {
+        background-color: #00000080;
     }
+}
+
+.viewer-title {
+    backdrop-filter: blur($medium-blur-rd);
+    @include theme-variant-color(background-color, surface, 0.6);
+    mix-blend-mode: luminosity;
+}
 
-    .viewer-title {
+.viewer-toolbar {
+    >ul {
         backdrop-filter: blur($medium-blur-rd);
-        @include theme-variant-color(background-color, surface, 0.6);
+        @include theme-variant-color(background-color, surface, $medium-transparency);
         mix-blend-mode: luminosity;
     }
-
-    .viewer-toolbar {
-        > ul {
-            backdrop-filter: blur($medium-blur-rd);
-            @include theme-variant-color(background-color, surface, $medium-transparency);
-            mix-blend-mode: luminosity;
-        }        
-    }
+}
 }