diff --git a/templates/index.html b/templates/index.html
index 1e2ff2f..ffe03fc 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -8,34 +8,34 @@
         body {
             font-family: Arial, sans-serif;
             margin: 2em;
-            background: #e8dbcb;
-            color: #071330;
+            background: #222831;
+            color: #DFD0B8;
         }
         .table-container { width: 100%; overflow-x: auto; max-height: 70vh; }
-        table { border-collapse: collapse; width: 100%; min-width: 700px; margin-bottom: 1em; background: #fff; }
-        th, td { border: 1px solid #c3d6db; padding: 0.5em; text-align: center; }
-        th { background: #c3d6db; color: #071330; position: sticky; top: 0; z-index: 2; }
-        .clickable { cursor: pointer; background: #e7f7e7; transition: background 0.15s, box-shadow 0.15s; }
+        table { border-collapse: collapse; width: 100%; min-width: 700px; margin-bottom: 1em; background: #393E46; color: #DFD0B8; }
+        th, td { border: 1px solid #393E46; padding: 0.5em; text-align: center; }
+        th { background: #393E46; color: #DFD0B8; position: sticky; top: 0; z-index: 2; }
+        .clickable { cursor: pointer; background: #222831; transition: background 0.15s, box-shadow 0.15s; }
         .clickable:hover {
-            background: #dbeedb;
-            box-shadow: 0 0 0 2px #98ba0b33;
+            background: #393E46;
+            box-shadow: 0 0 0 2px #94897966;
         }
-        .yes { background: #b6e7b6; font-weight: bold; color: #071330; }
+        .yes { background: #948979; font-weight: bold; color: #222831; }
         input[type="text"] {
             width: 90%;
             padding: 0.2em;
-            border: 1px solid #c3d6db;
-            background: #e8dbcb;
-            color: #071330;
+            border: 1px solid #393E46;
+            background: #DFD0B8;
+            color: #222831;
         }
         input[type="text"]::placeholder {
-            color: #707070;
+            color: #948979;
             opacity: 1;
         }
         #add-date {
             margin-top: 1em;
-            background: #98ba0b;
-            color: #071330;
+            background: #948979;
+            color: #222831;
             border: none;
             padding: 0.7em 1.5em;
             border-radius: 4px;
@@ -44,10 +44,10 @@
             transition: background 0.2s;
         }
         #add-date:hover {
-            background: #7d9909;
+            background: #7c765c;
         }
         .secondary-text {
-            color: #c3d6db;
+            color: #DFD0B8;
         }
         .name-col { width: 140px; min-width: 100px; max-width: 180px; }
         @media (max-width: 900px) {