Change theme color

This commit is contained in:
MrKBear 2022-01-04 13:57:47 +08:00
parent b312b2e57b
commit 28d6870a84
7 changed files with 54 additions and 11 deletions

View File

@ -7,8 +7,8 @@ $theme-color-light-background: #f4f0f1;
$theme-color-light-title: rgba(0, 0, 0, .65); $theme-color-light-title: rgba(0, 0, 0, .65);
$theme-color-light-text: rgba(0, 0, 0, .55); $theme-color-light-text: rgba(0, 0, 0, .55);
$theme-color-dark-layout: #191919; $theme-color-dark-layout: #1f1f1f;
$theme-color-dark-background: #1f1f1f; $theme-color-dark-background: #181615;
$theme-color-dark-title: rgba(255, 255, 255, .65); $theme-color-dark-title: rgba(255, 255, 255, .65);
$theme-color-dark-text: rgba(255, 255, 255, .55); $theme-color-dark-text: rgba(255, 255, 255, .55);
@ -16,10 +16,13 @@ $black-filter: brightness(0) opacity(.65);
$white-filter: brightness(100) opacity(.65); $white-filter: brightness(100) opacity(.65);
$blue-filter: opacity(.65); $blue-filter: opacity(.65);
view.container {
width: 88%;
padding: 0 6%;
}
page { page {
background-color: #f4f0f1; background-color: $theme-color-light-background;
color: $theme-color-light-text; color: $theme-color-light-text;
font-weight: 500; font-weight: 500;
font-size: .9em; font-size: .9em;
@ -28,7 +31,7 @@ page {
@media (prefers-color-scheme: dark){ @media (prefers-color-scheme: dark){
page { page {
background-color: #1f1f1f; background-color: $theme-color-dark-background;
color: $theme-color-dark-text; color: $theme-color-dark-text;
} }
} }

View File

@ -1,3 +1,4 @@
{ {
"usingComponents": {} "usingComponents": {},
"navigationBarTitleText": "设置"
} }

View File

@ -0,0 +1,9 @@
view.container {
// 用户卡片
view.user-card {
width: 100%;
height: 200px;
background-color: aqua;
}
}

View File

@ -1 +1,8 @@
<!-- <text>pages/Account/Account.wxml</text> --> <view class="container">
<!-- 用户卡片 -->
<view class="user-card">
</view>
</view>

View File

@ -9,7 +9,7 @@ view.status-bar {
display: flex; display: flex;
position: fixed; position: fixed;
justify-content: space-between; justify-content: space-between;
background-color: #F8F8F8; background-color: $theme-color-light-layout;
view.select { view.select {
flex: 1; flex: 1;
@ -111,7 +111,7 @@ view.status-bar-blank {
} }
view.status-bar { view.status-bar {
background-color: #191919; background-color: $theme-color-dark-layout;
view.select image { view.select image {
filter: $white-filter; filter: $white-filter;

View File

@ -11,9 +11,9 @@
}, },
"dark": { "dark": {
"navigationBarBackgroundColor": "#191919", "navigationBarBackgroundColor": "#1f1f1f",
"navigationBarTextStyle": "white", "navigationBarTextStyle": "white",
"backgroundColor": "#1f1f1f", "backgroundColor": "#191919",
"tabBarColor": "#666666", "tabBarColor": "#666666",
"tabBarImage0": "image/navBar/0_dark.png", "tabBarImage0": "image/navBar/0_dark.png",

View File

@ -0,0 +1,23 @@
{
"condition": {
"plugin": {
"list": []
},
"game": {
"list": []
},
"gamePlugin": {
"list": []
},
"miniprogram": {
"list": [
{
"name": "Account",
"pathName": "pages/Account/Account",
"query": "",
"scene": null
}
]
}
}
}