diff --git a/app/pages/+config.ts b/app/pages/+config.ts
index fbecb92..fb8c104 100755
--- a/app/pages/+config.ts
+++ b/app/pages/+config.ts
@@ -18,7 +18,7 @@ export default {
 		class: "h-full antialiased",
 	},
 	bodyAttributes: {
-		class: "flex min-h-full bg-white dark:bg-slate-900",
+		class: "flex min-h-full bg-white",
 	},
 
 	prerender: true,
diff --git a/app/partials/HeroSection.tsx b/app/partials/HeroSection.tsx
index a99dd5d..a3e5655 100644
--- a/app/partials/HeroSection.tsx
+++ b/app/partials/HeroSection.tsx
@@ -36,7 +36,7 @@ function TrafficLightsIcon(props: JSX.IntrinsicElements["svg"]) {
 
 export function HeroSection() {
 	return (
-		<div class="overflow-hidden bg-slate-900 dark:mt-[-4.75rem] dark:-mb-32 dark:pt-[4.75rem] dark:pb-32">
+		<div class="overflow-hidden bg-slate-900">
 			<div class="py-16 sm:px-2 lg:relative lg:px-0 lg:py-20">
 				<div class="mx-auto grid max-w-2xl w-full grid-cols-1 items-center gap-x-8 gap-y-16 px-4 lg:max-w-8xl lg:grid-cols-2 lg:px-8 xl:gap-x-16 xl:px-12">
 					<div class="relative z-10 md:text-center lg:text-left">
@@ -67,7 +67,7 @@ export function HeroSection() {
 						</div>
 					</div>
 					<div class="relative lg:static xl:pl-10">
-						<div class="absolute inset-x-[-50vw] -top-32 -bottom-48 [mask-image:linear-gradient(transparent,white,white)] lg:-top-32 lg:right-0 lg:-bottom-32 lg:left-[calc(50%+14rem)] lg:[mask-image:none] dark:[mask-image:linear-gradient(transparent,white,transparent)] lg:dark:[mask-image:linear-gradient(white,white,transparent)]">
+						<div class="absolute inset-x-[-50vw] -top-32 -bottom-48 [mask-image:linear-gradient(transparent,white,white)] lg:-top-32 lg:right-0 lg:-bottom-32 lg:left-[calc(50%+14rem)] lg:[mask-image:none]">
 							<HeroBackground class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lg:left-0 lg:translate-x-0 lg:translate-y-[-60%]" />
 						</div>
 						<div class="relative">
diff --git a/app/partials/TableOfContents.tsx b/app/partials/TableOfContents.tsx
index 6d38166..08258e9 100644
--- a/app/partials/TableOfContents.tsx
+++ b/app/partials/TableOfContents.tsx
@@ -80,14 +80,14 @@ export function TableOfContents(props: TableOfContentsProps) {
 												class={clsx(
 													isActive(section)
 														? "text-violet-500"
-														: "font-normal text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-300",
+														: "font-normal text-slate-500 hover:text-slate-700",
 												)}
 											>
 												{section.title}
 											</Link>
 										</h3>
 										{section.children.length > 0 && (
-											<ol class="mt-2 space-y-3 pl-5 text-slate-500 dark:text-slate-400">
+											<ol class="mt-2 space-y-3 pl-5 text-slate-500">
 												<For each={section.children}>
 													{(subSection) => (
 														<li>
@@ -96,7 +96,7 @@ export function TableOfContents(props: TableOfContentsProps) {
 																class={
 																	isActive(subSection)
 																		? "text-violet-500"
-																		: "hover:text-slate-600 dark:hover:text-slate-300"
+																		: "hover:text-slate-600"
 																}
 															>
 																{subSection.title}