Minor cosmetic changes

app/Services/Markdown/Formatter.php

@@ -84,7 +84,7 @@ protected function prepareEnvironment(): Environment
         // Define all the extensions to be used
         $extensions = [
             new CommonMarkCoreExtension(),
-            new HighlightCodeExtension(theme: 'aurora-x'),
+            new HighlightCodeExtension(theme: 'tokyo-night'),
             new FrontMatterExtension(),
             new FootnoteExtension(),
             new ExternalLinkExtension(),

package-lock.json

@@ -6,6 +6,7 @@
         "": {
             "dependencies": {
                 "@fontsource/quicksand": "^5.0.18",
+                "@typopro/web-fantasque-sans-mono": "^3.7.5",
                 "shiki": "^1.3.0"
             },
             "devDependencies": {
@@ -606,6 +607,22 @@
             "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
             "dev": true
         },
+        "node_modules/@types/node": {
+            "version": "20.12.7",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.7.tgz",
+            "integrity": "sha512-wq0cICSkRLVaf3UGLMGItu/PtdY7oaXaI/RVU+xliKVOtRna3PRY57ZDfztpDL0n11vfymMUnXv8QwYCO7L1wg==",
+            "dev": true,
+            "optional": true,
+            "peer": true,
+            "dependencies": {
+                "undici-types": "~5.26.4"
+            }
+        },
+        "node_modules/@typopro/web-fantasque-sans-mono": {
+            "version": "3.7.5",
+            "resolved": "https://registry.npmjs.org/@typopro/web-fantasque-sans-mono/-/web-fantasque-sans-mono-3.7.5.tgz",
+            "integrity": "sha512-de5viVCt1cRAsf7UeulwvsG1oe8Q2BA4U/0DjbxsuQSEHSfwzc8XhsrfBgsIgelaJFhkytCapJmkwkgcoomH4g=="
+        },
         "node_modules/asynckit": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -892,6 +909,14 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/undici-types": {
+            "version": "5.26.5",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+            "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+            "dev": true,
+            "optional": true,
+            "peer": true
+        },
         "node_modules/vite": {
             "version": "5.2.9",
             "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.9.tgz",

package.json

@@ -12,6 +12,7 @@
     },
     "dependencies": {
         "@fontsource/quicksand": "^5.0.18",
+        "@typopro/web-fantasque-sans-mono": "^3.7.5",
         "shiki": "^1.3.0"
     }
-}
+}

resources/css/app.css

@@ -1,4 +1,5 @@
 @import "@fontsource/quicksand";
+@import "@typopro/web-fantasque-sans-mono/TypoPRO-FantasqueSansMono-Regular";
 @import "reset";
 @import "utilities";
 @import "links";

resources/css/article-main.css

@@ -187,15 +187,17 @@ #article-main {
 
         pre.shiki {
             font-size: .8em;
-            line-height: 150%;
+            line-height: 175%;
             overflow: auto;
             border: solid 2px #112;
             border-radius: .5rem;
             width: var(--design-width);
             max-height: 80vh;
             margin: 1em auto;
+            background: rgb(13, 13, 23) !important;
 
             > code {
+                font-family: 'TypoPRO Fantasque Sans Mono';
                 counter-reset: step;
                 counter-increment: step 0;
 
@@ -217,6 +219,7 @@ #article-main {
 
         :not(pre.shiki):not(h2):not(h3):not(h4):not(h5):not(h6) {
             code {
+                font-family: 'TypoPRO Fantasque Sans Mono';
                 background-color: #000;
                 color: #aaa;
                 font-size: .8em;