From c7fdfa15cbe9adc1cf8f4e78d1168c93abc49234 Mon Sep 17 00:00:00 2001 From: sageTheDM Date: Fri, 4 Oct 2024 18:21:57 +0200 Subject: [PATCH 1/2] Minor changes --- app/components/settings/Settings.tsx | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/app/components/settings/Settings.tsx b/app/components/settings/Settings.tsx index 0d77b0b..ad1c21e 100644 --- a/app/components/settings/Settings.tsx +++ b/app/components/settings/Settings.tsx @@ -516,6 +516,19 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = ( setValue={setBasicTextColor} cssVariable="" /> + + { + setFontFamily(newFont); + document.documentElement.style.setProperty('--font-family', newFont); + }} + options={fontOptions} + /> )} -- 2.39.5 From 67b079c3e6b90105bc90a263a0f1896784bd55f7 Mon Sep 17 00:00:00 2001 From: sageTheDM Date: Mon, 7 Oct 2024 08:34:25 +0200 Subject: [PATCH 2/2] themes --- app/components/settings/theme.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/components/settings/theme.ts b/app/components/settings/theme.ts index 2cef5cc..75c1c40 100644 --- a/app/components/settings/theme.ts +++ b/app/components/settings/theme.ts @@ -247,8 +247,8 @@ export const applyBasicCustomTheme = ( document.documentElement.style.setProperty('--popup-background-color', accentColor); document.documentElement.style.setProperty('--pop-up-text', lightenColor(textColor, 80)); document.documentElement.style.setProperty('--input-border-color', primaryColor); - document.documentElement.style.setProperty('--font-family', "'Poppins', 'sans-serif'"); - document.documentElement.style.setProperty('--font-size', '16px'); + document.documentElement.style.setProperty('--font-family', localStorage.getItem("fontFamily") || "'Poppins', 'sans-serif'"); + document.documentElement.style.setProperty('--font-size', localStorage.getItem("fontSize") || '16px'); }; // Helper function to darken a color (returns a darker version of the provided color) -- 2.39.5