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

refactor: optimize storage card accent colors and clean up unused directory UI logic

Browse Source
This commit is contained in:
jxxghp
2026-05-18 11:25:00 +08:00
parent 5b850d9464
commit f4c4d7495f
3 changed files with 18 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/styles/common.scss
View File

@@ -92,7 +92,7 @@ html {
--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.02;
--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;
@@ -115,7 +115,6 @@ html {
.app-card-colorful:hover {
border-color: rgba(var(--app-card-accent-rgb), var(--app-card-hover-border-opacity)) !important;
box-shadow: var(--app-card-hover-shadow) !important;
transform: translateY(-2px);
}
.app-card-colorful:focus-visible {
@@ -138,7 +137,7 @@ html[data-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.012;
--app-card-accent-end-opacity: 0.03;
--app-card-border-opacity: 0;
--app-card-hover-border-opacity: 0;
--app-card-stripe-opacity: 0.42;

2
src/styles/themes/transparent.scss
View File

@@ -43,7 +43,7 @@ html[data-theme="transparent"] {
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.012)) 46%,
rgba(var(--app-card-accent-end-rgb, var(--app-card-accent-rgb)), var(--app-card-accent-end-opacity, 0.03)) 46%,
rgba(var(--v-theme-surface), 0) 76%
),
rgba(var(--v-theme-surface), var(--transparent-opacity-light)) !important;