refactor: replace theme color utility classes with direct hex values

remove unused theme color background utility classes from background.scss,
swap all instances of bg-theme-color-50 and bg-theme-color-500 with their
corresponding hex values across vue components, and update bg-liner gradient
to use direct hex colors instead of theme variables
This commit is contained in:
duanshuwen
2026-07-24 16:03:00 +08:00
parent aa0203819c
commit e57617d2c6
8 changed files with 12 additions and 29 deletions

View File

@@ -1,26 +1,11 @@
// 背景颜色
.bg-theme-color-500 {
background-color: $theme-color-500;
}
.bg-theme-color-100 {
background-color: $theme-color-100;
}
.bg-theme-color-50 {
background-color: $theme-color-50;
}
.bg-liner {
background:
linear-gradient(205deg, $theme-color-100 0%, rgba(138, 227, 252, 0) 20%),
linear-gradient(205deg, #e8fff1 0%, rgba(138, 227, 252, 0) 20%),
linear-gradient(155deg, #fef7e1 0%, rgba(254, 247, 225, 0) 20%),
radial-gradient(
48% 48% at 61% 118%,
#ffffff 0%,
rgba(255, 255, 255, 0) 100%
),
linear-gradient(180deg, rgba(238, 248, 255, 0) 0%, $theme-color-50 50%),
$theme-color-50;
linear-gradient(180deg, rgba(238, 248, 255, 0) 0%, #f0f8f3 50%), #f0f8f3;
}