GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-08 09:16:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: lighten setting card accents

Browse Source
This commit is contained in:
jxxghp
2026-05-21 22:05:46 +08:00
parent 6083887675
commit cc8d5cf931
3 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "moviepilot", "name": "moviepilot",
"version": "2.12.3", "version": "2.12.4",
"private": true, "private": true,
"type": "module", "type": "module",
"bin": "dist/service.js", "bin": "dist/service.js",
src/styles/common.scss
+10 -10
View File
@@ -74,7 +74,7 @@ html {
block-size: 100%; block-size: 100%;
} }
// 设置项强调卡片：复用通知模板入口的强调条、轻渐变与悬浮反馈。 // 设置项强调卡片：复用通知模板入口的弱强调条、轻渐变与悬浮反馈。
.app-card-colorful { .app-card-colorful {
overflow: hidden; overflow: hidden;
border: 1px solid rgba(var(--app-card-accent-rgb), var(--app-card-border-opacity)) !important; 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)); color: rgb(var(--v-theme-on-surface));
--app-card-accent-rgb: var(--v-theme-primary); --app-card-accent-rgb: var(--v-theme-primary);
--app-card-accent-end-rgb: var(--app-card-accent-rgb); --app-card-accent-end-rgb: var(--app-card-accent-rgb);
--app-card-accent-start-opacity: 0.09; --app-card-accent-start-opacity: 0.025;
--app-card-accent-end-opacity: 0.06; --app-card-accent-end-opacity: 0.012;
--app-card-border-opacity: 0.2; --app-card-border-opacity: 0.08;
--app-card-hover-border-opacity: 0.34; --app-card-hover-border-opacity: 0.16;
--app-card-stripe-opacity: 0.78; --app-card-stripe-opacity: 0.22;
--app-card-surface-opacity: 0.92; --app-card-surface-opacity: 0.92;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; 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)); background: rgb(var(--app-card-accent-rgb));
block-size: 100%; block-size: 100%;
content: ""; content: "";
inline-size: 0.25rem; inline-size: 0.125rem;
inset-block: 0; inset-block: 0;
inset-inline-start: 0; inset-inline-start: 0;
opacity: var(--app-card-stripe-opacity); opacity: var(--app-card-stripe-opacity);
@@ -136,11 +136,11 @@ html[data-theme="transparent"] .app-card-colorful,
.v-theme--transparent .app-card-colorful { .v-theme--transparent .app-card-colorful {
backdrop-filter: blur(var(--transparent-blur, 10px)); backdrop-filter: blur(var(--transparent-blur, 10px));
border: 0 !important; border: 0 !important;
--app-card-accent-start-opacity: 0.04; --app-card-accent-start-opacity: 0.018;
--app-card-accent-end-opacity: 0.03; --app-card-accent-end-opacity: 0.01;
--app-card-border-opacity: 0; --app-card-border-opacity: 0;
--app-card-hover-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); --app-card-surface-opacity: var(--transparent-opacity-light, 0.2);
} }
src/styles/themes/transparent.scss
+3 -3
View File
@@ -37,13 +37,13 @@ html[data-theme="transparent"] {
} }
} }
// 设置页彩色卡片保留透明主题的玻璃质感，只叠加非常轻的图标主色。 // 设置页彩色卡片保留透明主题的玻璃质感，只叠加极轻的图标主色。
.app-card-colorful { .app-card-colorful {
background: background:
linear-gradient( linear-gradient(
135deg, 135deg,
rgba(var(--app-card-accent-rgb), var(--app-card-accent-start-opacity, 0.04)), 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.03)) 46%, 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), 0) 76%
), ),
rgba(var(--v-theme-surface), var(--transparent-opacity-light)) !important; rgba(var(--v-theme-surface), var(--transparent-opacity-light)) !important;