style changes

Author: algasami

app/[lang]/posts/[slug]/page.tsx

@@ -49,7 +49,7 @@ export default function PostSlugPage({ params }: TProps) {
   const MDXContent = useMDXComponent(notFound ? "# NOT FOUND" : post.body.code);
   return (
     <div
-      className="post-page hallway-size p-6 pt-20 dark:bg-zinc-800 shadow-lg font-serif bg-amber-50 text-zinc-800 dark:text-yellow-50"
+      className="post-page hallway-size p-6 pt-20 dark:bg-stone-950 shadow-lg font-serif bg-amber-50 text-zinc-800 dark:text-yellow-50"
       style={{ minHeight: "100dvh" }}
     >
       <NoSsr>

app/components/postBody/postBody.tsx

@@ -9,7 +9,7 @@ export default function PostBody({ children }: Props) {
   return (
     <div
       className={clsx(
-        `prose lg:prose-lg max-w-none lg:max-w-[90vw] transition-colors dark:prose-invert prose-neutral ${roboto_serif.variable} ${ubuntu_mono.variable} font-serif`,
+        `lg:prose-lg prose dark:prose-invert max-w-none lg:max-w-[90vw] transition-colors ${roboto_serif.variable} ${ubuntu_mono.variable} font-serif`,
         styles.postBody
       )}
     >

app/styles/globals.scss

@@ -37,7 +37,7 @@
     @apply justify-center pt-16 max-w-[100vw] lg:max-w-[60vw];
   }
   body {
-    @apply dark:bg-zinc-900 dark:from-slate-900 dark:to-zinc-900 bg-gradient-to-b bg-orange-100 from-orange-100 to-orange-200 dark:text-slate-50 text-slate-900;
+    @apply dark:bg-zinc-900 dark:from-slate-950 dark:to-zinc-950 bg-gradient-to-b bg-orange-100 from-orange-100 to-orange-200 dark:text-slate-50 text-slate-900;
   }
 
   ::-webkit-scrollbar-thumb {