From 21c566479962cd7ecfa6dccd929b3069d0b201f9 Mon Sep 17 00:00:00 2001
From: Kit La Touche <kit@transneptune.net>
Date: Mon, 13 Jan 2025 17:30:29 -0500
Subject: Add initial fonts

We're not using Overlock currently, but I think it'll be good on headers
and stuff?
---
 ui/styles/app-bar.css  |  2 ++
 ui/styles/fonts.css    | 31 +++++++++++++++++++++++++++++++
 ui/styles/messages.css |  5 +++--
 ui/styles/textarea.css |  1 +
 4 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 ui/styles/fonts.css

(limited to 'ui/styles')

diff --git a/ui/styles/app-bar.css b/ui/styles/app-bar.css
index 238e248..eda9bdc 100644
--- a/ui/styles/app-bar.css
+++ b/ui/styles/app-bar.css
@@ -23,6 +23,8 @@
 
 .app-bar > a {
   line-height: var(--app-bar-height);
+  font-family: "Archistico";
+  letter-spacing: 0.25rem;
 }
 
 .app-bar a {
diff --git a/ui/styles/fonts.css b/ui/styles/fonts.css
new file mode 100644
index 0000000..d5d1eef
--- /dev/null
+++ b/ui/styles/fonts.css
@@ -0,0 +1,31 @@
+@font-face {
+  font-family: "Alegreya";
+  src:
+    url("../fonts/AlegreyaSans-Regular.otf") format("opentype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Archistico";
+  src:
+    url("../fonts/Archistico_Simple.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "FiraCode";
+  src:
+    url("../fonts/FiraCode-Regular.otf") format("opentype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Overlock";
+  src:
+    url("../fonts/Overlock-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index 16333af..5e08279 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -111,6 +111,7 @@
   padding: 0.25rem;
 }
 
-.message-body code {
-  font-family: monospace;
+.message-body code,
+.message-body pre {
+  font-family: "FiraCode";
 }
diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css
index b45a66d..b4d1a93 100644
--- a/ui/styles/textarea.css
+++ b/ui/styles/textarea.css
@@ -14,6 +14,7 @@
   flex-grow: 1;
   background-color: var(--colour-input-bg);
   color: var(--colour-input-text);
+  font-family: "FiraCode";
 }
 
 .create-message button {
-- 
cgit v1.2.3