feat: 统一全局界面风格为浅色绿色主题

将个人中心、引导页从深色主题改为浅绿渐变主题,与首页、统计、AI助手、记录页保持一致的视觉风格。更新 App.vue 全局样式和 pages.json 导航栏配色。

Made-with: Cursor
This commit is contained in:
nepiedg
2026-03-03 22:56:36 +08:00
parent 68874cf893
commit 7fa691bbaf
4 changed files with 75 additions and 60 deletions
+16 -14
View File
@@ -48,8 +48,8 @@ export default {
<style>
page {
background-color: #0D1F17;
color: #FFFFFF;
background: linear-gradient(to bottom, #D1FAE5 0%, #F0FDF4 45%, #FFFFFF 100%);
color: #111827;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-size: 28rpx;
line-height: 1.5;
@@ -62,26 +62,28 @@ page {
}
.card {
background-color: #1A3325;
background-color: #FFFFFF;
border-radius: 24rpx;
padding: 32rpx;
margin-bottom: 24rpx;
border: 2rpx solid #ECFDF3;
box-shadow: 0 8rpx 20rpx rgba(16, 185, 129, 0.08);
}
.card-light {
background-color: #243D2E;
background-color: #F0FDF4;
}
.text-primary {
color: #4ADE80;
color: #10B981;
}
.text-secondary {
color: #9CA3AF;
color: #6B7280;
}
.text-muted {
color: #6B7280;
color: #9CA3AF;
}
.text-center {
@@ -164,20 +166,20 @@ page {
}
.btn-primary {
background-color: #4ADE80;
color: #0D1F17;
background-color: #10B981;
color: #FFFFFF;
}
.btn-secondary {
background-color: #1A3325;
color: #FFFFFF;
border: 2rpx solid #374151;
background-color: #FFFFFF;
color: #111827;
border: 2rpx solid #E5E7EB;
}
.btn-outline {
background-color: transparent;
color: #4ADE80;
border: 2rpx solid #4ADE80;
color: #10B981;
border: 2rpx solid #10B981;
}
.safe-area-bottom {