diff --git a/themes/mytheme/assets/css/common/post-entry.css b/themes/mytheme/assets/css/common/post-entry.css index c5cf60b..717bf03 100644 --- a/themes/mytheme/assets/css/common/post-entry.css +++ b/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 { - transform: scale(0.99); +.post-entry:hover { + 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; } diff --git a/themes/mytheme/assets/css/common/post-single.css b/themes/mytheme/assets/css/common/post-single.css index 6ca7aa5..d4ea444 100644 --- a/themes/mytheme/assets/css/common/post-single.css +++ b/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; diff --git a/themes/mytheme/assets/css/core/reset.css b/themes/mytheme/assets/css/core/reset.css index 29b0bc5..a7ef0cf 100644 --- a/themes/mytheme/assets/css/core/reset.css +++ b/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 { diff --git a/themes/mytheme/assets/css/core/theme-vars.css b/themes/mytheme/assets/css/core/theme-vars.css index f05f6b4..2c8e20d 100644 --- a/themes/mytheme/assets/css/core/theme-vars.css +++ b/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); diff --git a/themes/mytheme/static/Monaspace-Argon.woff2 b/themes/mytheme/static/Monaspace-Argon.woff2 new file mode 100644 index 0000000..6ec49f0 Binary files /dev/null and b/themes/mytheme/static/Monaspace-Argon.woff2 differ diff --git a/themes/mytheme/static/Monaspace-Neon.woff2 b/themes/mytheme/static/Monaspace-Neon.woff2 new file mode 100644 index 0000000..74117fc Binary files /dev/null and b/themes/mytheme/static/Monaspace-Neon.woff2 differ diff --git a/themes/mytheme/static/Monaspace-Xenon.woff2 b/themes/mytheme/static/Monaspace-Xenon.woff2 new file mode 100644 index 0000000..a9f8115 Binary files /dev/null and b/themes/mytheme/static/Monaspace-Xenon.woff2 differ