diff --git a/resources/views/layouts/darkmode.blade.php b/resources/views/layouts/darkmode.blade.php
new file mode 100644
index 0000000..6d4f020
--- /dev/null
+++ b/resources/views/layouts/darkmode.blade.php
@@ -0,0 +1,46 @@
+<!-- Change theme menu -->
+<div class="dropdown-center" style="padding-left: 10px;">
+    <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" aria-label="Toggle theme (auto)">
+    <svg class="bi my-1 theme-icon-active" width="1em" height="1em">
+        <use href="#circle-half"></use>
+    </svg>
+    <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
+    </button>
+    <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
+    <li>
+        <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
+        <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em">
+            <use href="#sun-fill"></use>
+        </svg>
+        Light
+        <svg class="bi ms-auto d-none" width="1em" height="1em">
+            <use href="#check2"></use>
+        </svg>
+        </button>
+    </li>
+    <li>
+        <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
+        <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em">
+            <use href="#moon-stars-fill"></use>
+        </svg>
+        Dark
+        <svg class="bi ms-auto d-none" width="1em" height="1em">
+            <use href="#check2"></use>
+        </svg>
+        </button>
+    </li>
+    <li>
+        <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto"
+        aria-pressed="true">
+        <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em">
+            <use href="#circle-half"></use>
+        </svg>
+        Auto
+        <svg class="bi ms-auto d-none" width="1em" height="1em">
+            <use href="#check2"></use>
+        </svg>
+        </button>
+    </li>
+    </ul>
+</div>
+<!-- End change theme menu -->
\ No newline at end of file
diff --git a/resources/views/layouts/dashb5.blade.php b/resources/views/layouts/dashb5.blade.php
index 1a2ef95..6d5e599 100644
--- a/resources/views/layouts/dashb5.blade.php
+++ b/resources/views/layouts/dashb5.blade.php
@@ -117,52 +117,7 @@
             </li>
         </ul>
 
-        <!-- Change theme menu -->
-        <div class="dropdown-center" style="padding-left: 10px;">
-          <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" aria-label="Toggle theme (auto)">
-            <svg class="bi my-1 theme-icon-active" width="1em" height="1em">
-              <use href="#circle-half"></use>
-            </svg>
-            <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
-          </button>
-          <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
-            <li>
-              <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
-                <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em">
-                  <use href="#sun-fill"></use>
-                </svg>
-                Light
-                <svg class="bi ms-auto d-none" width="1em" height="1em">
-                  <use href="#check2"></use>
-                </svg>
-              </button>
-            </li>
-            <li>
-              <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
-                <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em">
-                  <use href="#moon-stars-fill"></use>
-                </svg>
-                Dark
-                <svg class="bi ms-auto d-none" width="1em" height="1em">
-                  <use href="#check2"></use>
-                </svg>
-              </button>
-            </li>
-            <li>
-              <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto"
-                aria-pressed="true">
-                <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em">
-                  <use href="#circle-half"></use>
-                </svg>
-                Auto
-                <svg class="bi ms-auto d-none" width="1em" height="1em">
-                  <use href="#check2"></use>
-                </svg>
-              </button>
-            </li>
-          </ul>
-        </div>
-        <!-- End change theme menu -->
+        @includes('layouts.darkmode')
       </div>
     </div>
   </nav>
@@ -286,9 +241,7 @@
   <!-- Content of the main body - heres the main content like graph, tables, etc... -->
   <main class="col-sm-10 bg-body-tertiary" id="main">
     <div class="container-fluid">
-
       <div class="row"></div>
-
       <div class="row"> <!-- This section creates the links at the top separated by a / -->
         <nav aria-label="breadcrumb">
           <ol class="breadcrumb">