From 5de64f3196510cf0e8525d7aef8d8d799af4942a Mon Sep 17 00:00:00 2001
From: Matej Stieranka <matej@stieranka.eu>
Date: Sun, 22 Oct 2023 20:51:22 +0200
Subject: [PATCH] Unify fonts between all pages

---
 src/components/loader.svelte |  2 +-
 src/themes/common.css        | 13 +++++++------
 src/themes/dark.css          |  2 +-
 src/themes/light.css         |  2 +-
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/loader.svelte b/src/components/loader.svelte
index 5a802f0..b208dfc 100644
--- a/src/components/loader.svelte
+++ b/src/components/loader.svelte
@@ -49,7 +49,7 @@
 
 <style>
     .loader {
-        font-family: "Open Sans", "Noto Color Emoji";
+        font-family: var(--font-sans);
         position: fixed;
         top: 0;
         left: 0;
diff --git a/src/themes/common.css b/src/themes/common.css
index 5b8d3d9..b3563cf 100644
--- a/src/themes/common.css
+++ b/src/themes/common.css
@@ -9,12 +9,13 @@
 /** global layout */
 
 :root {
-    --font-sans: "Open Sans";
-    --font-family: var(--font-sans), ui-sans-serif, system-ui, -apple-system,
+    --font-sans: "Open Sans", ui-sans-serif, system-ui, -apple-system,
         BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
         "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Symbol", "Noto Color Emoji";
-    font-family: var(--font-family);
+    --font-monospace: "Hack", ui-monospace, "Apple Color Emoji",
+        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-family: var(--font-sans);
 }
 
 html {
@@ -730,7 +731,7 @@ li.testRes > div.badges {
 }
 
 badge {
-    font-family: "Hack", "Noto Color Emoji";
+    font-family: var(--font-monospace);
     font-size: 13px;
     display: inline-block;
     color: #fff;
@@ -1276,7 +1277,7 @@ select.flt {
 .itemLo,
 .itemHi {
     cursor: default;
-    font-family: Tahoma, Verdana, sans-serif;
+    font-family: var(--font-sans);
     font-size: 12px;
     padding: 0.2em 0.4em;
 }
@@ -1403,7 +1404,7 @@ input.seek {
     font-size: 10px;
 }
 select.seek {
-    font-family: Courier;
+    font-family: var(--font-monospace);
     font-size: 10px;
 }
 
diff --git a/src/themes/dark.css b/src/themes/dark.css
index 9510e5c..8e7f840 100644
--- a/src/themes/dark.css
+++ b/src/themes/dark.css
@@ -460,7 +460,7 @@ a.butLink {
     padding: 0.5em;
     background: #333;
     color: white;
-    font-family: Hack, monospace;
+    font-family: var(--font-monospace);
 }
 
 code.hljs,
diff --git a/src/themes/light.css b/src/themes/light.css
index 4b881ec..74ca865 100644
--- a/src/themes/light.css
+++ b/src/themes/light.css
@@ -386,7 +386,7 @@ Original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
     overflow-x: auto;
     padding: 0.5em;
     background: #f0f0f0;
-    font-family: Hack, monospace;
+    font-family: var(--font-monospace);
 }
 
 code.hljs,