fix(theme): 🐛 Change luminance for dark and light text to fit theme

src/pages/_app.tsx

@@ -10,21 +10,21 @@ import '@mantine/tiptap/styles.css';
 import '@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css';
 import 'mapbox-gl/dist/mapbox-gl.css';
 
+import type { AppProps } from 'next/app';
 import CookieBanner from '@/components/CookieBanner';
-import { RouterTransition } from '@/components/RouterTransition';
-import SWRSetup from '@/components/SWRSetup';
+import { DefaultSeo } from 'next-seo';
+import { Inter } from 'next/font/google';
 import { MantineProvider } from '@mantine/core';
-import { useLocalStorage } from '@mantine/hooks';
 import { ModalsProvider } from '@mantine/modals';
 import { Notifications } from '@mantine/notifications';
+import { RouterTransition } from '@/components/RouterTransition';
+import SWRSetup from '@/components/SWRSetup';
 import { SessionProvider } from 'next-auth/react';
 import { appWithTranslation } from 'next-i18next';
-import { DefaultSeo } from 'next-seo';
 import defaultSeo from 'next-seo.config';
-import type { AppProps } from 'next/app';
-import { Inter } from 'next/font/google';
 import localFont from 'next/font/local';
 import { useEffect } from 'react';
+import { useLocalStorage } from '@mantine/hooks';
 
 export const interFont = Inter({
 	subsets: ['latin'],
@@ -95,7 +95,7 @@ function MyApp({ Component, pageProps }: AppProps) {
 							],
 						},
 						autoContrast: true,
-						luminanceThreshold: 0.3,
+						luminanceThreshold: 0.33,
 					}}
 				>
 					<ModalsProvider>