diff --git a/src/layouts/RootLayout.astro b/src/layouts/RootLayout.astro
index 6628da8..283209e 100644
--- a/src/layouts/RootLayout.astro
+++ b/src/layouts/RootLayout.astro
@@ -4,9 +4,10 @@ import { ViewTransitions } from "astro:transitions";
 interface Props {
   title?: string;
   hideScrollbar?: boolean;
+  themeColor?: string;
 }
 
-const { title, hideScrollbar } = Astro.props;
+const { title, hideScrollbar, themeColor } = Astro.props;
 
 const fullTitle = `${title ? title + " – " : ""}Mikkel Svartveit`;
 ---
@@ -22,7 +23,7 @@ const fullTitle = `${title ? title + " – " : ""}Mikkel Svartveit`;
       name="description"
       content="Hi, I'm Mikkel! I am a Computer Science student from Norway and this is my playground. Here you will find some programming projects, and a small collection of photos I'm proud of."
     />
-    <meta name="theme-color" content="#facc15" />
+    <meta name="theme-color" content={themeColor ?? "#facc15"} />
     <ViewTransitions fallback="swap" />
   </head>
 
diff --git a/src/pages/photography/[photo].astro b/src/pages/photography/[photo].astro
index 92dff61..3db8678 100644
--- a/src/pages/photography/[photo].astro
+++ b/src/pages/photography/[photo].astro
@@ -3,7 +3,6 @@ import type { GetStaticPaths } from "astro";
 import { Image } from "astro:assets";
 import { getFileNameFromPath } from "./index.astro";
 import RootLayout from "@layouts/RootLayout.astro";
-import Photo from "@components/Photo.astro";
 
 export const getStaticPaths = (async () => {
   const photos = await Astro.glob("../../assets/photos/*");
@@ -21,7 +20,7 @@ export const getStaticPaths = (async () => {
 const { photo } = Astro.props;
 ---
 
-<RootLayout title="Photo" hideScrollbar>
+<RootLayout title="Photo" hideScrollbar themeColor="#111827">
   <div
     class="cursor-pointer bg-gray-900 w-full h-screen flex justify-center"
     onclick="