From c567a2d1e1565106d6c23e02221a3196fd66be5d Mon Sep 17 00:00:00 2001
From: shiran <2488252513@qq.com>
Date: Thu, 26 Feb 2026 15:02:05 +0800
Subject: [PATCH] =?UTF-8?q?feat(theme):=20=E6=B7=BB=E5=8A=A0=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=E6=AF=9B=E7=8E=BB=E7=92=83=E5=92=8C=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E6=A0=B7=E5=BC=8F=E9=85=8D=E7=BD=AE=E9=80=89=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 head_tag.html 中添加条件样式块以支持毛玻璃效果
- 移除 scss/self.scss 中的硬编码卡片样式规则
- 在 settings.yml 中添加 extra_glass_morphism_selectors 配置项
- 在 settings.yml 中添加 extra_card_item_selectors 配置项
- 实现通过设置控制的动态 CSS 样式应用
- 支持自定义选择器列表进行毛玻璃和卡片样式的灵活配置
---
 common/head_tag.html | 29 +++++++++++++++++++++++++++++
 scss/self.scss       | 18 ------------------
 settings.yml         | 27 +++++++++++++++++++++++++++
 3 files changed, 56 insertions(+), 18 deletions(-)

diff --git a/common/head_tag.html b/common/head_tag.html
index 2e776cb..0dfc39e 100644
--- a/common/head_tag.html
+++ b/common/head_tag.html
@@ -5,3 +5,32 @@
       'The Horizon theme does not support your browser. Please update your browser, or <a href="?safe_mode=no_themes">switch to safe mode</a>.';
   }
 </script>
+{{#if settings.extra_glass_morphism_selectors}}
+<style>
+  {{settings.extra_glass_morphism_selectors}} {
+    background-color: #ffffffa8 !important;
+    border-radius: var(--d-border-radius);
+    backdrop-filter: blur(32px);
+    box-shadow: #00000077 0 0 19px 0;
+    padding: 24px;
+  }
+</style>
+{{/if}}
+
+{{#if settings.extra_card_item_selectors}}
+<style>
+  {{settings.extra_card_item_selectors}} {
+    background: var(--d-chat-input-bg-color);
+    border-radius: var(--d-border-radius);
+    box-shadow: #00000024 0 0 7px 2px;
+    margin: 10px 0;
+    position: relative;
+    padding: 16px 12px;
+    overflow: hidden;
+    transition: background-color 0.2s ease-in-out;
+  }
+  {{settings.extra_card_item_selectors}}:hover {
+    background-color: var(--accent-text-color);
+  }
+</style>
+{{/if}}
\ No newline at end of file
diff --git a/scss/self.scss b/scss/self.scss
index fb2ce57..7eb07b2 100644
--- a/scss/self.scss
+++ b/scss/self.scss
@@ -60,24 +60,6 @@
   padding: 24px;
 }
 
-.topic-post.clearfix.regular, .post-list-item.user-stream-item,
-.search-header, .admin-plugin-config-page__content,
-.user-main .about.collapsed-info .details,
-.ember-view.group-box{
-  background: var(--d-chat-input-bg-color);
-  border-radius: var(--d-border-radius);
-  box-shadow: #00000024 0 0 7px 2px;
-  margin: 10px 0;
-  position: relative;
-  padding: 16px 12px;
-  overflow: hidden;
-  transition: background-color 0.2s ease-in-out;
-
-  &:hover{
-    background-color: var(--accent-text-color);
-  }
-}
-
 .user-content{
   background-color: unset;
 }
diff --git a/settings.yml b/settings.yml
index 0886dc5..2565c96 100644
--- a/settings.yml
+++ b/settings.yml
@@ -15,3 +15,30 @@ home_bg_image:
   default: ""
   description: "首页背景图"
 
+extra_glass_morphism_selectors:
+  type: list
+  default:
+    - .regular.ember-view
+    - .user-main
+    - .reviewable
+    - .admin-content
+    - .contents.clearfix.body-page
+    - .search-container
+    - .show-badge
+    - .users-directory
+    - "#main-outlet>.edit-category"
+    - .container.groups-index
+    - .container.group
+  description: "额外应用毛玻璃效果的选择器列表"
+
+extra_card_item_selectors:
+  type: list
+  default:
+    - .topic-post.clearfix.regular
+    - .post-list-item.user-stream-item
+    - .search-header
+    - .admin-plugin-config-page__content
+    - ".user-main .about.collapsed-info .details"
+    - .ember-view.group-box
+  description: "额外应用卡片项目样式的选择器列表"
+