diff --git a/src/layouts/DmLayout.astro b/src/layouts/DmLayout.astro
index 2bdacc1..86dc861 100644
--- a/src/layouts/DmLayout.astro
+++ b/src/layouts/DmLayout.astro
@@ -17,7 +17,7 @@ const {
 ---
 
 <BaseLayout title={title} description={description} hideLanguageSwitcher={true}>
-  <div class="min-h-screen bg-[var(--bg-primary)] text-[var(--text-primary)] flex flex-col">
+  <div class="dm-theme min-h-screen bg-[var(--bg-primary)] text-[var(--text-primary)] flex flex-col">
     <DmHeader title={title}>
       <a
         href="/"
diff --git a/src/styles/dm-theme.css b/src/styles/dm-theme.css
index df82b7f..ab3eb8a 100644
--- a/src/styles/dm-theme.css
+++ b/src/styles/dm-theme.css
@@ -1,4 +1,4 @@
-:root {
+.dm-theme {
   --accent: #E87722;
   --accent-light: #FF9F43;
   --accent-dark: #D35400;