From cc8d5cf9310132fe12976fc81c05a7ca0d70dbd6 Mon Sep 17 00:00:00 2001 From: jxxghp Date: Thu, 21 May 2026 22:05:46 +0800 Subject: [PATCH] style: lighten setting card accents --- package.json | 2 +- src/styles/common.scss | 20 ++++++++++---------- src/styles/themes/transparent.scss | 6 +++--- 3 files changed, 14 insertions(+), 14 deletions(-) diff --git a/package.json b/package.json index 3ba5d4e4..a81b7006 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "moviepilot", - "version": "2.12.3", + "version": "2.12.4", "private": true, "type": "module", "bin": "dist/service.js", diff --git a/src/styles/common.scss b/src/styles/common.scss index 224b050d..69dd88dd 100644 --- a/src/styles/common.scss +++ b/src/styles/common.scss @@ -74,7 +74,7 @@ html { block-size: 100%; } -// 设置项强调卡片:复用通知模板入口的强调条、轻渐变与悬浮反馈。 +// 设置项强调卡片:复用通知模板入口的弱强调条、轻渐变与悬浮反馈。 .app-card-colorful { overflow: hidden; border: 1px solid rgba(var(--app-card-accent-rgb), var(--app-card-border-opacity)) !important; @@ -91,11 +91,11 @@ html { color: rgb(var(--v-theme-on-surface)); --app-card-accent-rgb: var(--v-theme-primary); --app-card-accent-end-rgb: var(--app-card-accent-rgb); - --app-card-accent-start-opacity: 0.09; - --app-card-accent-end-opacity: 0.06; - --app-card-border-opacity: 0.2; - --app-card-hover-border-opacity: 0.34; - --app-card-stripe-opacity: 0.78; + --app-card-accent-start-opacity: 0.025; + --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; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } @@ -105,7 +105,7 @@ html { background: rgb(var(--app-card-accent-rgb)); block-size: 100%; content: ""; - inline-size: 0.25rem; + inline-size: 0.125rem; inset-block: 0; inset-inline-start: 0; opacity: var(--app-card-stripe-opacity); @@ -136,11 +136,11 @@ html[data-theme="transparent"] .app-card-colorful, .v-theme--transparent .app-card-colorful { backdrop-filter: blur(var(--transparent-blur, 10px)); border: 0 !important; - --app-card-accent-start-opacity: 0.04; - --app-card-accent-end-opacity: 0.03; + --app-card-accent-start-opacity: 0.018; + --app-card-accent-end-opacity: 0.01; --app-card-border-opacity: 0; --app-card-hover-border-opacity: 0; - --app-card-stripe-opacity: 0.42; + --app-card-stripe-opacity: 0.16; --app-card-surface-opacity: var(--transparent-opacity-light, 0.2); } diff --git a/src/styles/themes/transparent.scss b/src/styles/themes/transparent.scss index cd803b3c..f8997d0a 100644 --- a/src/styles/themes/transparent.scss +++ b/src/styles/themes/transparent.scss @@ -37,13 +37,13 @@ html[data-theme="transparent"] { } } - // 设置页彩色卡片保留透明主题的玻璃质感,只叠加非常轻的图标主色。 + // 设置页彩色卡片保留透明主题的玻璃质感,只叠加极轻的图标主色。 .app-card-colorful { background: linear-gradient( 135deg, - rgba(var(--app-card-accent-rgb), var(--app-card-accent-start-opacity, 0.04)), - rgba(var(--app-card-accent-end-rgb, var(--app-card-accent-rgb)), var(--app-card-accent-end-opacity, 0.03)) 46%, + rgba(var(--app-card-accent-rgb), var(--app-card-accent-start-opacity, 0.018)), + rgba(var(--app-card-accent-end-rgb, var(--app-card-accent-rgb)), var(--app-card-accent-end-opacity, 0.01)) 46%, rgba(var(--v-theme-surface), 0) 76% ), rgba(var(--v-theme-surface), var(--transparent-opacity-light)) !important;