a

themes/mytheme/assets/css/common/post-entry.css

@@ -25,7 +25,7 @@
 }
 
 .first-entry .entry-header h1 {
-    font-size: 28px;
+    font-size: 32px;
     line-height: 1.3;
 }
 
@@ -64,8 +64,8 @@
     transition: transform 0.1s;
 }
 
-.post-entry:active {
+.post-entry:hover {
-    transform: scale(0.99);
+    transform: scale(1.01);
 }
 
 .tag-entry .entry-cover {
@@ -74,7 +74,7 @@
 
 .entry-header h2 {
     font-weight: 450;
-    font-size: 18px;
+    font-size: 20px;
     line-height: 1.3;
 }
 

themes/mytheme/assets/css/common/post-single.css

@@ -3,7 +3,7 @@
 }
 
 .post-header {
-    margin: calc(var(--content-gap) * 3) auto;
+    margin: calc(var(--content-gap) * 3) auto calc(var(--content-gap) * 2) auto;
     text-align: center;
 }
 
@@ -40,12 +40,13 @@
 
 .post-content {   
     padding-top: var(--gap);
-    font-size: 16.5px;
+    font-size: 14px;
     font-weight: 400;
     font-family: inherit;
     color: var(--content);
-    letter-spacing: 0.1px;
+    letter-spacing: -0.1px;
     line-height: 2;
+    font-family: "Monaspace Neon", sans-serif;
 }
 
 .post-content h3,
@@ -57,12 +58,12 @@
 
 .post-content h1 {
     margin: 40px auto 32px;
-    font-size: 26px;
+    font-size: 22px;
 }
 
 .post-content h2 {
     margin: 32px auto 24px;
-    font-size: 24px;
+    font-size: 20px;
 }
 
 .post-content h3 {
@@ -204,7 +205,7 @@
 .post-content code {
     margin: auto 4px;
     padding: 4px 6px;
-    font-size: 0.78em;
+    font-size: 0.9em;
     line-height: 1.5;
     background: var(--code-bg);
     border-radius: 2px;

themes/mytheme/assets/css/core/reset.css

@@ -52,6 +52,21 @@
   font-style: italic;
 }
 
+@font-face {
+  font-family: "Monaspace Argon";
+  src: url("/Monaspace-Argon.woff2");
+}
+
+@font-face {
+  font-family: "Monaspace Neon";
+  src: url("/Monaspace-Neon.woff2");
+}
+
+@font-face {
+  font-family: "Monaspace Xenon";
+  src: url("/Monaspace-Xenon.woff2");
+}
+
 *,
 ::after,
 ::before {

themes/mytheme/assets/css/core/theme-vars.css

@@ -18,7 +18,7 @@
 }
 
 .dark {
-    --theme: #181818;
+    --theme: #202032;
     --entry: rgb(46, 46, 51);
     --primary: rgb(218, 218, 219);
     --secondary: rgb(155, 156, 157);