:zap: [Enhance] Prettify dark theme

css/dark.css

@@ -1,10 +1,10 @@
 body {
-    background-color: #0f0f0f;
+    background-color: #161616;
     color: #cccccc;
 }
 
 #top-toolbar {
-    background-color: #373737;
+    background-color: #161616;
 }
 
 #chat-agents-sidebar,
@@ -16,14 +16,34 @@ body {
 
 #user-interactions {
     box-shadow: 0px 2px 8px 0px rgba(122, 122, 122, 0.4);
-    background-color: #373737;
+    background-color: #242424;
+}
+
+.message-user {
+    /* background-image: linear-gradient(-45deg, #f6f8fe, #e9efff); */
+    background-color: #3a4946;
+}
+.message-user .role-displayer {
+    color: #5facfa;
+}
+
+.message-assistant {
+    /* background-image: linear-gradient(-45deg, #f4f6fe, #ecedff); */
+    background-color: #3d3d50;
+}
+.message-assistant .role-displayer {
+    color: #dc68ff;
+}
+
+.content-displayer {
+    color: #cccccc;
 }
 
 input,
 textarea,
 .form-select,
 .form-control {
-    background-color: #373737;
+    background-color: #2e2e2e;
     color: #cccccc;
     border-color: #686868;
 }

index.html

@@ -30,7 +30,8 @@
             <h5 class="offcanvas-title" id="chat-history-label">
                 <a style="text-decoration: none; color:inherit;" href="#">History</a>
             </h5>
-            <button id="chat-history-sidebar-close-button" class="btn-close">
+            <button id="chat-history-sidebar-close-button" class="btn">
+                <i class="fa fa-close"></i>
             </button>
         </div>
         <div class="offcanvas-body">
@@ -58,7 +59,8 @@
     <div class="offcanvas offcanvas-end" data-bs-scroll="true" data-bs-backdrop="false" id="chat-agents-sidebar"
         aria-labelledby="chat-agents-sidebar-label">
         <div class="offcanvas-header">
-            <button id="chat-agents-sidebar-close-button" class="btn-close">
+            <button id="chat-agents-sidebar-close-button" class="btn px-0 mx-0">
+                <i class="fa fa-close"></i>
             </button>
             <h5 class="offcanvas-title" id="chat-agents-label">
                 <a style="text-decoration: none; color:inherit;" href="#">Agents</a>