Added BorderAnimate

src/pages/settings/components/Theming/Themes/ThemeModal/components/ThemeEditor.tsx

@@ -80,7 +80,7 @@ export function ThemeEditor({
 		} else if (font && !customFontEnabled) {
 			setDesignerTheme({
 				...designerTheme,
-				themeFont: currentUser.defaultFont,
+				themeFont: currentUser.defaultFont || 'Jost',
 			});
 		}
 	}, [font]);

src/pages/settings/components/Theming/Themes/Themes.tsx

@@ -61,6 +61,17 @@ export function Themes() {
 				.map((t) => t.backgroundImage),
 		),
 	] as string[];
+
+	const {
+		currentTheme,
+		currentUser,
+		setCurrentTheme,
+		theme,
+		isMobile,
+		currentThemePlaylist,
+		setCurrentThemePlaylist,
+	} = useCommonHooks();
+
 	const [selectedTheme, setSelectedTheme] = useState<Theme>({
 		id: undefined,
 		name: 'default',
@@ -73,20 +84,11 @@ export function Themes() {
 		randomEnabled: 1,
 		textShadowsEnabled: 0,
 		appShadowsEnabled: 0,
-		themeFont: null,
+		themeFont: currentUser.defaultFont,
 	});
-
 	const [isLoading, setIsLoading] = useState(false);
 	const [isNew, setIsNew] = useState(false);
 	const navigate = useNavigate();
-	const {
-		currentTheme,
-		setCurrentTheme,
-		theme,
-		isMobile,
-		currentThemePlaylist,
-		setCurrentThemePlaylist,
-	} = useCommonHooks();
 
 	const handleNewTheme = () => {
 		setIsNew(true);