diff --git a/assets/css/common/footer.css b/assets/css/common/footer.css
index cbfee41..7c891cd 100644
--- a/assets/css/common/footer.css
+++ b/assets/css/common/footer.css
@@ -42,7 +42,7 @@
     bottom: 60px;
     right: 30px;
     z-index: 99;
-    background: var(--tertiary);
+    background: var(--tertiary-bg);
     width: 42px;
     height: 42px;
     padding: 12px;
@@ -63,5 +63,5 @@
 
 /* InstantClick css */
 #instantclick-bar {
-    background: var(--tertiary);
+    background: var(--tertiary-bg);
 }
diff --git a/assets/css/common/post-single.css b/assets/css/common/post-single.css
index d187987..d91e872 100644
--- a/assets/css/common/post-single.css
+++ b/assets/css/common/post-single.css
@@ -1,16 +1,19 @@
 .page-header,
 .post-header {
-    margin: 24px auto var(--content-gap) auto;
+    margin: 32px 0;
 }
 
 .post-title {
-    margin-bottom: 2px;
     font-size: 40px;
+    margin: var(--content-gap) 0;
 }
 
 .post-description {
-    margin-top: 10px;
-    margin-bottom: 5px;
+    margin: var(--content-gap) 0;
+    color: var(--secondary);
+    opacity: .8;
+    padding-left: .5em;
+    border-left: 3px solid var(--tertiary);
 }
 
 .post-meta,
@@ -31,6 +34,10 @@
     margin: auto 3px;
     box-shadow: 0 1px 0 var(--secondary);
 }
+.post-meta .delimiter {
+    margin-inline-start: .5em;
+    margin-inline-end: .5em;
+}
 
 .breadcrumbs a {
     font-size: 16px;
@@ -263,7 +270,7 @@ h6:hover .anchor {
 .post-content hr {
     margin: 30px 0;
     height: 2px;
-    background: var(--tertiary);
+    background: var(--tertiary-bg);
     border-top: 0;
     border-bottom: 0;
 }
diff --git a/assets/css/common/profile-mode.css b/assets/css/common/profile-mode.css
index 6826d96..10cdd6a 100644
--- a/assets/css/common/profile-mode.css
+++ b/assets/css/common/profile-mode.css
@@ -27,7 +27,7 @@
 }
 
 .button {
-    background: var(--tertiary);
+    background: var(--tertiary-bg);
     border-radius: var(--radius);
     margin: 8px;
     padding: 6px;
diff --git a/assets/css/common/search.css b/assets/css/common/search.css
index 38d5b6b..7c727bc 100644
--- a/assets/css/common/search.css
+++ b/assets/css/common/search.css
@@ -3,7 +3,7 @@
     width: 100%;
     color: var(--primary);
     font-weight: bold;
-    border: 2px solid var(--tertiary);
+    border: 2px solid var(--tertiary-bg);
     border-radius: var(--radius);
 }
 
@@ -41,5 +41,5 @@
 
 #searchResults .focus {
     transform: scale(0.98);
-    border: 2px solid var(--tertiary);
+    border: 2px solid var(--tertiary-bg);
 }
diff --git a/assets/css/common/terms.css b/assets/css/common/terms.css
index 244614b..a8946a5 100644
--- a/assets/css/common/terms.css
+++ b/assets/css/common/terms.css
@@ -7,12 +7,12 @@
 .terms-tags a {
     display: block;
     padding: 3px 10px;
-    background: var(--tertiary);
+    background: var(--tertiary-bg);
     border-radius: 6px;
     transition: transform 0.1s;
 }
 
 .terms-tags a:active {
-    background: var(--tertiary);
+    background: var(--tertiary-bg);
     transform: scale(0.96);
 }
diff --git a/assets/css/core/reset.css b/assets/css/core/reset.css
index 7027379..4c38720 100644
--- a/assets/css/core/reset.css
+++ b/assets/css/core/reset.css
@@ -22,9 +22,10 @@ h6 {
 }
 
 body {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, Helvetica, 'Helvetica Neue', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif;
+    /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
     font-size: 18px;
-    line-height: 1.6;
+    line-height: 1.6em;
     word-break: break-word;
     background: var(--theme);
 }
@@ -119,7 +120,7 @@ img {
 }
 
 ::-webkit-scrollbar-thumb {
-    background: var(--tertiary);
+    background: var(--tertiary-bg);
     border: 5px solid var(--theme);
     border-radius: var(--radius);
 }
diff --git a/assets/css/core/theme-vars.css b/assets/css/core/theme-vars.css
index b8d3d30..7a27f0f 100644
--- a/assets/css/core/theme-vars.css
+++ b/assets/css/core/theme-vars.css
@@ -12,7 +12,8 @@
     --entry: rgb(255, 255, 255);
     --primary: rgb(30, 30, 30);
     --secondary: rgb(108, 108, 108);
-    --tertiary: rgb(214, 214, 214);
+    --tertiary: rgb(158, 158, 158);
+    --tertiary-bg: rgb(214, 214, 214);
     --content: rgb(31, 31, 31);
     --code-bg: rgb(245, 245, 245);
     --border: rgb(238, 238, 238);
@@ -29,7 +30,8 @@
     --entry: rgb(46, 46, 51);
     --primary: rgb(218, 218, 219);
     --secondary: rgb(155, 156, 157);
-    --tertiary: rgb(65, 66, 68);
+    --tertiary: rgb(123, 124, 124);
+    --tertiary-bg: rgb(65, 66, 68);
     --content: rgb(196, 196, 197);
     --code-bg: rgb(55, 56, 62);
     --border: rgb(51, 51, 51);
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 22d3cff..3dfd3a4 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -97,7 +97,7 @@
                 --entry: rgb(46, 46, 51);
                 --primary: rgb(218, 218, 219);
                 --secondary: rgb(155, 156, 157);
-                --tertiary: rgb(65, 66, 68);
+                --tertiary-bg: rgb(65, 66, 68);
                 --content: rgb(196, 196, 197);
                 --code-bg: rgb(55, 56, 62);
                 --border: rgb(51, 51, 51);
diff --git a/layouts/partials/post_meta.html b/layouts/partials/post_meta.html
index 15b8b1b..4758c05 100644
--- a/layouts/partials/post_meta.html
+++ b/layouts/partials/post_meta.html
@@ -5,11 +5,11 @@
 {{- end }}
 
 {{- if (.Param "ShowReadingTime") -}}
-{{- $scratch.Add "meta" (slice (i18n "read_time" .ReadingTime | default (printf "%d min" .ReadingTime))) }}
+{{- $scratch.Add "meta" (slice (i18n "read_time" .ReadingTime | default (printf "<span>%d min</span>" .ReadingTime))) }}
 {{- end }}
 
 {{- if (.Param "ShowWordCount") -}}
-{{- $scratch.Add "meta" (slice (i18n "words" .WordCount | default (printf "%d words" .WordCount))) }}
+{{- $scratch.Add "meta" (slice (i18n "words" .WordCount | default (printf "<span>%d words</span>" .WordCount))) }}
 {{- end }}
 
 {{- with (partial "author.html" .) }}
@@ -17,5 +17,5 @@
 {{- end }}
 
 {{- with ($scratch.Get "meta") }}
-{{- delimit . "&nbsp;·&nbsp;" -}}
+{{- delimit . "<span class=\"delimiter\">&nbsp;·&nbsp;</span>" -}}
 {{- end -}}