Rename chatbox/style.css to static/style.css

{chatbox → static}/style.css

@@ -1,16 +1,15 @@
-/* Dark color theme styles */
 body {
-  font-family: Arial, sans-serif; /* Change the font family here */
-  background-color: #333; /* Dark background color */
-  color: #eee; /* Light text color */
+  font-family: Arial, sans-serif;
+  background-color: #333;
+  color: #eee;
 }
 
 .chat-container {
-  border: 1px solid #555; /* Darker border */
+  border: 1px solid #555;
   width: 600px;
   margin: 20px auto;
   padding: 10px;
-  background-color: #444; /* Slightly lighter background color */
+  background-color: #444;
 }
 
 .chat-messages {
@@ -24,7 +23,7 @@ body {
   margin-bottom: 10px;
   padding: 5px;
   border-radius: 5px;
-  background-color: #555; /* Darker message background */
+  background-color: #555;
 }
 
 .nme {
@@ -32,21 +31,12 @@ body {
   margin-bottom: 5px;
 }
 
-/* Your existing styles */
-
-/* Adjusted styles for message content padding */
 .msg {
   margin-bottom: 10px;
-  padding: 10px; /* Add padding to the message */
+  padding: 10px;
   border-radius: 5px;
 }
 
-/* Rest of your existing styles */
-
-
-/* Your existing styles */
-
-/* Adjusted styles for input and button layout */
 .chat-input {
   display: flex;
   flex-direction: row;
@@ -60,11 +50,11 @@ input[type="text"] {
   padding: 10px;
   border: 1px solid #ccc;
   border-radius: 5px;
-  margin-right: 10px; /* Add spacing between inputs and button */
+  margin-right: 10px;
 }
 
 input[type="text"]:last-child {
-  margin-right: 0; /* Remove margin from the last input */
+  margin-right: 0;
 }
 
 .chat-input button {
@@ -76,23 +66,14 @@ input[type="text"]:last-child {
   border-radius: 5px;
 }
 
-/* Rest of your existing styles */
-
-
 .chat-input button:hover {
-  background-color: #2980b9; /* Darker blue on hover */
+  background-color: #2980b9;
 }
 
-/* Your existing styles */
-
-/* Adjusted styles for alternating message backgrounds */
 .msg:nth-child(even) {
-  background-color: #555; /* Darker background for even messages */
+  background-color: #555;
 }
 
 .msg:nth-child(odd) {
-  background-color: #444; /* Slightly lighter background for odd messages */
+  background-color: #444;
 }
-
-/* Rest of your existing styles */
-