diff --git a/templates/index.html b/templates/index.html
index 7363a73..a09305f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,17 +3,47 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Sport Attendance Sheet</title>
+    <title>Padel Nivelles</title>
     <style>
-        body { font-family: Arial, sans-serif; margin: 2em; }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 2em;
+            background: #e8dbcb;
+            color: #071330;
+        }
         .table-container { width: 100%; overflow-x: auto; }
-        table { border-collapse: collapse; width: 100%; min-width: 700px; margin-bottom: 1em; }
-        th, td { border: 1px solid #ccc; padding: 0.5em; text-align: center; }
-        th { background: #f0f0f0; }
+        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; }
         .clickable { cursor: pointer; background: #e7f7e7; }
-        .yes { background: #b6e7b6; font-weight: bold; }
-        input[type="text"] { width: 90%; }
-        #add-date { margin-top: 1em; }
+        .yes { background: #b6e7b6; font-weight: bold; color: #071330; }
+        input[type="text"] {
+            width: 90%;
+            padding: 0.2em;
+            border: 1px solid #c3d6db;
+            background: #e8dbcb;
+            color: #071330;
+        }
+        input[type="text"]::placeholder {
+            color: #c3d6db;
+        }
+        #add-date {
+            margin-top: 1em;
+            background: #98ba0b;
+            color: #071330;
+            border: none;
+            padding: 0.7em 1.5em;
+            border-radius: 4px;
+            font-weight: bold;
+            font-size: 1em;
+            transition: background 0.2s;
+        }
+        #add-date:hover {
+            background: #7d9909;
+        }
+        .secondary-text {
+            color: #c3d6db;
+        }
         .name-col { width: 140px; min-width: 100px; max-width: 180px; }
         @media (max-width: 900px) {
             body { margin: 1em; }
@@ -32,7 +62,7 @@
     </style>
 </head>
 <body>
-    <h1>Sport Attendance Sheet</h1>
+    <h1>Padel Nivelles</h1>
     <div class="table-container">
         <div id="attendance-table"></div>
     </div>
