diff --git a/src/lib/stores.ts b/src/lib/stores.ts
index d018b4d..0e597e7 100644
--- a/src/lib/stores.ts
+++ b/src/lib/stores.ts
@@ -3,14 +3,17 @@ import moment from 'moment';
 import { events } from './events';
 import { seconds } from './time';
 
-export const theme = readable('default', (set) => {
+export const event = readable('default', (set) => {
 	const updateTheme = () => {
-		const today = moment();
-		const monthName = today.format('MMMM').toLowerCase();
-		const day = today.date();
+		const now = moment();
+
+		const today = {
+			month: now.format('MMMM').toLowerCase(),
+			date: now.date()
+		};
 
 		Object.entries(events).forEach(([eventName, [month, date]]) => {
-			if (monthName === month && day === date) set(eventName);
+			if (today.month === month && today.date === date) set(eventName);
 		});
 	};
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 930d63d..39ee1be 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
-	import { theme } from '$stores';
+	import { event } from '$stores';
 
 	import Footer from '$components/organisms/Footer.svelte';
 	import NavBar from '$components/organisms/NavBar.svelte';
@@ -10,7 +10,7 @@
 	let { children }: Props = $props();
 
 	$effect(() => {
-		document.documentElement.setAttribute('data-theme', $theme);
+		document.documentElement.setAttribute('data-event-name', $event);
 	});
 </script>