feat(fonts): add target-based font assignments in font manager and option to set app font (Acode-Foundation#1994)

bajrangCoder · web-flow · commit 5f1007cdc49a · 2026-03-30T16:44:16.000+05:30
diff --git a/src/lang/ar-ye.json b/src/lang/ar-ye.json
@@ -703,5 +703,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/be-by.json b/src/lang/be-by.json
@@ -705,5 +705,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/bn-bd.json b/src/lang/bn-bd.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/cs-cz.json b/src/lang/cs-cz.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/de-de.json b/src/lang/de-de.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/en-us.json b/src/lang/en-us.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/es-sv.json b/src/lang/es-sv.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/fr-fr.json b/src/lang/fr-fr.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/he-il.json b/src/lang/he-il.json
@@ -705,5 +705,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/hi-in.json b/src/lang/hi-in.json
@@ -705,5 +705,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/hu-hu.json b/src/lang/hu-hu.json
@@ -704,5 +704,7 @@
 	"pin tab": "Lap rögzítése",
 	"unpin tab": "Lap rögzítésének megszüntetése",
 	"pinned tab": "Rögzített lap",
-	"unpin tab before closing": "Lap rögzítésének megszüntetése bezárás előtt."
+	"unpin tab before closing": "Lap rögzítésének megszüntetése bezárás előtt.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/id-id.json b/src/lang/id-id.json
@@ -705,5 +705,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/ir-fa.json b/src/lang/ir-fa.json
@@ -705,5 +705,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/it-it.json b/src/lang/it-it.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/ja-jp.json b/src/lang/ja-jp.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/ko-kr.json b/src/lang/ko-kr.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/ml-in.json b/src/lang/ml-in.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/mm-unicode.json b/src/lang/mm-unicode.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/mm-zawgyi.json b/src/lang/mm-zawgyi.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/pl-pl.json b/src/lang/pl-pl.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/pt-br.json b/src/lang/pt-br.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/pu-in.json b/src/lang/pu-in.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/ru-ru.json b/src/lang/ru-ru.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/tl-ph.json b/src/lang/tl-ph.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/tr-tr.json b/src/lang/tr-tr.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/uk-ua.json b/src/lang/uk-ua.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/uz-uz.json b/src/lang/uz-uz.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/vi-vn.json b/src/lang/vi-vn.json
@@ -705,5 +705,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/zh-cn.json b/src/lang/zh-cn.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/zh-hant.json b/src/lang/zh-hant.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lang/zh-tw.json b/src/lang/zh-tw.json
@@ -704,5 +704,7 @@
 	"pin tab": "Pin tab",
 	"unpin tab": "Unpin tab",
 	"pinned tab": "Pinned tab",
-	"unpin tab before closing": "Unpin the tab before closing it."
+	"unpin tab before closing": "Unpin the tab before closing it.",
+	"app font": "App font",
+	"settings-info-app-font-family": "Choose the font used across the app interface."
 }
diff --git a/src/lib/applySettings.js b/src/lib/applySettings.js
@@ -33,7 +33,8 @@ export default {
 		}
 
 		actions("set-height", settings.quickTools);
-		fonts.setFont(settings.editorFont);
+		fonts.setAppFont(settings.appFont);
+		fonts.setEditorFont(settings.editorFont);
 		if (!themes.applied) {
 			themes.apply("dark");
 		}
diff --git a/src/lib/fonts.js b/src/lib/fonts.js
@@ -11,6 +11,9 @@ const customFontNames = new Set();
 const CUSTOM_FONTS_KEY = "custom_fonts";
 const FONT_FACE_STYLE_ID = "font-face-style";
 const EDITOR_STYLE_ID = "editor-font-style";
