From e8e6ae8fda5b578074304aabd4e26755b840bc15 Mon Sep 17 00:00:00 2001
From: Antonio Vivace <avivace4@gmail.com>
Date: Fri, 31 May 2024 01:11:30 +0200
Subject: [PATCH] typography: set inter as main body font

---
 assets/styles/layout.scss        | 15 +++++++++++++++
 assets/styles/themes/dark-bs.css | 23 ++++++++---------------
 2 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/assets/styles/layout.scss b/assets/styles/layout.scss
index 065be151b2..054a596817 100644
--- a/assets/styles/layout.scss
+++ b/assets/styles/layout.scss
@@ -17,3 +17,18 @@
   src: url("/fonts/EudoxusSans-Light.woff2") format("woff2");
   font-weight: 300;
 }
+@font-face {
+  font-family: "Inter";
+  src: url("/fonts/Inter-Light.woff2") format("woff2");
+  font-weight: 300;
+}
+@font-face {
+  font-family: "Inter";
+  src: url("/fonts/Inter-Regular.woff2") format("woff2");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Inter";
+  src: url("/fonts/Inter-Medium.woff2") format("woff2");
+  font-weight: 500;
+}
diff --git a/assets/styles/themes/dark-bs.css b/assets/styles/themes/dark-bs.css
index 18de3f7fdf..9b248401f7 100644
--- a/assets/styles/themes/dark-bs.css
+++ b/assets/styles/themes/dark-bs.css
@@ -9,7 +9,7 @@
   --text-color-secondary: rgba(255, 255, 255, 0.6);
   --primary-color: #8dd0ff;
   --primary-color-text: #151515;
-  --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
+  --font-family: "Inter", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
     Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
   --surface-0: #20262e;
   --surface-50: #363c43;
@@ -50,8 +50,7 @@
 }
 
 .p-component {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: var(--font-family);
   font-size: 1rem;
   font-weight: normal;
 }
@@ -80,8 +79,7 @@
 
 .p-link {
   font-size: 1rem;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: var(--font-family);
   border-radius: 4px;
 }
 .p-link:focus {
@@ -253,8 +251,7 @@
   .p-autocomplete-multiple-container
   .p-autocomplete-input-token
   input {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: var(--font-family);
   font-size: 1rem;
   color: rgba(255, 255, 255, 0.87);
   padding: 0;
@@ -746,8 +743,7 @@
   padding: 0.25rem 0;
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: var(--font-family);
   font-size: 1rem;
   color: rgba(255, 255, 255, 0.87);
   padding: 0;
@@ -1156,8 +1152,7 @@
 }
 
 .p-inputtext {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: var(--font-family);
   font-size: 1rem;
   color: rgba(255, 255, 255, 0.87);
   background: #20262e;
@@ -6543,14 +6538,12 @@
 }
 .p-terminal .p-terminal-input {
   font-size: 1rem;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: var(--font-family);
 }
 
 /* Vendor extensions to the designer enhanced bootstrap compatibility */
 .p-breadcrumb .p-breadcrumb-chevron {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: var(--font-family);
 }
 .p-breadcrumb .p-breadcrumb-chevron:before {
   content: "/";