fix: notch status bar doesn't match theme color (#918)

Resolves #918

_sass/addon/commons.scss

@@ -29,7 +29,9 @@ html {
 }
 
 body {
-  background: var(--body-bg);
+  background: var(--main-bg);
+  padding: env(safe-area-inset-top) env(safe-area-inset-right)
+    env(safe-area-inset-bottom) env(safe-area-inset-left);
   color: var(--text-color);
   -webkit-font-smoothing: antialiased;
   font-family: 'Source Sans Pro', 'Microsoft Yahei', sans-serif;

_sass/colors/dark-typography.scss

@@ -4,9 +4,8 @@
 
 @mixin dark-scheme {
   /* Framework color */
-  --body-bg: var(--main-bg);
-  --mask-bg: rgb(68, 69, 70);
   --main-bg: rgb(27, 27, 30);
+  --mask-bg: rgb(68, 69, 70);
   --main-border-color: rgb(44, 45, 45);
 
   /* Common color */

_sass/colors/light-typography.scss

@@ -4,9 +4,8 @@
 
 @mixin light-scheme {
   /* Framework color */
-  --body-bg: #fafafa;
-  --mask-bg: #c1c3c5;
   --main-bg: white;
+  --mask-bg: #c1c3c5;
   --main-border-color: #f3f3f3;
 
   /* Common color */