diff --git a/src/pages/settings/components/Theming/ThemeExampleApp.tsx b/src/pages/settings/components/Theming/ThemeExampleApp.tsx
index e815945..f36913b 100644
--- a/src/pages/settings/components/Theming/ThemeExampleApp.tsx
+++ b/src/pages/settings/components/Theming/ThemeExampleApp.tsx
@@ -32,10 +32,15 @@ function ExampleApp({ selectedTheme }: { selectedTheme: Theme }) {
 					gap: 0,
 				}}
 			>
-				<Text className={textClasses.appName} classNames={textClasses}>
+				<Text
+					c={selectedTheme?.primaryColor}
+					className={textClasses.appName}
+					classNames={textClasses}
+				>
 					{'Example App'}
 				</Text>
 				<Text
+					c={selectedTheme?.accentColor}
 					className={textClasses.appUrl}
 					classNames={textClasses}
 					style={{