Change theme color
This commit is contained in:
parent
b312b2e57b
commit
28d6870a84
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -1,3 +1,4 @@
|
|||||||
{
|
{
|
||||||
"usingComponents": {}
|
"usingComponents": {},
|
||||||
|
"navigationBarTitleText": "设置"
|
||||||
}
|
}
|
@ -0,0 +1,9 @@
|
|||||||
|
view.container {
|
||||||
|
|
||||||
|
// 用户卡片
|
||||||
|
view.user-card {
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
background-color: aqua;
|
||||||
|
}
|
||||||
|
}
|
@ -1 +1,8 @@
|
|||||||
<!-- <text>pages/Account/Account.wxml</text> -->
|
<view class="container">
|
||||||
|
|
||||||
|
<!-- 用户卡片 -->
|
||||||
|
<view class="user-card">
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
@ -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;
|
||||||
|
@ -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",
|
||||||
|
23
project.private.config.json
Normal file
23
project.private.config.json
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
{
|
||||||
|
"condition": {
|
||||||
|
"plugin": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"game": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"gamePlugin": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"miniprogram": {
|
||||||
|
"list": [
|
||||||
|
{
|
||||||
|
"name": "Account",
|
||||||
|
"pathName": "pages/Account/Account",
|
||||||
|
"query": "",
|
||||||
|
"scene": null
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user