adaptation dark mode

This commit is contained in:
Timi
2025-12-10 15:02:17 +08:00
parent ad755c7d0e
commit 69bf186f0e
11 changed files with 195 additions and 201 deletions

View File

@ -7,9 +7,10 @@
flex-direction: column;
.year {
color: var(--theme-text-secondary);
display: flex;
padding: 16rpx 32rpx;
background: var(--theme-bg-secondary);
background: transparent;
align-items: center;
margin-bottom: 24rpx;
justify-content: space-between;
@ -71,12 +72,12 @@
.day {
display: flex;
position: relative;
background: transparent;
align-items: center;
aspect-ratio: 1;
border-radius: 12rpx;
flex-direction: column;
justify-content: center;
background: var(--theme-bg-card);
.number {
color: var(--theme-text);
@ -97,7 +98,7 @@
&.has-journal {
background: var(--theme-bg-journal);
.day-number {
.number {
color: var(--theme-wx);
font-weight: bold;
}

View File

@ -53,6 +53,7 @@
color: var(--theme-wx);
margin: 0;
font-size: 80rpx;
background: transparent;
}
.thumbnail {
@ -85,15 +86,6 @@
position: absolute;
font-size: 45rpx;
}
.delete {
top: 10rpx;
right: 10rpx;
color: rgba(0, 0, 0, .7);
z-index: 3;
position: absolute;
font-size: 45rpx;
}
}
}
}

View File

@ -76,7 +76,7 @@
disabled="{{isSubmitting}}"
bind:tap="addMedia"
>
<t-icon name="add" />
<t-icon class="icon" name="add" />
</t-button>
</view>
</view>

View File

@ -21,11 +21,11 @@
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
}
}
}
.date-detail {
.date-detail {
height: 61.8vh;
display: flex;
background: var(--theme-bg-card);
border-radius: 24rpx 24rpx 0 0;
flex-direction: column;
@ -171,5 +171,4 @@
}
}
}
}
}

View File

@ -7,12 +7,14 @@
<view wx:if="{{isLoading}}" class="loading">
<view class="loading-text">加载中...</view>
</view>
<!-- 详情面板 -->
<t-popup
</view>
<!-- 详情面板 -->
<t-popup
class="popup"
visible="{{popupVisible}}"
placement="bottom"
bind:visible-change="onPopupVisibleChange"
>
>
<view class="date-detail">
<view class="detail-content">
<view class="header">
@ -64,5 +66,4 @@
</swiper>
</view>
</view>
</t-popup>
</view>
</t-popup>

View File

@ -50,6 +50,7 @@
color: var(--theme-wx);
margin: 0;
font-size: 80rpx;
background: transparent;
}
.thumbnail {

View File

@ -45,7 +45,6 @@
.location {
flex: 1;
color: #999;
display: flex;
overflow: hidden;
font-size: 24rpx;
white-space: nowrap;
@ -91,7 +90,7 @@
z-index: 999;
display: flex;
position: fixed;
background: #FFF;
background: var(--theme-bg-card);
box-shadow: 0 -2rpx 20rpx rgba(0, 0, 0, .15);
border-radius: 24rpx 24rpx 0 0;
flex-direction: column;

View File

@ -8,7 +8,6 @@
longitude="{{centerLng}}"
scale="{{scale}}"
markers="{{markers}}"
show-location
bindmarkertap="onMarkerTap"
bindcallouttap="onCalloutTap"
>

View File

@ -35,6 +35,7 @@
}
.text {
color: var(--theme-text-primary);
width: calc(100% - 32px - 2rem);
padding: 8px 16px;
margin: .5rem 1rem 1rem 1rem;

View File

@ -127,6 +127,7 @@
}
&.form {
padding-bottom: 32rpx;
.content {
padding: 16rpx 32rpx;

View File

@ -9,18 +9,18 @@ page {
--theme-wx: #07C160;
/* === 背景色 === */
--theme-bg-primary: #FFFFFF;
--theme-bg-primary: #FFF;
--theme-bg-secondary: #F5F5F5;
--theme-bg-card: #FFFFFF;
--theme-bg-journal: #fff2c8;
--theme-bg-card: #FFF;
--theme-bg-journal: #fff2C8;
--theme-bg-overlay: rgba(0, 0, 0, .1);
--theme-bg-menu: rgba(255, 255, 255, .95);
/* === 文字颜色 === */
--theme-text-primary: #000000;
--theme-text-secondary: #777777;
--theme-text-tertiary: #999999;
--theme-text-disabled: #CCCCCC;
--theme-text-primary: #333;
--theme-text-secondary: #777;
--theme-text-tertiary: #999;
--theme-text-disabled: #CCC;
/* === 边框颜色 === */
--theme-border-light: rgba(0, 0, 0, .1);
@ -69,10 +69,10 @@ page[data-weui-theme="dark"] {
--theme-bg-menu: rgba(40, 40, 40, .95);
/* === 文字颜色 === */
--theme-text-primary: #FFFFFF;
--theme-text-secondary: #AAAAAA;
--theme-text-tertiary: #888888;
--theme-text-disabled: #666666;
--theme-text-primary: #FFF;
--theme-text-secondary: #AAA;
--theme-text-tertiary: #888;
--theme-text-disabled: #666;
/* === 边框颜色 === */
--theme-border-light: rgba(255, 255, 255, .1);