diff --git a/app/layouts/catalog.vue b/app/layouts/catalog.vue
index a157975..1fa096f 100644
--- a/app/layouts/catalog.vue
+++ b/app/layouts/catalog.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen bg-base-200">
+  <div class="min-h-screen bg-base-300">
     <!-- Layer 1+2: MainNavigation + SubNavigation (slides up on scroll) -->
     <div
       class="fixed left-0 right-0 z-50"
diff --git a/app/layouts/map.vue b/app/layouts/map.vue
index 8349987..211b005 100644
--- a/app/layouts/map.vue
+++ b/app/layouts/map.vue
@@ -3,7 +3,7 @@
     <input id="main-drawer" type="checkbox" class="drawer-toggle" v-model="drawerOpen" />
 
     <!-- Main content area -->
-    <div class="drawer-content flex flex-col h-screen bg-base-200">
+    <div class="drawer-content flex flex-col h-screen bg-base-300">
       <!-- TopBar -->
       <TopBar
         :session-checked="sessionChecked"
diff --git a/app/layouts/topnav.vue b/app/layouts/topnav.vue
index dd59ea6..00ae7cb 100644
--- a/app/layouts/topnav.vue
+++ b/app/layouts/topnav.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen flex flex-col bg-base-200">
+  <div class="min-h-screen flex flex-col bg-base-300">
     <!-- Collapsed header bar (only on catalog pages when scrolled) -->
     <div
       v-if="showCollapsedBar"