docs: Update header font (#405)

mkdocs/mkdocs.yml

@@ -1,11 +1,11 @@
-site_name: ReplayWeb.page Docs
+site_name: Replay Webpage Docs
 docs_dir: ./site/
 watch:
   - ./site/
 site_dir: _genhtml/
 repo_url: https://github.com/webrecorder/replayweb.page
 repo_name: ReplayWeb.page
-edit_uri: edit/main/mkdocs/site/docs/
+edit_uri: edit/main/mkdocs/site/
 extra_css:
   - docs/stylesheets/extra.css
 theme:

mkdocs/site/docs/stylesheets/extra.css

@@ -26,11 +26,21 @@
     font-feature-settings: "ss03";
 }
 
+@font-face {
+    font-family: "Konsole";
+    font-weight: 100 900;
+    font-display: swap;
+    font-style: normal;
+    src: url("https://wr-static.sfo3.cdn.digitaloceanspaces.com/fonts/konsole/Konsolev1.1-VF.woff2")
+      format("woff2");
+}
+  
 :root {
+    --md-display-font: "Konsole", "Helvetica", sans-serif;
     --md-code-font: "Recursive", monospace;
     --md-text-font: "Inter", "Helvetica", "Arial", sans-serif;
-    --wr-blue-primary: #0891B2;
+    --wr-blue-primary: #088eaf;
-    --wr-orange-primary: #C96509;
+    --wr-orange-primary: #bb4a00;
 }
 
 [data-md-color-scheme="webrecorder"] {
@@ -45,14 +55,22 @@
 
 /* Nav changes */
 
-.md-header__title {
+.md-header__title,
-    font-family: var(--md-code-font);
+.md-nav__title {
-    font-variation-settings: "MONO" 0.51;
+    font-family: var(--md-display-font);
+    text-transform: uppercase;
+    font-variation-settings:
+        "wght" 750,
+        "wdth" 87;
+    margin-left: 0 !important;
 }
 
 .md-header__title--active {
-    font-family: var(--md-text-font);
+    font-family: var(--md-display-font);
-    font-weight: 600;
+    text-transform: none;
+    font-variation-settings:
+        "wght" 550,
+        "wdth" 90;
 }
 
 /* Custom menu item hover */