diff --git a/pages/home/index.vue b/pages/home/index.vue
index 4a24765..2c8a5f9 100644
--- a/pages/home/index.vue
+++ b/pages/home/index.vue
@@ -1,11 +1,11 @@
 <template>
 	<!-- :style="{ minHeight: `calc(100vh - ${navbarHeight}px)` }" --> 
-	<view class="p-home-inedx g_w_all g_kuaishou" :class="computeCode == -1 ? 'g_flex_column_center' : ''" :style="{ 'background-image': `linear-gradient(to bottom, ${themeColor} 0%, ${themeColor} 130px, #ededed 220px, #ededed 100%)`, minHeight: `calc(100vh)` }">
-		<div class="navContainer">
+	<view class="p-home-inedx g_w_all g_kuaishou" :class="computeCode == -1 ? 'g_flex_column_center' : ''" :style="{ minHeight: `calc(100vh)` }">
+		<div class="navContainer" :style="{ backgroundImage: `linear-gradient(to bottom, ${themeColor}, ${themeColorRgba(0.98)})` }">
 			<u-navbar :is-back="false" :is-fixed="true" :borderBottom="false" background="transparent" :title-bold="false">
 				<view class="g_flex_row_start flex_center g_fs_20 g_pl_12">
 					<view><img :src="appInfo.logo" alt="" class="g_w_32 g_h_32 g_radius_50" /></view>
-					<view class="g_ml_8 g_mr_8 g_fw_600 g_ell_1 webfont" style="max-width: 150px">{{ appInfo.appName }}</view>
+					<view class="g_ml_8 g_mr_8 g_fw_600 g_ell_1 webfont" :style="{ maxWidth: '150px', color: appNameColor }">{{ appInfo.appName }}</view>
 					<!-- <view class="g_mr_6">|</view>
 					<view>信息真·价格高</view> -->
 				</view>
@@ -15,7 +15,7 @@
 			<rh-loading marginBottom="g_mb_130" />
 		</view>
 		<view v-show="computeCode > -1">
-			<view class="g_position_rela g_flex_row_center">
+			<view class="g_position_rela g_flex_row_center toudom" :style="{ backgroundImage: `linear-gradient(to bottom, ${themeColorRgba(0.98)}, #ededed)` }">
 				<view class="the_city g_flex_column_center" style hover-class="thover" @click="goCity">
 					<view class="g_flex_row_center">
 						<view class="g_fs_16 g_fw_600 g_ml_10" style="width: 36px; display: inline-block">
@@ -576,7 +576,21 @@ export default {
 			that.getList("concat");
 		}
 	},
+	computed: {
+		appNameColor() {
+			const darkThemes = ['#D81010', '#002470'];
+			return darkThemes.includes(this.themeColor) ? '#ffffff' : '';
+		}
+	},
 	methods: {
+		themeColorRgba(alpha) {
+			let hex = this.themeColor.replace('#', '');
+			if (hex.length === 3) hex = hex.split('').map(c => c + c).join('');
+			let r = parseInt(hex.substring(0, 2), 16);
+			let g = parseInt(hex.substring(2, 4), 16);
+			let b = parseInt(hex.substring(4, 6), 16);
+			return `rgba(${r},${g},${b},${alpha})`;
+		},
 		initData($data,callback=() => {}){
 			let that = this;
 			if(uni.getStorageSync("apply-token")){
diff --git a/root/person/config.vue b/root/person/config.vue
index 5d48dc6..47c43b4 100644
--- a/root/person/config.vue
+++ b/root/person/config.vue
@@ -48,12 +48,12 @@ export default {
 		let demoConfig = uni.getStorageSync("DEMO_MODE_CONFIG") || {};
 		let defaultThemeColor = getApp().globalData.themeColor;
 		let colorGroup = [
-			{ value: '#FF0000' },
+			{ value: '#D81010' },
 			{ value: '#FF5000' },
 			{ value: '#fea702' },
 			{ value: '#2FC67D' },
 			{ value: '#1989fa' },
-			{ value: '#9859B6' }
+			{ value: '#002470' }
 		];
 		let demoEnabled = uni.getStorageSync("DEMO_MODE_ENABLED");
 		let savedThemeColor = (demoEnabled && demoConfig.themeColor) ? demoConfig.themeColor : defaultThemeColor;