diff --git a/src/app/docs/[[...slug]]/page.tsx b/src/app/docs/[[...slug]]/page.tsx
index ed048b7..d8a362b 100644
--- a/src/app/docs/[[...slug]]/page.tsx
+++ b/src/app/docs/[[...slug]]/page.tsx
@@ -20,7 +20,7 @@ export const generateMetadata = ({
     (post) => post._raw.flattenedPath === params.slug.join("/")
   );
   if (!post) notFound();
-  return { title: post.title + " | MHSF Docs" };
+  return { title: post.title + " | MHSF Docs", themeColor: "#000000" };
 };
 
 const PostLayout = ({ params }: { params: { slug: string[] } }) => {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index dac3968..d548e5e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -23,7 +23,7 @@ import ClientFadeIn from "@/components/ClientFadeIn";
 import { BrandingGenericIcon } from "@/components/Icon";
 import type { Metadata } from "next";
 
-export const metadata = {
+export const extraMetadata = {
   twitter: {
     images: [
       {
@@ -31,6 +31,7 @@ export const metadata = {
       },
     ],
   },
+  themeColor: "#000000",
   openGraph: {
     images: [
       {
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f15b10b..3469566 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,6 +7,21 @@ export const metadata: Metadata = {
     process.env.NEXT_PUBLIC_VERCEL_ENV != undefined
       ? `currently running in ${process.env.NEXT_PUBLIC_VERCEL_ENV} | commit (${(process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA as string).substring(0, 7)}}) "${process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_MESSAGE}" by ${process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_AUTHOR_NAME}`
       : "currently running in dev",
+  twitter: {
+    images: [
+      {
+        url: "/public/imgs/icon-cf.png",
+      },
+    ],
+  },
+  themeColor: "#000000",
+  openGraph: {
+    images: [
+      {
+        url: "/public/imgs/icon-cf.png",
+      },
+    ],
+  },
 };
 
 export default function Home() {
diff --git a/src/app/server/[server]/page.tsx b/src/app/server/[server]/page.tsx
index f52d777..85c092a 100644
--- a/src/app/server/[server]/page.tsx
+++ b/src/app/server/[server]/page.tsx
@@ -23,6 +23,7 @@ export async function generateMetadata(
   ).json();
 
   return {
+    themeColor: "#000000",
     title:
       json.server == null
         ? "Server doesn't exist | MHSF"