From efd8d44b12bc8b3593256685d1dd985c96539b99 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Mon, 12 Apr 2021 19:45:01 +0800
Subject: [PATCH] Improve the UI design

- Optimize the text color in light mode
- Stop iOS Safari input field zooming
- Uniform font size for posts
---
 _sass/addon/commons.scss           | 6 ++----
 _sass/colors/light-syntax.scss     | 2 +-
 _sass/colors/light-typography.scss | 2 +-
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index e70b3a0..29ccd85 100644
--- a/_sass/addon/commons.scss
+++ b/_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;
   }
 
diff --git a/_sass/colors/light-syntax.scss b/_sass/colors/light-syntax.scss
index c6032b5..d2df4fd 100644
--- a/_sass/colors/light-syntax.scss
+++ b/_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;
diff --git a/_sass/colors/light-typography.scss b/_sass/colors/light-typography.scss
index 94714f4..8a92932 100644
--- a/_sass/colors/light-typography.scss
+++ b/_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;