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:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
34
src/uni.scss
34
src/uni.scss
@@ -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;
|
||||
|
||||
/* 颜色变量 */
|
||||
|
||||
|
||||
Reference in New Issue
Block a user