refactor: Update font-family to Arimo for better readability and consistency

src/assets/tailwind.css

@@ -1,25 +1,19 @@
 @font-face {
-  font-family: "Inter";
+  font-family: "Arimo";
-  src: url("inter.ttf") format("truetype");
+  src: url("fonts/Arimo.ttf");
+  font-display: swap;
 }
 
-@font-face {
+.arimo {
-  font-family: "Onest";
+  font-family: "Arimo", sans-serif !important;
-  src: url("onest.ttf") format("truetype");
-}
-
-.inter {
-  font-family: "Inter", sans-serif !important;
-}
-
-.onest {
-  font-family: "Onest", sans-serif !important;
 }
 
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
+
+
 .ant-select-selection-search-input {
   border: none !important;
   box-shadow: none !important;

src/entries/options/App.tsx

@@ -19,7 +19,7 @@ function IndexOption() {
           algorithm:
             mode === "dark" ? theme.darkAlgorithm : theme.defaultAlgorithm,
           token: {
-            fontFamily: i18n.language === "ru" ? "Onest" : "Inter"
+            fontFamily: "Arimo"
           }
         }}
         renderEmpty={() => (

src/entries/sidepanel/App.tsx

@@ -20,7 +20,7 @@ function IndexSidepanel() {
           algorithm:
             mode === "dark" ? theme.darkAlgorithm : theme.defaultAlgorithm,
           token: {
-            fontFamily: i18n.language === "ru" ? "Onest" : "Inter"
+            fontFamily: "Arimo"
           }
         }}
         renderEmpty={() => (

src/routes/index.tsx

@@ -10,16 +10,13 @@ export const OptionRouting = () => {
   const { i18n } = useTranslation()
 
   return (
-    <div
+    <div className={`${mode === "dark" ? "dark" : "light"} arimo`}>
-      className={`${mode === "dark" ? "dark" : "light"} ${
-        i18n.language === "ru" ? "onest" : "inter"
-      }`}>
       <Suspense fallback={<PageAssistLoader />}>
-          {import.meta.env.BROWSER === "chrome" ? (
+        {import.meta.env.BROWSER === "chrome" ? (
-            <OptionRoutingChrome />
+          <OptionRoutingChrome />
-          ) : (
+        ) : (
-            <OptionRoutingFirefox />
+          <OptionRoutingFirefox />
-          )}
+        )}
       </Suspense>
     </div>
   )
@@ -30,16 +27,13 @@ export const SidepanelRouting = () => {
   const { i18n } = useTranslation()
 
   return (
-    <div
+    <div className={`${mode === "dark" ? "dark" : "light"} arimo`}>
-      className={`${mode === "dark" ? "dark" : "light"} ${
-        i18n.language === "ru" ? "onest" : "inter"
-      }`}>
       <Suspense fallback={<PageAssistLoader />}>
-          {import.meta.env.BROWSER === "chrome" ? (
+        {import.meta.env.BROWSER === "chrome" ? (
-            <SidepanelRoutingChrome />
+          <SidepanelRoutingChrome />
-          ) : (
+        ) : (
-            <SidepanelRoutingFirefox />
+          <SidepanelRoutingFirefox />
-          )}
+        )}
       </Suspense>
     </div>
   )

tailwind.config.js

@@ -3,5 +3,5 @@ module.exports = {
   mode: "jit",
   darkMode: "class",
   content: ["./src/**/*.tsx"],
-  plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography"),]
+  plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")]
 }