feat(desktop): inter and ibm plex mono

packages/ui/src/components/font.tsx

@@ -1,20 +1,20 @@
 import { Style, Link } from "@solidjs/meta"
-import geist from "../assets/fonts/geist.woff2"
-import tx02 from "../assets/fonts/tx-02.woff2"
+import inter from "../assets/fonts/inter.woff2"
+import ibmPlexMono from "../assets/fonts/ibm-plex-mono.woff2"
 
 export const Font = () => {
   return (
     <>
       <Style>{`
         @font-face {
-          font-family: "Geist";
-          src: url("${geist}") format("woff2-variations");
+          font-family: "Inter";
+          src: url("${inter}") format("woff2-variations");
           font-display: swap;
           font-style: normal;
           font-weight: 100 900;
         }
         @font-face {
-          font-family: "Geist Fallback";
+          font-family: "Inter Fallback";
           src: local("Arial");
           size-adjust: 100%;
           ascent-override: 97%;
@@ -22,14 +22,14 @@ export const Font = () => {
           line-gap-override: 1%;
         }
         @font-face {
-          font-family: "Berkeley Mono";
-          src: url("${tx02}") format("woff2-variations");
+          font-family: "IBM Plex Mono";
+          src: url("${ibmPlexMono}") format("woff2-variations");
           font-display: swap;
           font-style: normal;
           font-weight: 400 700;
         }
         @font-face {
-          font-family: "Berkeley Mono Fallback";
+          font-family: "IBM Plex Mono Fallback";
           src: local("Courier New");
           size-adjust: 100%;
           ascent-override: 97%;
@@ -37,8 +37,8 @@ export const Font = () => {
           line-gap-override: 1%;
         }
       `}</Style>
-      <Link rel="preload" href={geist} as="font" type="font/woff2" crossorigin="anonymous" />
-      <Link rel="preload" href={tx02} as="font" type="font/woff2" crossorigin="anonymous" />
+      <Link rel="preload" href={inter} as="font" type="font/woff2" crossorigin="anonymous" />
+      <Link rel="preload" href={ibmPlexMono} as="font" type="font/woff2" crossorigin="anonymous" />
     </>
   )
 }

packages/ui/src/styles/theme.css

@@ -1,7 +1,7 @@
 :root {
-  --font-family-sans: "Geist", "Geist Fallback";
+  --font-family-sans: "Inter", "Inter Fallback";
   --font-family-sans--font-feature-settings: "ss03" 1;
-  --font-family-mono: "Berkeley Mono", "Berkeley Mono Fallback";
+  --font-family-mono: "IBM Plex Mono", "IBM Plex Mono Fallback";
   --font-family-mono--font-feature-settings: "ss01" 1;
 
   --font-size-small: 13px;