Unify fonts between all pages

keombre · Oct 22, 2023 · 5de64f3 · 5de64f3
1 parent cedfddf
commit 5de64f3
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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
@@ -386,7 +386,7 @@ Original highlight.js style (c) Ivan Sagalaev <[email protected]>
     overflow-x: auto;
     padding: 0.5em;
     background: #f0f0f0;
-    font-family: Hack, monospace;
+    font-family: var(--font-monospace);
 }
 
 code.hljs,