diff --git a/layouts/timer.vue b/layouts/timer.vue
index 6bb88c3..bc547ce 100644
--- a/layouts/timer.vue
+++ b/layouts/timer.vue
@@ -14,7 +14,10 @@ const { locale } = useI18n()
 
 useHead(() => {
   return {
-    htmlAttrs: { lang: locale }
+    htmlAttrs: { lang: locale },
+    bodyAttrs: {
+      class: computed(() => settingsStore.visuals.darkMode ? 'dark' : '')
+    }
   }
 })
 </script>