diff --git a/components/base/m-navbar.vue b/components/base/m-navbar.vue
index 3f17b4a..c44ac80 100644
--- a/components/base/m-navbar.vue
+++ b/components/base/m-navbar.vue
@@ -30,7 +30,7 @@
 	width: 100%;
 	height: 90rpx;
 	// background: linear-gradient(to right, #4899a6, #6fc6ad);
-	// background: black;
+	background: #fff;
 	border-bottom: 1px solid #ccc;
 	display: flex;
 	justify-content: center;
diff --git a/components/center/center.vue b/components/center/center.vue
index a3e88d7..f430f68 100644
--- a/components/center/center.vue
+++ b/components/center/center.vue
@@ -179,7 +179,7 @@
 		</view>
 
 		<!-- 填写地址弹框 -->
-		<u-popup :show="showAddress" mode="center" bgColor="black" 
+		<u-popup :show="showAddress" mode="center" bgColor="fff" 
 		@close="showAddress=false;$play()">
 			<view class="address-content">
 				<view class="address-top">
@@ -411,7 +411,7 @@
 
 			.title {
 				font-size: 44rpx;
-				color: #afc638;
+				color: $uni-text-color;
 				font-weight: bold;
 			}
 
@@ -426,14 +426,14 @@
 		.address-detail {
 			
 			.title {
-				color: #afc638;
+				color: $uni-text-color;
 				margin-bottom: 20rpx;
 				font-size: 28rpx;
 			}
 
 			textarea {
-				border: 1px solid #afc638;
-				color: #afc638;
+				border: 1px solid $uni-text-color;
+				color: $uni-text-color;
 				border-radius: 25rpx;
 				height: 150rpx;
 				width: 100%;
@@ -447,7 +447,8 @@
 			display: flex;
 			align-items: center;
 			justify-content: center;
-			background: #afc638;
+			background: $uni-bg-color-app;
+			color: $uni-text-color-inverse !important;
 			height: 80rpx;
 			margin: 20rpx auto;
 			border-radius: 30rpx;
diff --git a/pages/invitationList/invitationList.vue b/pages/invitationList/invitationList.vue
index 17bf345..034fc35 100644
--- a/pages/invitationList/invitationList.vue
+++ b/pages/invitationList/invitationList.vue
@@ -69,32 +69,31 @@
 	.invitation-list {
 		width: 750rpx;
 		min-height: 100vh;
-		background-color: black;
+		// background-color: black;
 		margin: 0 auto;
 		background-size: 100%;
 		background-repeat: no-repeat;
-		color: white;
+		color: $uni-text-color;
 		
 		.noFans{
 			height: 100vh;
 			display: flex;
 			align-items: center;
 			justify-content: center;
-			color: #ffffff80;
 		}
 		
 		.fan-list{
 			width: 96%;
 			margin: 0rpx auto;
 			padding-top: 20rpx;
-			border: 1px solid #ffffff80;
+			border: 1px solid #00000080;
 			margin-top: 20rpx;
 			
 			.fan-item{
 				display: flex;
 				justify-content: space-between;
 				align-items: center;
-				border-bottom: 1px solid #ffffff80;
+				border-bottom: 1px solid #00000080;
 				padding: 20rpx;
 				box-sizing: border-box;
 				
diff --git a/pages/modifyUser/modifyUser.vue b/pages/modifyUser/modifyUser.vue
index 3f02a45..17a9c05 100644
--- a/pages/modifyUser/modifyUser.vue
+++ b/pages/modifyUser/modifyUser.vue
@@ -100,7 +100,7 @@
 	.modify-user{
 		width: 750rpx;
 		min-height: 100vh;
-		background-color: black;
+		// background-color: black;
 		margin: 0 auto;
 		background-size: 100%;
 		background-repeat: no-repeat;
@@ -127,12 +127,12 @@
 					}
 					
 					.title{
-						color: #788a1c;
+						color: $uni-text-color;
 						font-size: 28rpx;
 					}
 					
 					input{
-						color: #afc638;
+						color: $uni-text-color;
 						text-indent: 1em;
 						height: 60rpx;
 						font-size: 28rpx;
@@ -146,12 +146,13 @@
 			display: flex;
 			align-items: center;
 			justify-content: center;
-			background: #afc638;
+			background: $uni-bg-color-app;
 			margin: 30rpx auto;
 			border-radius: 20rpx;
 			height: 80rpx;
 			font-size: 40rpx;
 			font-weight: bold;
+			color: $uni-text-color-inverse;
 		}
 		
 		.tips{
diff --git a/pages/personalInfo/personalInfo.vue b/pages/personalInfo/personalInfo.vue
index 969cd10..82d60b5 100644
--- a/pages/personalInfo/personalInfo.vue
+++ b/pages/personalInfo/personalInfo.vue
@@ -109,7 +109,7 @@
 	.personal-info {
 		width: 750rpx;
 		min-height: 100vh;
-		background-color: black;
+		// background-color: black;
 		margin: 0 auto;
 		// background-image: url('@/static/personalInfo/bg.png');
 		background-size: 100%;
@@ -121,7 +121,7 @@
 		}
 		
 		.base-info , .edit-user-info-btns{
-			border: 1px solid #ffffff80;
+			border: 1px solid #00000080;
 			margin: 20rpx auto 30rpx auto;
 			
 			.base-info-item , .edit-item{
@@ -130,7 +130,7 @@
 				align-items: center;
 				height: 100rpx;
 				padding: 15rpx 10rpx;
-				border-bottom: 1px solid #ffffff80;
+				border-bottom: 1px solid #00000080;
 				
 				.title , .edit-descript{
 					color: #687527;
@@ -152,7 +152,7 @@
 	
 	.address-content {
 		box-sizing: border-box;
-		border: 1px solid #ffffff80;
+		border: 1px solid #00000080;
 		padding: 15rpx;
 	
 		.address-top {
@@ -164,7 +164,7 @@
 	
 			.title {
 				font-size: 36rpx;
-				color: #afc638;
+				color: $uni-text-color;
 				font-weight: bold;
 			}
 	
@@ -179,7 +179,7 @@
 		.address-detail {
 			
 			.title {
-				color: #afc638;
+				color: $uni-text-color;
 				margin-bottom: 10rpx;
 				font-size: 28rpx;
 			}
diff --git a/pages/runningWater/runningWater.vue b/pages/runningWater/runningWater.vue
index 19ffd51..513b7cf 100644
--- a/pages/runningWater/runningWater.vue
+++ b/pages/runningWater/runningWater.vue
@@ -69,7 +69,7 @@
 	.running-water {
 		width: 750rpx;
 		min-height: 100vh;
-		background-color: black;
+		// background-color: black;
 		margin: 0 auto;
 		background-size: 100%;
 		background-repeat: no-repeat;
@@ -92,7 +92,7 @@
 				box-sizing: border-box;
 				padding: 15rpx;
 				width: calc(50% - 15rpx);
-				border: 1px solid #ffffff80;
+				border: 1px solid #00000080;
 				margin-bottom: 25rpx;
 
 				image {
@@ -101,7 +101,7 @@
 				}
 
 				.descript {
-					color: #AEC43C;
+					// color: #AEC43C;
 					font-size: 36rpx;
 				}
 
@@ -111,7 +111,7 @@
 				}
 
 				.money-detail {
-					color: #3AA56B;
+					// color: #3AA56B;
 					font-size: 36rpx;
 				}
 			}
diff --git a/pages/signIn/signIn.vue b/pages/signIn/signIn.vue
index e3a58d8..e56362b 100644
--- a/pages/signIn/signIn.vue
+++ b/pages/signIn/signIn.vue
@@ -227,30 +227,20 @@
 
 <style lang="scss" scoped>
 	.sigin-in {
-		color: white;
-		background: black;
+		// background: black;
 		padding-bottom: 80rpx;
 
 		.sigin-in-content {
 			width: 96%;
 			margin: 0 auto;
 
-			.title {
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				font-size: 40rpx;
-				color: #AEC438;
-				height: 80rpx;
-			}
-
 			.numberOfSays {
 				text-align: center;
 				padding: 20rpx 0rpx;
 			}
 
 			.date-info {
-				background: #3E3E3E;
+				// background: $uni-bg-color-app;
 				border-radius: 20rpx;
 				box-sizing: border-box;
 				padding: 20rpx;
@@ -262,7 +252,8 @@
 					margin-bottom: 20rpx;
 
 					.month {
-						background: #A4B835;
+						background: $uni-bg-color-app;
+						color: $uni-text-color-inverse;
 						padding: 10rpx;
 						border-radius: 10rpx;
 						margin: 0rpx 15rpx;
@@ -285,10 +276,12 @@
 					flex-wrap: wrap;
 
 					.day-item {
+						background: $uni-bg-color-app;
+						color: $uni-text-color-inverse;
 						position: relative;
 						flex-shrink: 0;
 						width: calc(20% - 7px);
-						background: #565656;
+						// background: #565656;
 						border-radius: 20rpx;
 						margin-bottom: 20rpx;
 						margin-right: calc(35px / 4);
@@ -343,8 +336,8 @@
 					align-items: center;
 					justify-content: center;
 					height: 80rpx;
-					background: #AEC438;
-					color: white;
+					background: $uni-bg-color-app;
+					color: $uni-text-color-inverse;
 					border-radius: 40rpx;
 					margin-bottom: 20rpx;
 				}
diff --git a/pages/winningRecord/winningRecord.vue b/pages/winningRecord/winningRecord.vue
index a0b4988..0413552 100644
--- a/pages/winningRecord/winningRecord.vue
+++ b/pages/winningRecord/winningRecord.vue
@@ -75,11 +75,11 @@
 	.winningRecord{
 		width: 750rpx;
 		min-height: 100vh;
-		background-color: black;
+		// background-color: black;
 		margin: 0 auto;
 		background-size: 100%;
 		background-repeat: no-repeat;
-		color: white;
+		color: $uni-text-color;
 		
 		.winningRecord-list{
 			width: 96%;
@@ -87,7 +87,8 @@
 			margin-top: 20rpx;
 			
 			.winningRecord-item{
-				background: #333333;
+				background: $uni-bg-color-app;
+				color: $uni-text-color-inverse;
 				padding: 10rpx 20rpx;
 				border-radius: 10rpx;
 				display: flex;
diff --git a/pages/withdraw/withdraw.vue b/pages/withdraw/withdraw.vue
index b63dd99..33f1f8d 100644
--- a/pages/withdraw/withdraw.vue
+++ b/pages/withdraw/withdraw.vue
@@ -175,7 +175,7 @@
 
 		.user-money {
 			background: $uni-bg-color-app;
-			color: $uni-bg-color;
+			color: $uni-text-color-inverse;
 			margin: 20rpx auto 30rpx auto;
 			// border: 4rpx solid #D3EA5E;
 			padding: 60rpx 0rpx;
@@ -202,7 +202,7 @@
 		}
 		
 		.withdraw-amount{
-			color: #D3EA5E;
+			color: $uni-text-color;
 			
 			.withdraw-title{
 				font-size: 28rpx;
@@ -227,23 +227,23 @@
 					.title{
 						font-size: 28rpx;
 						font-weight: bold;
-						color: #D3EA5E;
+						color: $uni-text-color;
 					}
 					
 					.all{
-						background: #D3EA5E;
+						background: $uni-bg-color-app;
 						padding: 5rpx 10rpx;
 						border-radius: 10rpx;
 						font-size: 20rpx;
+						color: $uni-text-color-inverse;
 					}
 				}
 				
 				input{
-					border: 1px solid #B0C73B;
+					border: 1px solid $uni-bg-color-app;
 					height: 80rpx;
 					margin-top: 20rpx;
 					text-indent: 1em;
-					color: #B0C73B;
 					border-radius: 10rpx;
 				}
 			}
@@ -254,11 +254,12 @@
 			display: flex;
 			align-items: center;
 			justify-content: center;
-			background: #B0C73B;
+			background: $uni-bg-color-app;
 			border-radius: 10rpx;
 			font-size: 40rpx;
 			font-weight: bold;
 			margin-top: 30rpx;
+			color: $uni-text-color-inverse;
 		}
 		
 		.modal{