From b423e53642d1685e208fd0a97a5ce0f59ff28fbe Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Tue, 28 Nov 2023 17:28:37 +0000
Subject: [PATCH] added `fontScale`

---
 packages/app/constants/defaultTheme.json      |  1 +
 .../constants/settings/apparence/index.jsx    | 26 ++++++++++++++++
 packages/app/src/theme/index.less             | 31 +++++++++++++++++--
 3 files changed, 56 insertions(+), 2 deletions(-)

diff --git a/packages/app/constants/defaultTheme.json b/packages/app/constants/defaultTheme.json
index 37c9557f..cfb4039a 100755
--- a/packages/app/constants/defaultTheme.json
+++ b/packages/app/constants/defaultTheme.json
@@ -1,5 +1,6 @@
 {
     "defaultVars": {
+        "fontScale": "1",
         "backgroundBlur": "10px",
         "colorPrimary": "#ff6064",
         "app-color": "#ff6064",
diff --git a/packages/app/constants/settings/apparence/index.jsx b/packages/app/constants/settings/apparence/index.jsx
index 9ae8e374..94ac4094 100755
--- a/packages/app/constants/settings/apparence/index.jsx
+++ b/packages/app/constants/settings/apparence/index.jsx
@@ -103,6 +103,32 @@ export default {
             },
             storaged: true
         },
+        {
+            id: "style.uiFontScale",
+            group: "aspect",
+            component: "Slider",
+            title: "UI font scale",
+            description: "Change the font scale of the application.",
+            props: {
+                min: 1,
+                max: 1.2,
+                step: 0.01,
+                tooltip: {
+                    formatter: (value) => `${value}x`
+                }
+            },
+            defaultValue: () => {
+                return app.cores.style.getValue("fontScale")
+            },
+            onUpdate: (value) => {
+                app.cores.style.modify({
+                    "fontScale": value
+                })
+
+                return value
+            },
+            storaged: true
+        },
         {
             id: "style.uiFont",
             group: "aspect",
diff --git a/packages/app/src/theme/index.less b/packages/app/src/theme/index.less
index 942b4d15..e3cdab38 100755
--- a/packages/app/src/theme/index.less
+++ b/packages/app/src/theme/index.less
@@ -9,7 +9,35 @@
 *:before,
 *:after {
 	box-sizing: inherit;
-	//font-size: calc(1rem * var(--fontScale));
+	font-size: calc(1em * var(--fontScale));
+}
+
+h1 {
+	font-size: calc(1.4em * var(--fontScale));
+}
+
+h2 {
+	font-size: calc(1.2em * var(--fontScale));
+}
+
+h3 {
+	font-size: calc(1em * var(--fontScale));
+}
+
+h4 {
+	font-size: calc(1em * var(--fontScale));
+}
+
+h5 {
+	font-size: calc(1em* var(--fontScale));
+}
+
+h6 {
+	font-size: calc(1em * var(--fontScale));
+}
+
+p {
+	font-size: calc(1em * var(--fontScale));
 }
 
 #nprogress {
@@ -162,7 +190,6 @@ svg {
 	/* disable the IOS popup when long-press on a link */
 }
 
-
 // LAYOUT
 .app_layout {
 	position: relative;