diff --git a/config/style/theme.css b/config/style/theme.css
index 6e38132..a366733 100644
--- a/config/style/theme.css
+++ b/config/style/theme.css
@@ -13,7 +13,7 @@
 }
 
 .dark {
-  --color-primary: 14, 165, 233;
+  --color-primary: 24, 24, 27;
   --color-primary-content: 255, 255, 255;
   
   --color-secondary: 14, 165, 233;
diff --git a/src/components/Layout/LayoutHeader.vue b/src/components/Layout/LayoutHeader.vue
index acfdc49..871d44b 100644
--- a/src/components/Layout/LayoutHeader.vue
+++ b/src/components/Layout/LayoutHeader.vue
@@ -9,7 +9,6 @@
       py-2.5
       border-b
       dark:border-b-slate-800
-      dark:bg-slate-900
       pl-4
       pr-4
       h-9
@@ -37,7 +36,7 @@
       <NavbarMobile />
 
       <div class="relative hidden lg:flex items-center ml-auto">
-        <nav class="text-sm leading-6 font-semibold">
+        <nav class="text-sm leading-6 font-medium">
           <ul class="flex space-x-8">
             <li
               v-for="(item, index) in header_links"
diff --git a/src/components/Navbar/NavbarMobile.vue b/src/components/Navbar/NavbarMobile.vue
index ae91c9f..1083c69 100644
--- a/src/components/Navbar/NavbarMobile.vue
+++ b/src/components/Navbar/NavbarMobile.vue
@@ -30,26 +30,28 @@
         w-full
         z-50
         bg-base-foreground
+        text-base-content
         block
+        shadow-md
         md:hidden
         print:hidden"
     >
-      <nav class="font-normal">
-        <ul class="flex flex-col m-0 p-0">
+      <nav class="font-normal container mx-auto">
+        <ul class="flex flex-col m-0 p-0 border-t border-base-300">
           <li
             v-for="(item, index) in header_links"
             :key="index"
-            class="border-b"
+            class="border-b border-base-300"
           >
             <router-link
               :to="item.link"
-              class="text-base-content w-full p-4 block box-border"
+              class="text-base-content w-full p-4 pt-3 pb-3 block box-border"
             >
               {{ item.label }}
             </router-link>
           </li>
           <li>
-            <SwitchTheme class="text-primary-content" />
+            <SwitchTheme class="text-base-content p-4 pt-3 pb-3 border-b w-full border-base-300" />
           </li>
         </ul>
       </nav>
diff --git a/tailwind.config.js b/tailwind.config.js
index b126541..3a49d35 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -33,7 +33,7 @@ module.exports = {
 
         primary: {
           color: withOpacity('--color-primary'),
-          content: withOpacity('--color-secondary-content')
+          content: withOpacity('--color-primary-content')
         },
 
         secondary: {