Change theme color

miniprogram/app.scss

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

miniprogram/pages/Account/Account.json

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

miniprogram/pages/Account/Account.scss

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

miniprogram/pages/Account/Account.wxml

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

miniprogram/pages/Timetable/StatusBar.scss

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

miniprogram/theme.json

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

project.private.config.json

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