diff --git a/templates/reader.templ b/templates/reader.templ
index 5b63fc0..5b01d82 100644
--- a/templates/reader.templ
+++ b/templates/reader.templ
@@ -18,11 +18,16 @@ templ Reader(user User, metadata ReaderMetadata, progress ReadingProgress, bookm
 		</head>
 		<body
 			x-data="readerShell"
-			x-init="initReader()"
-			class="theme-{ user.Theme }"
-			data-media-item-id={ metadata.MediaItemID }
-			data-media-type={ metadata.LibraryType }
-			data-total-pages={ metadata.TotalPages }
+			x-init="initReader({
+				mediaItemId: '{ readerData.MediaItemID }',
+				title: '{ readerData.Title }',
+				enablePanelDetection: { readerData.EnablePanelDetection },
+				libraryType: '{ readerData.LibraryType }',
+				formatGroup: '{ readerData.FormatGroup }',
+				mangaType: '{ readerData.MangaType }',
+				readingDirection: '{ readerData.ReadingDirection }'
+			  })"
+			class="theme-tokyo-night"
 		>
 			@ReaderChrome(user, metadata, progress)
 			<!-- Dockable Panels Container -->
