diff --git a/css/index.css b/css/index.css
index 3ba9ed1..697ae7a 100644
--- a/css/index.css
+++ b/css/index.css
@@ -9,6 +9,10 @@ body {
     min-height: 100vh;
     overflow-x: hidden;
 }
+.darkBody {
+    background-color: #0a0a0a;
+    color: #f1f1f1;
+}
 .mobileContainer18 {
     display: flex;
     width: 1%;
@@ -75,6 +79,10 @@ button {
     transition: transform 0.5s ease;
 }
 
+.darkButton{
+    background-color: #00e1ff;
+}
+
 .source-btn {
     background-color: #333333;
     color: white;
diff --git a/index.html b/index.html
index 08384ef..5a8ea1e 100644
--- a/index.html
+++ b/index.html
@@ -29,10 +29,11 @@
 
     <label for="mobileCheckbox">Mobile Checkbox</label>
     <input type="checkbox" id="mobileCheckbox">
+    <label for="darkMode">Dark Mode</label>
+    <input type="checkbox" id="darkMode">
     <div class="search-container">
         <input type="text" id="search-bar" placeholder="Search Clients...">
     </div>
-
     <!-- Version 1.9 Section -->
     <div id="desktopVersion19">
         <p class="version-text">Version 1.9</p>