+const APP_STYLE_ID = "app-font-style";
+const DEFAULT_EDITOR_FONT = "Roboto Mono";
+const DEFAULT_APP_FONT_STACK = `"Roboto", sans-serif`;
 
 add(
 	"Fira Code",
@@ -187,7 +190,11 @@ function has(name) {
 	return fonts.has(name);
 }
 
-async function setFont(name) {
+function isCustom(name) {
+	return customFontNames.has(name);
+}
+
+async function setEditorFont(name) {
 	loader.showTitleLoader();
 	try {
 		await loadFont(name);
@@ -200,12 +207,35 @@ async function setFont(name) {
   }`;
 	} catch (error) {
 		toast(`${name} font not found`, "error");
-		setFont("Roboto Mono");
+		setEditorFont(DEFAULT_EDITOR_FONT);
 	} finally {
 		loader.removeTitleLoader();
 	}
 }
 
+async function setAppFont(name) {
+	const $style = ensureStyleElement(APP_STYLE_ID);
+
+	if (!name) {
+		$style.textContent = `:root {
+  --app-font-family: ${DEFAULT_APP_FONT_STACK};
+}`;
+		return;
+	}
+
+	try {
+		await loadFont(name);
+		$style.textContent = `:root {
+  --app-font-family: "${name}", ${DEFAULT_APP_FONT_STACK};
+}`;
+	} catch (error) {
+		toast(`${name} font not found`, "error");
+		$style.textContent = `:root {
+  --app-font-family: ${DEFAULT_APP_FONT_STACK};
+}`;
+	}
+}
+
 async function downloadFont(name, link) {
 	const FONT_DIR = Url.join(DATA_STORAGE, "fonts");
 	const FONT_FILE = Url.join(FONT_DIR, name);
@@ -268,6 +298,9 @@ export default {
 	getNames,
 	remove,
 	has,
-	setFont,
+	isCustom,
+	setFont: setEditorFont,
+	setEditorFont,
+	setAppFont,
 	loadFont,
 };
diff --git a/src/lib/settings.js b/src/lib/settings.js
@@ -137,6 +137,7 @@ class Settings {
 			openFileListPos: this.OPEN_FILE_LIST_POS_HEADER,
 			quickTools: this.#IS_TABLET ? 0 : 1,
 			quickToolsTriggerMode: this.QUICKTOOLS_TRIGGER_MODE_TOUCH,
+			appFont: "",
 			editorFont: "Roboto Mono",
 			vibrateOnTap: true,
 			fullscreen: false,
diff --git a/src/main.scss b/src/main.scss
@@ -8,6 +8,7 @@
 
 :root {
   --scrollbar-width: 4px;
+  --app-font-family: "Roboto", sans-serif;
 }
 
 * {
@@ -32,7 +33,7 @@ body {
 
 body {
   user-select: none;
-  font-family: "Roboto", sans-serif;
+  font-family: var(--app-font-family);
   -webkit-tap-highlight-color: transparent;
   background-color: #9999ff;
   background-color: var(--primary-color);
diff --git a/src/pages/fontManager/fontManager.js b/src/pages/fontManager/fontManager.js
diff --git a/src/pages/fontManager/style.scss b/src/pages/fontManager/style.scss
diff --git a/src/settings/appSettings.js b/src/settings/appSettings.js
diff --git a/src/settings/terminalSettings.js b/src/settings/terminalSettings.js
diff --git a/src/styles/console.m.scss b/src/styles/console.m.scss
diff --git a/src/styles/list.scss b/src/styles/list.scss

Original file line number	Diff line number	Diff line change
`@@ -703,5 +703,7 @@`
`703`	`703`	`"pin tab": "Pin tab",`
`704`	`704`	`"unpin tab": "Unpin tab",`
`705`	`705`	`"pinned tab": "Pinned tab",`
`706`		`- "unpin tab before closing": "Unpin the tab before closing it."`
	`706`	`+ "unpin tab before closing": "Unpin the tab before closing it.",`
	`707`	`+ "app font": "App font",`
	`708`	`+ "settings-info-app-font-family": "Choose the font used across the app interface."`
`707`	`709`	`}`
Original file line number	Diff line number	Diff line change
`@@ -705,5 +705,7 @@`
`705`	`705`	`"pin tab": "Pin tab",`
`706`	`706`	`"unpin tab": "Unpin tab",`
`707`	`707`	`"pinned tab": "Pinned tab",`
`708`		`- "unpin tab before closing": "Unpin the tab before closing it."`
	`708`	`+ "unpin tab before closing": "Unpin the tab before closing it.",`
	`709`	`+ "app font": "App font",`
	`710`	`+ "settings-info-app-font-family": "Choose the font used across the app interface."`
`709`	`711`	`}`
Original file line number	Diff line number	Diff line change
`@@ -704,5 +704,7 @@`
`704`	`704`	`"pin tab": "Pin tab",`
`705`	`705`	`"unpin tab": "Unpin tab",`
`706`	`706`	`"pinned tab": "Pinned tab",`
`707`		`- "unpin tab before closing": "Unpin the tab before closing it."`
	`707`	`+ "unpin tab before closing": "Unpin the tab before closing it.",`
	`708`	`+ "app font": "App font",`
	`709`	`+ "settings-info-app-font-family": "Choose the font used across the app interface."`
`708`	`710`	`}`