fix: improve dark mode background patterns

This commit is contained in:
Mythie
2023-09-25 00:18:15 +10:00
parent 965b5c0afd
commit 80c9ab5d8c
10 changed files with 42 additions and 17 deletions

View File

@ -16,7 +16,7 @@ export default function UnauthenticatedLayout({ children }: UnauthenticatedLayou
<Image
src={backgroundPattern}
alt="background pattern"
className="dark:brightness-95 dark:invert dark:sepia"
className="dark:brightness-95 dark:contrast-[70%] dark:invert dark:sepia"
/>
</div>

View File

@ -29,7 +29,7 @@ export default function NotFoundPartial({ children }: NotFoundPartialProps) {
<Image
src={backgroundPattern}
alt="background pattern"
className="-mr-[50vw] -mt-[15vh] h-full scale-100 object-cover md:scale-100 lg:scale-[100%]"
className="-mr-[50vw] -mt-[15vh] h-full scale-100 object-cover dark:contrast-[70%] dark:invert dark:sepia md:scale-100 lg:scale-[100%]"
priority
/>
</motion.div>