From 8d07ea9a6244a49f92146913e765ad9969a03acd Mon Sep 17 00:00:00 2001
From: iCrawl <buechler.noel@outlook.com>
Date: Wed, 7 Sep 2022 18:39:02 +0200
Subject: [PATCH] fix: dark/light theme fixes

---
 packages/website/src/components/Section.tsx      | 2 +-
 packages/website/src/components/SidebarItems.tsx | 2 +-
 packages/website/src/pages/_app.tsx              | 2 +-
 packages/website/src/styles/main.css             | 7 ++++++-
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/website/src/components/Section.tsx b/packages/website/src/components/Section.tsx
index aa4a2560d..8a36db8b4 100644
--- a/packages/website/src/components/Section.tsx
+++ b/packages/website/src/components/Section.tsx
@@ -19,7 +19,7 @@ export function Section({
 	const disclosure = useDisclosureState({ defaultOpen: !defaultClosed });
 
 	return (
-		<div>
+		<div className="flex flex-col">
 			<Disclosure
 				className="bg-light-600 hover:bg-light-700 active:bg-light-800 dark:bg-dark-600 dark:hover:bg-dark-500 dark:active:bg-dark-400 rounded p-3"
 				state={disclosure}
diff --git a/packages/website/src/components/SidebarItems.tsx b/packages/website/src/components/SidebarItems.tsx
index 384daf3f3..8d1b1ff0e 100644
--- a/packages/website/src/components/SidebarItems.tsx
+++ b/packages/website/src/components/SidebarItems.tsx
@@ -89,7 +89,7 @@ export function SidebarItems({
 						{groupItems[group].map((member, index) => (
 							<Link key={index} href={member.path} prefetch={false}>
 								<a
-									className={`dark:border-dark-100 border-light-800 ml-5 border-l p-[5px] pl-6 ${
+									className={`dark:border-dark-100 border-light-800 ml-5 flex flex-col border-l p-[5px] pl-6 ${
 										asPathWithoutQueryAndAnchor === member.path
 											? 'bg-blurple text-white'
 											: 'dark:hover:bg-dark-200 dark:active:bg-dark-100 hover:bg-light-700 active:bg-light-800'
diff --git a/packages/website/src/pages/_app.tsx b/packages/website/src/pages/_app.tsx
index dc4d5450b..876d659d1 100644
--- a/packages/website/src/pages/_app.tsx
+++ b/packages/website/src/pages/_app.tsx
@@ -2,7 +2,7 @@ import type { AppProps } from 'next/app';
 import Head from 'next/head';
 import NextProgress from 'next-progress';
 import { ThemeProvider } from 'next-themes';
-import '@unocss/reset/antfu.css';
+import '@unocss/reset/tailwind.css';
 import '../styles/unocss.css';
 import '../styles/main.css';
 
diff --git a/packages/website/src/styles/main.css b/packages/website/src/styles/main.css
index c38c8ea7a..920531947 100644
--- a/packages/website/src/styles/main.css
+++ b/packages/website/src/styles/main.css
@@ -15,16 +15,21 @@
 html,
 body {
 	height: 100%;
+	color-scheme: light;
 }
 
 #__next {
 	height: 100%;
 }
 
-.light [data-theme='dark'] {
+[data-theme='dark'] {
 	display: none;
 }
 
+.dark [data-theme='dark'] {
+	display: block;
+}
+
 .dark [data-theme='light'] {
 	display: none;
 }