Update index.html

Author: zorginkopen

index.html

@@ -9,16 +9,16 @@
       font-family: "Segoe UI", sans-serif;
       margin: 0;
       padding: 0;
-      background-color: #e5ddd5;
+      background-color: #fff8e1; /* zachte oranje achtergrond */
       display: flex;
       flex-direction: column;
       height: 100vh;
     }
 
     h1 {
       text-align: center;
-      background-color: #128c7e;
-      color: white;
+      background-color: #ffc827; /* oranje kopbalk */
+      color: black;
       padding: 12px 0;
       margin: 0;
       font-size: 20px;
@@ -30,8 +30,7 @@
       padding: 16px;
       display: flex;
       flex-direction: column;
-      background: url("https://www.transparenttextures.com/patterns/cubes.png") repeat;
-      background-color: #e5ddd5;
+      background-color: #fff8e1;
     }
 
     .message {
@@ -45,13 +44,13 @@
     }
 
     .user-message {
-      background-color: #dcf8c6;
+      background-color: #ffe082;
       align-self: flex-end;
       border-bottom-right-radius: 0;
     }
 
     .agent-message {
-      background-color: white;
+      background-color: #fffde7;
       align-self: flex-start;
       border-bottom-left-radius: 0;
     }
@@ -60,7 +59,7 @@
       display: flex;
       border-top: 1px solid #ccc;
       padding: 10px;
-      background: #f0f0f0;
+      background: white;
     }
 
     #user-input {
@@ -75,15 +74,15 @@
     button {
       padding: 10px 16px;
       font-size: 16px;
-      background-color: #128c7e;
-      color: white;
+      background-color: #ffc827;
+      color: black;
       border: none;
       border-radius: 20px;
       cursor: pointer;
     }
 
     button:hover {
-      background-color: #075e54;
+      background-color: #ffa000;
     }
   </style>
 </head>