style: fix invalid color refs and standardize hex

Fix invalid SCSS variable syntax in the NoticeMessage component by replacing invalid $text-[#xxx] references with direct hex codes. Replace SCSS color variable usages with hardcoded hex values across multiple UI components. Standardize hex color values to lowercase in the global SCSS file, and fix the trailing newline in src/uni.scss.
This commit is contained in:
duanshuwen
2026-07-24 22:37:33 +08:00
parent 4af4255610
commit 1df4b328dd
4 changed files with 27 additions and 27 deletions

View File

@@ -136,7 +136,7 @@ const weatherTextMap = {
height: 92px;
padding: 12px 12px 0;
box-sizing: border-box;
background: $theme-color-50;
background: #F0F8F3;
}
.home-welcome-header {
@@ -150,7 +150,7 @@ const weatherTextMap = {
.home-welcome-title {
flex: 1;
min-width: 0;
color: $text-[#0B5C2D];
color: #0B5C2D;
font-size: 21px;
line-height: 28px;
font-weight: 900;
@@ -159,7 +159,7 @@ const weatherTextMap = {
.home-welcome-weather {
flex-shrink: 0;
margin-left: 12px;
color: $text-color-900;
color: #181B25;
font-size: 22px;
line-height: 26px;
font-weight: 900;

View File

@@ -105,13 +105,13 @@ const clickItem = (item) => {
}
.text-color {
color: $text-[#0B5C2D];
color: #0B5C2D;
}
.underline-text {
text-decoration: underline;
text-decoration-color: $text-[#35F37F];
color: $text-color-400;
text-decoration-color: #35F37F;
color: #99A0AE;
}
.noMessage {
@@ -129,7 +129,7 @@ const clickItem = (item) => {
}
.noMessage-text {
color: $text-[#0B5C2D];
color: #0B5C2D;
line-height: 16px;
white-space: normal;
overflow-wrap: break-word;

View File

@@ -240,14 +240,14 @@ onMounted(() => {
width: 100%;
height: 100%;
min-height: 0;
background: $theme-color-50;
background: #F0F8F3;
}
.discovery-tabs-sticky {
flex-shrink: 0;
z-index: 12;
width: 100%;
background: $theme-color-50;
background: #F0F8F3;
}
.discovery-scroll {

View File

@@ -13,28 +13,28 @@
*/
/* 主题颜色(由 switch-client 命令自动更新) */
$theme-color-900: #0B5C2D;
$theme-color-800: #0B7034;
$theme-color-700: #0B5C2D;
$theme-color-600: #02C34E;
$theme-color-500: #0CCD58;
$theme-color-400: #35F37F;
$theme-color-300: #77FEAB;
$theme-color-200: #A0E5BA;
$theme-color-100: #E8FFF1;
$theme-color-50: #F0F8F3;
$theme-color-900: #0b5c2d;
$theme-color-800: #0b7034;
$theme-color-700: #0b5c2d;
$theme-color-600: #02c34e;
$theme-color-500: #0ccd58;
$theme-color-400: #35f37f;
$theme-color-300: #77feab;
$theme-color-200: #a0e5ba;
$theme-color-100: #e8fff1;
$theme-color-50: #f0f8f3;
// text 颜色
$text-color-900: #181B25;
$text-color-900: #181b25;
$text-color-800: #222530;
$text-color-700: #2B303B;
$text-color-700: #2b303b;
$text-color-600: #525866;
$text-color-500: #717784;
$text-color-400: #99A0AE;
$text-color-300: #CACFD8;
$text-color-200: #E5E8EE;
$text-color-100: #F2F5F8;
$text-color-50: #F9FAFB;
$text-color-400: #99a0ae;
$text-color-300: #cacfd8;
$text-color-200: #e5e8ee;
$text-color-100: #f2f5f8;
$text-color-50: #f9fafb;
/* 颜色变量 */
@@ -98,4 +98,4 @@ $uni-font-size-title: 20px;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle: 26px;
$uni-color-paragraph: #3f536e; // 文章段落颜色
$uni-font-size-paragraph: 15px;
$uni-font-size-paragraph: 15px;