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