Style updates

src/hooks/useCommonHooks.ts

@@ -107,6 +107,11 @@ export function useCommonHooks() {
 		'i',
 	);
 
+	const textShadowStyle =
+		'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)';
+	const largeTextShadowStyle =
+		'3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)';
+
 	const reorder = (list: any, startIndex: number, endIndex: number) => {
 		const result = Array.from(list);
 		const [removed]: any = result.splice(startIndex, 1);
@@ -235,5 +240,7 @@ export function useCommonHooks() {
 		setCurrentUser,
 		currentLocation,
 		setCurrentLocation,
+		textShadowStyle,
+		largeTextShadowStyle,
 	};
 }