Colore theming works

source/AssignmentTutor.html

@@ -81,11 +81,11 @@
                 padding: 20px;
                 gap: 20px;
                 width: 100%;
-                max-width: 600px; /* Falls du möchtest, dass die rechte Box nicht zu groß wird */
+                max-width: 600px;
             }
 
             /* Responsiveness */
-            @media (max-width: 768px) {
+            @media (max-width: 1000px) {
                 .chat-container {
                     width: 100%;
                 }
@@ -115,7 +115,7 @@
                 width: 40px;
                 height: 40px;
                 padding: 0;
-                background-color: var(--btn-bg-color);
+                background-color: #007bff;
                 border: none;
                 border-radius: 50%;
                 cursor: pointer;
@@ -126,11 +126,11 @@
             }
 
             button:hover {
-                background-color: var(--btn-hover-color);
+                background-color: #0056b3;
             }
 
             button i {
-                color: var(--btn-text-color);
+                color: #ffffff;
                 font-size: 18px;
             }
         </style>
@@ -148,10 +148,10 @@
                     messageContainer.appendChild(userMessage);
 
                     // Hier könnte man Logik für eine automatische Antwort hinzufügen
-                    const answer = "Der Tutor wird bald Antworten";
+                    const answer = "Warten auf Antwort der Gruppe";
                     const botMessage = document.createElement("div");
                     botMessage.classList.add("bot-message");
-                    botMessage.textContent = "Assignment Bot: " + answer; // Beispielantwort
+                    botMessage.textContent = "Tutor Bot: " + answer; // Beispielantwort
                     messageContainer.appendChild(botMessage);
 
                     // Eingabefeld zurücksetzen

source/Course.html

@@ -54,29 +54,6 @@
                 border-color: var(--btn-bg-color);
             }
 
-            button {
-                width: 40px;
-                height: 40px;
-                padding: 0;
-                background-color: var(--btn-bg-color);
-                border: none;
-                border-radius: 50%;
-                cursor: pointer;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                transition: background-color 0.3s;
-            }
-
-            button:hover {
-                background-color: var(--btn-hover-color);
-            }
-
-            button i {
-                color: var(--btn-text-color);
-                font-size: 18px;
-            }
-
             /* Styles for the chat messages */
             .user-message,
             .bot-message {
@@ -104,11 +81,11 @@
                 padding: 20px;
                 gap: 20px;
                 width: 100%;
-                max-width: 400px; /* Falls du möchtest, dass die rechte Box nicht zu groß wird */
+                max-width: 600px;
             }
 
             /* Responsiveness */
-            @media (max-width: 768px) {
+            @media (max-width: 1000px) {
                 .chat-container {
                     width: 100%;
                 }
@@ -138,7 +115,7 @@
                 width: 40px;
                 height: 40px;
                 padding: 0;
-                background-color: var(--btn-bg-color);
+                background-color: #007bff;
                 border: none;
                 border-radius: 50%;
                 cursor: pointer;
@@ -149,11 +126,11 @@
             }
 
             button:hover {
-                background-color: var(--btn-hover-color);
+                background-color: #0056b3;
             }
 
             button i {
-                color: var(--btn-text-color);
+                color: #ffffff;
                 font-size: 18px;
             }
         </style>

source/Homepage.html

@@ -33,7 +33,12 @@
                 <button onclick="location.href='Course.html'" class="box">
                     Prog 1
                 </button>
-                <button class="box">Prog 2</button>
+                <button
+                    onclick="location.href='AssignmentTutor.html'"
+                    class="box"
+                >
+                    Prog 2
+                </button>
             </div>
         </main>
     </body>