style(theme): 完善首页与活动列表浅色暖阳晨曦主题样式适配

这个提交包含在:
wikiboss
2026-09-16 20:22:48 +08:00
父节点 b5fa13973b
当前提交 75e5e3d03a
共有 2 个文件被更改,包括 89 次插入 和 33 次删除

查看文件

@@ -567,49 +567,79 @@ const createActivity = () => {
}
.activity-container.theme-warm {
background-color: #140E0A;
background-color: #FDFBF7;
.tab-header {
background-color: #221711;
border-color: rgba(249, 115, 22, 0.12);
.tab-item.active {
background: rgba(249, 115, 22, 0.2);
background-color: #FFFFFF;
border-color: #F0ECE4;
box-shadow: 0 4rpx 16rpx rgba(28, 25, 23, 0.04);
.tab-item {
.tab-text {
color: #FFF7ED;
color: #78716C;
}
.tab-indicator {
background: #F97316;
box-shadow: 0 0 10rpx #F97316;
&.active {
background: rgba(234, 88, 12, 0.1);
.tab-text {
color: #EA580C;
font-weight: 700;
}
.tab-indicator {
background: #EA580C;
box-shadow: 0 0 10rpx rgba(234, 88, 12, 0.4);
}
}
}
}
.category-capsule-bar .capsule-item.active {
background: linear-gradient(135deg, #F97316, #F59E0B);
box-shadow: 0 4rpx 14rpx rgba(249, 115, 22, 0.4);
.capsule-text {
color: #FFF7ED;
.category-capsule-bar {
.capsule-item {
background: #FFFFFF;
border: 1px solid #F0ECE4;
.capsule-text {
color: #57534E;
}
&.active {
background: linear-gradient(135deg, #F97316, #EA580C);
box-shadow: 0 4rpx 14rpx rgba(234, 88, 12, 0.35);
.capsule-text {
color: #FFFFFF;
}
}
}
}
.tips-bar {
background: rgba(249, 115, 22, 0.1);
border-color: rgba(249, 115, 22, 0.25);
background: rgba(234, 88, 12, 0.08);
border-color: rgba(234, 88, 12, 0.2);
.tips-text {
color: #FB923C;
color: #EA580C;
}
}
.activity-list .activity-card {
background-color: #221711;
border-color: rgba(249, 115, 22, 0.12);
background-color: #FFFFFF;
border-color: #F0ECE4;
box-shadow: 0 6rpx 20rpx rgba(28, 25, 23, 0.05);
.activity-title {
color: #1C1917;
}
.meta-row .meta-item {
color: #78716C;
}
.card-footer {
border-top-color: #F5F2EC;
.creator-name {
color: #78716C;
}
}
}
.fab-btn {
background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
box-shadow: 0 8rpx 28rpx rgba(249, 115, 22, 0.55);
box-shadow: 0 8rpx 28rpx rgba(234, 88, 12, 0.4);
}
}
</style>

查看文件

@@ -714,31 +714,57 @@ const navTo = (url) => {
}
.index-container.theme-warm {
background-color: #140E0A;
background-color: #FDFBF7;
.header-search {
background-color: #140E0A;
background-color: #FDFBF7;
.search-box {
background-color: #221711;
border-color: rgba(249, 115, 22, 0.15);
background-color: #FFFFFF;
border-color: #F0ECE4;
box-shadow: 0 4rpx 16rpx rgba(28, 25, 23, 0.04);
&:focus-within {
border-color: #F97316;
box-shadow: 0 0 16rpx rgba(249, 115, 22, 0.35);
border-color: #EA580C;
box-shadow: 0 0 16rpx rgba(234, 88, 12, 0.2);
}
.search-input {
color: #1C1917;
}
.placeholder-text {
color: #78716C;
}
}
}
.category-scroll .category-item.active {
background: linear-gradient(135deg, rgba(249, 115, 22, 0.25), rgba(245, 158, 11, 0.1));
border-color: #F97316;
.category-scroll .category-item {
background: #FFFFFF;
border: 1px solid #F0ECE4;
.cat-name {
color: #FB923C;
color: #57534E;
}
&.active {
background: linear-gradient(135deg, rgba(234, 88, 12, 0.12), rgba(249, 115, 22, 0.05));
border-color: #EA580C;
.cat-name {
color: #EA580C;
font-weight: 700;
}
}
}
.section-title-wrap .section-title text {
color: #1C1917;
}
.expert-grid .expert-card {
background-color: #221711;
border-color: rgba(249, 115, 22, 0.12);
background-color: #FFFFFF;
border: 1px solid #F0ECE4;
box-shadow: 0 6rpx 24rpx rgba(28, 25, 23, 0.05);
.expert-info .nickname {
color: #1C1917;
}
}
}