Toggleable shadows

src/pages/homepage/components/Bookmarks/Bookmarks.tsx

@@ -12,7 +12,7 @@ function Bookmarks({ contentType }: { contentType: string[] }) {
 	const { data: groupData, isFetched: groupsIsFetched } = useQueryAPI({
 		endpoint: 'api/bookmarkCategories',
 	});
-	const { bookmarkSort, bookmarkDensity, bookmarkScale } = useCommonHooks();
+	const { bookmarkSort, bookmarkDensity, bookmarkScale, theme } = useCommonHooks();
 	const [bookmarks, setBookmarks] = useState<Bookmark[]>([]);
 	const [groups, setGroups] = useState<BookmarkGroup[]>([]);
 
@@ -64,6 +64,11 @@ function Bookmarks({ contentType }: { contentType: string[] }) {
 							classNames={textClasses}
 							mb={'-.5rem'}
 							mt={'1.25rem'}
+							style={{
+								textShadow:
+									theme.textShadowsEnabled &&
+									'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+							}}
 						>
 							Bookmarks
 						</Text>