style(theme): 完善首页与活动列表浅色暖阳晨曦主题样式适配
这个提交包含在:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
在新工单中引用
屏蔽一个用户