Theme changes

src/components/HelpModal/HelpModal.tsx

@@ -21,7 +21,7 @@ export function HelpModal({
 	applicationData: Application[];
 	providerData: Provider[];
 }) {
-	const { theme, isMobile, modalStyle } = useCommonHooks();
+	const { isMobile } = useCommonHooks();
 	return (
 		<Modal.Root
 			size={'60%'}
@@ -36,7 +36,6 @@ export function HelpModal({
 				setProviderURL('https://www.google.com/search?q=');
 				closeProviderModal();
 			}}
-			style={modalStyle}
 			closeOnEscape
 			closeOnClickOutside
 		>
@@ -57,7 +56,7 @@ export function HelpModal({
 								};
 							})}
 						/>
-						<Divider my={8} color={theme.accentColor} />
+						<Divider my={8} color={'var(--mantine-color-accent-0)'} />
 						<HelpSection
 							name={'Available Applications'}
 							items={applicationData.map((application: Application) => {