Revamp cai-chat theme, make it default

css/chat_style-cai-chat.css

@@ -4,7 +4,7 @@
     padding-bottom: 25px;
     font-size: 15px;
     font-family: Helvetica, Arial, sans-serif;
-    line-height: 1.428571429;
+    line-height: 1.3333;
 }
 
 .circle-you {
@@ -46,7 +46,7 @@
 .message-body p {
     margin-bottom: 0 !important;
     font-size: 15px !important;
-    line-height: 1.428571429 !important;
+    line-height: 1.3333 !important;
 }
 
 .dark .message-body p em {

css/main.css

@@ -282,7 +282,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
 }
 
 #chat-tab > :first-child, #extensions {
-    max-width: 800px;
+    max-width: 960px;
     margin-left: auto;
     margin-right: auto;
 }
@@ -304,7 +304,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
 .chat {
     margin-left: auto;
     margin-right: auto;
-    max-width: 800px;
+    max-width: 960px;
     height: 100%;
     overflow-y: auto;
     padding-right: 15px;

js/main.js

@@ -18,7 +18,7 @@ document.querySelector('.header_bar').addEventListener('click', function(event)
         if (chat_visible || notebook_visible || default_visible) {
             extensions.style.display = 'flex';
             if (chat_visible) {
-                extensions.style.maxWidth = "800px";
+                extensions.style.maxWidth = "960px";
                 extensions.style.padding = "0px";
             } else {
                 extensions.style.maxWidth = "none";

modules/shared.py

@@ -32,7 +32,7 @@ settings = {
     'show_controls': True,
     'start_with': '',
     'mode': 'chat',
-    'chat_style': 'TheEncrypted777',
+    'chat_style': 'cai-chat',
     'character': 'None',
     'prompt-default': 'QA',
     'prompt-notebook': 'QA',

settings-template.yaml

@@ -2,7 +2,7 @@ dark_theme: true
 show_controls: true
 start_with: ''
 mode: chat
-chat_style: TheEncrypted777
+chat_style: cai-chat
 character: None
 prompt-default: QA
 prompt-notebook: QA