various font and colour fixes

assets/base.scss

@@ -119,14 +119,18 @@ article a {
   // internal link
   &[href^="./"], &[href^="/"] {
     text-decoration: none;
-    background-color: #afbfc933;
-    padding: 0 0.2em;
-    margin-right: -0.2em;
-    font-weight: 600;
+    background-color: transparentize(#8f9fa9, 0.85);
+    padding: 0 0.1em;
+    margin: auto -0.1em;
     border-radius: 3px;
   }
 }
 
+.backlinks a {
+  font-weight: 600;
+  font-size: 0.9rem;
+}
+
 sup > a {
   text-decoration: none;
   padding: 0 0.1em 0 0.2em;
@@ -134,8 +138,8 @@ sup > a {
 
 a {
   font-family: Inter, sans-serif;
-  font-weight: 700;
   font-size: 1em;
+  font-weight: 700;
   text-decoration: none;
   transition: all 0.2s ease;
   color: var(--secondary);

assets/custom.scss

@@ -14,7 +14,7 @@
 [saved-theme="dark"] {
   --light: #1e1e21 !important;
   --dark: #fbfffe !important;
-  --secondary: #5b778a !important;
+  --secondary: #6b879a !important;
   --visited: #4a575e !important;
   --tertiary: #84a59d !important;
   --primary: #f58382 !important;

layouts/partials/head.html

@@ -7,7 +7,7 @@
     <link rel="shortcut icon" type="image/png" href="/icon.png" />
 
     <!-- CSS Stylesheets and Fonts -->
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Source+Sans+Pro:wght@400;700&family=Fira+Code:wght@400;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Source+Sans+Pro:wght@400;600;700&family=Fira+Code:wght@400;700&display=swap" rel="stylesheet">
     {{ $css := slice "custom.scss" "base.scss" "darkmode.scss" "syntax.scss"}}
     {{range $css}}
     {{$sass := resources.Get . | resources.ToCSS }}