feat(ui): show preview image in home page

_sass/colors/dark-typography.scss

@@ -54,8 +54,6 @@
   --btn-paginator-hover-color: rgb(64, 65, 66);
   --btn-paginator-border-color: var(--btn-border-color);
   --btn-text-color: var(--text-color);
-  --pin-bg: rgb(34, 35, 37);
-  --pin-color: inherit;
 
   /* Posts */
   --toc-highlight: rgb(116, 178, 243);
@@ -68,9 +66,9 @@
   --btn-share-color: #6c757d;
   --btn-share-hover-color: #bfc1ca;
   --relate-post-date: var(--text-muted-color);
-  --card-bg: #212121;
+  --card-bg: #1e1e1e;
   --card-hovor-bg: #3a3a3a;
-  --card-border-color: rgb(53, 53, 60);
+  --card-border-color: #2e2e2e;
   --card-box-shadow: var(--main-bg);
   --kbd-wrap-color: #6a6a6a;
   --kbd-text-color: #d3d3d3;
@@ -101,13 +99,6 @@
   --timeline-color: rgb(63, 65, 68);
   --timeline-year-dot-color: var(--timeline-color);
 
-  .post img[data-src] {
-    &.lazyloaded {
-      -webkit-filter: brightness(95%);
-      filter: brightness(95%);
-    }
-  }
-
   .light {
     display: none;
   }

_sass/colors/light-typography.scss

@@ -10,7 +10,7 @@
 
   /* Common color */
   --text-color: #34343c;
-  --text-muted-color: gray;
+  --text-muted-color: #8e8e8e;
   --heading-color: black;
   --blockquote-border-color: #eeeeee;
   --blockquote-text-color: #9a9a9a;
@@ -26,7 +26,7 @@
   --img-bg: radial-gradient(
     circle,
     rgb(255, 255, 255) 0%,
-    rgb(249, 249, 249) 100%
+    rgb(239, 239, 239) 100%
   );
   --shimmer-bg: linear-gradient(
     90deg,
@@ -57,13 +57,12 @@
   --btn-paginator-hover-color: var(--sidebar-bg);
   --btn-paginator-border-color: var(--sidebar-bg);
   --btn-text-color: #676666;
-  --pin-bg: #f5f5f5;
-  --pin-color: #999fa4;
 
   /* Posts */
   --toc-highlight: #563d7c;
   --btn-share-hover-color: var(--link-color);
-  --card-hovor-bg: #eeeeee;
+  --card-bg: white;
+  --card-hovor-bg: #e2e2e2;
   --card-border-color: #ececec;
   --card-box-shadow: rgba(234, 234, 234, 0.76);
   --label-color: #616161;