Improve the UI design

- Optimize the text color in light mode
- Stop iOS Safari input field zooming
- Uniform font size for posts

Author: cotes2020

_sass/addon/commons.scss

@@ -357,6 +357,7 @@ footer {
 }
 
 .post-content {
+  font-size: 1.08rem;
   line-height: 1.8;
   margin-top: 2rem;
   overflow-wrap: break-word;
@@ -424,8 +425,6 @@ footer {
 
   p {
     @include img(true);
-
-    font-size: 1.08rem;
   }
 
   ul {
@@ -905,7 +904,6 @@ $sidebar-display: "sidebar-display";
   border-radius: 0;
   padding: 0.18rem 0.3rem;
   color: var(--text-color);
-  font-size: 95%;
 
   &:focus {
     box-shadow: none;
@@ -1430,7 +1428,7 @@ $sidebar-display: "sidebar-display";
     }
   }
 
-  .post-content p {
+  .post-content {
     font-size: 1.03rem;
   }
 

_sass/colors/light-syntax.scss

@@ -68,7 +68,7 @@
 
   /* --- custom light colors --- */
   --highlight-bg-color: #f7f7f7;
-  --highlighter-rouge-color: #505050;
+  --highlighter-rouge-color: #2f2f2f;
   --highlight-lineno-color: #c2c6cc;
   --highlight-lineno-border-color: #e9ecef;
   --inline-code-bg: #f3f3f3;

_sass/colors/light-typography.scss

@@ -9,7 +9,7 @@
   --main-wrapper-bg: white;
   --main-border-color: #f3f3f3;
   --btn-border-color: #e9ecef;
-  --text-color: #4a4a4a;
+  --text-color: #34343c;
   --heading-color: black;
   --blockquote-border-color: #eee;
   --blockquote-text-color: #9a9a9a;