From e8128f1736bf0de2998b77ed988db205c514d372 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 31 Aug 2026 11:47:44 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8F=96=E6=B6=88=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E5=B7=A6=E4=BE=A7=E8=89=B2=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../__tests__/settingCardAppearance.spec.ts      | 14 ++++++++++++++
 src/styles/common.scss                           | 16 +---------------
 src/styles/themes/glass.scss                     |  1 -
 3 files changed, 15 insertions(+), 16 deletions(-)
 create mode 100644 src/styles/__tests__/settingCardAppearance.spec.ts

diff --git a/src/styles/__tests__/settingCardAppearance.spec.ts b/src/styles/__tests__/settingCardAppearance.spec.ts
new file mode 100644
index 00000000..cd4852a3
--- /dev/null
+++ b/src/styles/__tests__/settingCardAppearance.spec.ts
@@ -0,0 +1,14 @@
+import { readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
+import { cwd } from 'node:process'
+import { describe, expect, it } from 'vitest'
+
+describe('setting card appearance', () => {
+  it('does not render an accent strip on colorful setting cards', () => {
+    const styleFiles = ['src/styles/common.scss', 'src/styles/themes/glass.scss', 'src/styles/themes/transparent.scss']
+    const styles = styleFiles.map(file => readFileSync(resolve(cwd(), file), 'utf8')).join('\n')
+
+    expect(styles).not.toContain('.app-card-colorful::before')
+    expect(styles).not.toContain('--app-card-stripe-opacity')
+  })
+})
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 0eaaae4c..c9e6a60e 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -968,7 +968,7 @@ html[data-theme-radius='extra'] {
   block-size: 100%;
 }
 
-// 设置项强调卡片：复用通知模板入口的弱强调条、轻渐变与悬浮反馈。
+// 设置项卡片：保留图标主色的轻渐变与悬浮反馈，不额外添加边缘色条。
 .app-card-colorful {
   overflow: hidden;
   border-radius: var(--app-surface-radius);
@@ -992,7 +992,6 @@ html[data-theme-radius='extra'] {
   --app-card-accent-end-opacity: 0.012;
   --app-card-border-opacity: 0.08;
   --app-card-hover-border-opacity: 0.16;
-  --app-card-stripe-opacity: 0.22;
   --app-card-surface-opacity: 0.92;
   --app-surface-border: var(--app-surface-border-width) solid
     rgba(var(--app-card-accent-rgb), var(--app-card-border-opacity));
@@ -1000,18 +999,6 @@ html[data-theme-radius='extra'] {
   --app-surface-shadow: var(--app-card-rest-shadow);
 }
 
-.app-card-colorful::before {
-  position: absolute;
-  background: rgb(var(--app-card-accent-rgb));
-  block-size: 100%;
-  content: '';
-  inline-size: 0.125rem;
-  inset-block: 0;
-  inset-inline-start: 0;
-  opacity: var(--app-card-stripe-opacity);
-  pointer-events: none;
-}
-
 .app-card-colorful:hover {
   --app-surface-border: var(--app-surface-border-width) solid
     rgba(var(--app-card-accent-rgb), var(--app-card-hover-border-opacity));
@@ -1040,7 +1027,6 @@ html[data-theme='transparent'] .app-card-colorful,
   --app-card-accent-end-opacity: 0.01;
   --app-card-border-opacity: var(--app-surface-border-opacity);
   --app-card-hover-border-opacity: var(--app-surface-border-opacity);
-  --app-card-stripe-opacity: 0.16;
   --app-card-surface-opacity: var(--transparent-opacity-light, 0.2);
   --app-surface-border: var(--app-surface-border-width) solid
     rgba(var(--v-theme-on-surface), var(--app-surface-border-opacity));
diff --git a/src/styles/themes/glass.scss b/src/styles/themes/glass.scss
index 51e75b66..9822a025 100644
--- a/src/styles/themes/glass.scss
+++ b/src/styles/themes/glass.scss
@@ -1000,7 +1000,6 @@ html[data-theme='glass'] {
     --app-card-accent-end-opacity: 0.008;
     --app-card-border-opacity: 0.15;
     --app-card-hover-border-opacity: 0.28;
-    --app-card-stripe-opacity: 0.12;
     --app-card-surface-opacity: 0.08;
 
     -webkit-backdrop-filter: var(--glass-surface-backdrop-filter);