From 7ae31cf9808d118aed9c178ed25dc030b674149b Mon Sep 17 00:00:00 2001
From: SillyLossy <titan0599@gmail.com>
Date: Sat, 18 Mar 2023 14:53:37 +0200
Subject: [PATCH 1/4] Replace emoji icons with SVGs

---
 public/img/file-arrow-up-solid.svg |  1 +
 public/img/file-export-solid.svg   |  1 +
 public/img/file-image-solid.svg    |  1 +
 public/img/left-long-solid.svg     |  1 +
 public/img/trash-can-solid.svg     |  1 +
 public/img/user-check-solid.svg    |  1 +
 public/img/user-pen-solid.svg      |  1 +
 public/index.html                  | 54 ++++++++++++++++++------------
 public/style.css                   | 24 +++++++------
 9 files changed, 52 insertions(+), 33 deletions(-)
 create mode 100644 public/img/file-arrow-up-solid.svg
 create mode 100644 public/img/file-export-solid.svg
 create mode 100644 public/img/file-image-solid.svg
 create mode 100644 public/img/left-long-solid.svg
 create mode 100644 public/img/trash-can-solid.svg
 create mode 100644 public/img/user-check-solid.svg
 create mode 100644 public/img/user-pen-solid.svg

diff --git a/public/img/file-arrow-up-solid.svg b/public/img/file-arrow-up-solid.svg
new file mode 100644
index 000000000..c90f5ee6f
--- /dev/null
+++ b/public/img/file-arrow-up-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM216 408c0 13.3-10.7 24-24 24s-24-10.7-24-24V305.9l-31 31c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l72-72c9.4-9.4 24.6-9.4 33.9 0l72 72c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-31-31V408z"/></svg>
\ No newline at end of file
diff --git a/public/img/file-export-solid.svg b/public/img/file-export-solid.svg
new file mode 100644
index 000000000..352842204
--- /dev/null
+++ b/public/img/file-export-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V288H216c-13.3 0-24 10.7-24 24s10.7 24 24 24H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM384 336V288H494.1l-39-39c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l80 80c9.4 9.4 9.4 24.6 0 33.9l-80 80c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l39-39H384zm0-208H256V0L384 128z"/></svg>
\ No newline at end of file
diff --git a/public/img/file-image-solid.svg b/public/img/file-image-solid.svg
new file mode 100644
index 000000000..e98a25819
--- /dev/null
+++ b/public/img/file-image-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM64 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm152 32c5.3 0 10.2 2.6 13.2 6.9l88 128c3.4 4.9 3.7 11.3 1 16.5s-8.2 8.6-14.2 8.6H216 176 128 80c-5.8 0-11.1-3.1-13.9-8.1s-2.8-11.2 .2-16.1l48-80c2.9-4.8 8.1-7.8 13.7-7.8s10.8 2.9 13.7 7.8l12.8 21.4 48.3-70.2c3-4.3 7.9-6.9 13.2-6.9z"/></svg>
\ No newline at end of file
diff --git a/public/img/left-long-solid.svg b/public/img/left-long-solid.svg
new file mode 100644
index 000000000..a3eed35bc
--- /dev/null
+++ b/public/img/left-long-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M177.5 414c-8.8 3.8-19 2-26-4.6l-144-136C2.7 268.9 0 262.6 0 256s2.7-12.9 7.5-17.4l144-136c7-6.6 17.2-8.4 26-4.6s14.5 12.5 14.5 22l0 72 288 0c17.7 0 32 14.3 32 32l0 64c0 17.7-14.3 32-32 32l-288 0 0 72c0 9.6-5.7 18.2-14.5 22z"/></svg>
\ No newline at end of file
diff --git a/public/img/trash-can-solid.svg b/public/img/trash-can-solid.svg
new file mode 100644
index 000000000..f2a51adc8
--- /dev/null
+++ b/public/img/trash-can-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"/></svg>
\ No newline at end of file
diff --git a/public/img/user-check-solid.svg b/public/img/user-check-solid.svg
new file mode 100644
index 000000000..09677ae43
--- /dev/null
+++ b/public/img/user-check-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3zM625 177L497 305c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L591 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>
\ No newline at end of file
diff --git a/public/img/user-pen-solid.svg b/public/img/user-pen-solid.svg
new file mode 100644
index 000000000..3c228e4cc
--- /dev/null
+++ b/public/img/user-pen-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H322.8c-3.1-8.8-3.7-18.4-1.4-27.8l15-60.1c2.8-11.3 8.6-21.5 16.8-29.7l40.3-40.3c-32.1-31-75.7-50.1-123.9-50.1H178.3zm435.5-68.3c-15.6-15.6-40.9-15.6-56.6 0l-29.4 29.4 71 71 29.4-29.4c15.6-15.6 15.6-40.9 0-56.6l-14.4-14.4zM375.9 417c-4.1 4.1-7 9.2-8.4 14.9l-15 60.1c-1.4 5.5 .2 11.2 4.2 15.2s9.7 5.6 15.2 4.2l60.1-15c5.6-1.4 10.8-4.3 14.9-8.4L576.1 358.7l-71-71L375.9 417z"/></svg>
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 6b109492d..6ed53b36e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -321,13 +321,13 @@
     <nav id="right-nav-panel">
         <div id="right-nav-panel-tabs">
             <div class="right_menu_button" id="rm_button_characters" title="Select/Create Characters">
-                <img alt="" src="img/id-card-regular.svg" />
+                <img alt="" class="svg_icon" src="img/id-card-regular.svg" />
             </div>
             <div class="right_menu_button" id="rm_button_settings" title="API and AI Settings">
-                <img alt="" src="img/gear-solid.svg" />
+                <img alt="" class="svg_icon" src="img/gear-solid.svg" />
             </div>
             <div class="right_menu_button" id="rm_button_extensions" title="Extensions">
-                <img alt="" src="img/cubes-solid.svg" />
+                <img alt="" class="svg_icon" src="img/cubes-solid.svg" />
             </div>
             <div class="right_menu_button" id="rm_button_selected_ch">
                 <h2></h2>
@@ -335,8 +335,8 @@
             <div class="right_menu_button" id="rm_button_panel_pin_div" title="Locked = Settings panel stays open">
                 <input type="checkbox" id="rm_button_panel_pin">
                 <label for="rm_button_panel_pin">
-                    <img class="unchecked" alt="" src="img/lock-open-solid.svg" />
-                    <img class="checked" alt="" src="img/lock-solid.svg" />
+                    <img class="unchecked svg_icon" alt="" src="img/lock-open-solid.svg" />
+                    <img class="checked svg_icon" alt="" src="img/lock-solid.svg" />
                 </label>
             </div>
         </div>
@@ -357,18 +357,27 @@
                             title="Click to select a new avatar for this character">
                             <input type="file" id="add_avatar_button" name="avatar"
                                 accept="image/png, image/jpeg, image/jpg, image/gif, image/bmp">
-                                📷
+                                <img alt="" class="svg_icon" src="img/file-image-solid.svg">
                         </label>
                         <div class="form_create_bottom_buttons_block">
-                            <div id="rm_button_back" class="menu_button">🔙</div>
-                            <div id="advanced_div" class="menu_button" title="Advanced Definitions">🧠</div>
-                            <div id="export_button" class="menu_button" title="Export and Download">💾</div>
+                            <div id="rm_button_back" class="menu_button">
+                                <img alt="" class="svg_icon" src="img/left-long-solid.svg">
+                            </div>
+                            <div id="advanced_div" class="menu_button" title="Advanced Definitions">
+                                <img alt="" class="svg_icon" src="img/user-pen-solid.svg">
+                            </div>
+                            <div id="export_button" class="menu_button" title="Export and Download">
+                                <img alt="" class="svg_icon" src="img/file-export-solid.svg">
+                            </div>
                             <!-- <div id="create_button" class="menu_button" type="submit" title="Create Character">✅</div> -->
                             <label for="create_button" id="create_button_label" class="menu_button" title="Create Character">
-                                <input type="submit" id="create_button" name="create_button">✅
+                                <input type="submit" id="create_button" name="create_button">
+                                <img alt="" class="svg_icon" src="img/user-check-solid.svg">
                             </label>
                             <!-- <input id="create_button" class="menu_button" title="Create Character" type="submit" value="✅"> -->
-                            <div id="delete_button" class="menu_button" title="Delete Character" >🗑️</div>
+                            <div id="delete_button" class="menu_button" title="Delete Character" >
+                                <img alt="" class="svg_icon" src="img/trash-can-solid.svg">
+                            </div>
                         </div>
                     </div>
                     <div id="result_info"></div>
@@ -407,11 +416,6 @@
                     </div>
                 </div>
                 <!-- now back to normal divs for display purposes-->
-
-               
-
-
-
             </form>
         </div>
         <div id="rm_group_chats_block" class="right_menu">
@@ -439,8 +443,8 @@
                     </div>
                     <div class="ch_name"></div>
                     <div class="group_member_icon">
-                        <img alt="Remove" class="minus" src="img/minus-solid.svg">
-                        <img alt="Add" class="plus" src="img/plus-solid.svg">
+                        <img alt="Remove" class="minus svg_icon" src="img/minus-solid.svg">
+                        <img alt="Add" class="plus svg_icon" src="img/plus-solid.svg">
                     </div>
                 </div>
             </div>
@@ -451,7 +455,7 @@
                         <img src="">
                     </div>
                     <div class="group_icon">
-                        <img src="img/user-group-solid.svg">
+                        <img class="svg_icon" src="img/user-group-solid.svg">
                     </div>
                     <div class="ch_name"></div>
                 </div>
@@ -799,9 +803,15 @@
 
         <div id="rm_characters_block" class="right_menu">
             <div class="form_create_bottom_buttons_block">
-                <div id="rm_button_create" title="Create New Character" class="menu_button">+👤</div>
-                <div id="character_import_button" title="Import Character from File" class="menu_button">+📂</div>
-                <div id="rm_button_group_chats" title="Create New Chat Group" class="menu_button">+👨‍👩‍👧‍👦</div>
+                <div id="rm_button_create" title="Create New Character" class="menu_button">
+                    <img alt="" class="svg_icon" src="img/user-plus-solid.svg">
+                </div>
+                <div id="character_import_button" title="Import Character from File" class="menu_button">
+                    <img alt="" class="svg_icon" src="img/file-arrow-up-solid.svg">
+                </div>
+                <div id="rm_button_group_chats" title="Create New Chat Group" class="menu_button">
+                    <img alt="" class="svg_icon" src="img/user-group-solid.svg">
+                </div>
             </div>
 
             <form id="form_character_search_form" action="javascript:void(null);">
diff --git a/public/style.css b/public/style.css
index 320792711..ae12ae432 100644
--- a/public/style.css
+++ b/public/style.css
@@ -745,7 +745,18 @@ select option:not(:checked) {
 }
 
 img[src*="user-slash-solid.svg"] {
-    filter: invert(1)
+    filter: invert(1);
+}
+
+.menu_button .svg_icon {
+    height: 24px;
+    vertical-align: middle;
+    margin: 5px;
+    filter: invert(1) brightness(75%);
+}
+
+.svg_icon {
+    filter: invert(1);
 }
 
 #api_url_text,
@@ -1068,7 +1079,7 @@ input[type=search]:focus::-webkit-search-cancel-button {
     grid-template-columns: repeat(3, min-content);
     grid-gap: 20px;
     align-items: center;
-    justify-content: right;
+    justify-content: space-evenly;
 }
 
 #rm_info_block {
@@ -2267,10 +2278,6 @@ input[type="range"] {
     margin: 0 10px;
 }
 
-.group_member_icon img {
-    filter: invert(1);
-}
-
 .group_member {
     display: flex;
     flex-direction: row;
@@ -2327,10 +2334,6 @@ input[type="range"] {
     text-overflow: ellipsis;
 }
 
-.group_select .group_icon img {
-    filter: invert(1);
-}
-
 #typing_indicator_template {
     display: none !important;
 }
@@ -2542,7 +2545,6 @@ h2 {
 
 .right_menu_button img {
     display: block;
-    filter: invert(1);
     cursor: pointer;
     height: 26px;
 }

From 54a9f630d047dd097a56aa1744e6550d8ffb9ce6 Mon Sep 17 00:00:00 2001
From: SillyLossy <titan0599@gmail.com>
Date: Sat, 18 Mar 2023 15:05:07 +0200
Subject: [PATCH 2/4] Back from group new style

---
 public/index.html |  4 ++--
 public/style.css  | 11 ++++++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index 6ed53b36e..290b8f81d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -420,8 +420,8 @@
         </div>
         <div id="rm_group_chats_block" class="right_menu">
             <div id="rm_group_top_bar">
-                <div id="rm_button_back_from_group" class="right_menu_button">
-                    <h2 style="color: rgb(188, 193, 200, 0.5);">&#8656;</h2>
+                <div id="rm_button_back_from_group" class="menu_button">
+                    <img alt="" class="svg_icon" src="img/left-long-solid.svg">
                 </div>
                 <input id="rm_group_chat_name" class="text_pole" type="text" name="chat_name"
                     placeholder="Chat Name (Optional)" />
diff --git a/public/style.css b/public/style.css
index ae12ae432..88e3d8deb 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1073,13 +1073,17 @@ input[type=search]:focus::-webkit-search-cancel-button {
     /* width: 100%; */
 }
 
+#rm_characters_block .form_create_bottom_buttons_block {
+    justify-content: space-evenly !important;
+}
+
 .form_create_bottom_buttons_block {
     display: flex;
     flex: 1;
     grid-template-columns: repeat(3, min-content);
     grid-gap: 20px;
     align-items: center;
-    justify-content: space-evenly;
+    justify-content: end;
 }
 
 #rm_info_block {
@@ -2155,6 +2159,7 @@ input[type="range"] {
     flex-direction: row;
     align-items: center;
     width: 100%;
+    column-gap: 15px;
 }
 
 #rm_button_group_chats {
@@ -2334,6 +2339,10 @@ input[type="range"] {
     text-overflow: ellipsis;
 }
 
+#rm_button_back_from_group {
+    padding: 0;
+}
+
 #typing_indicator_template {
     display: none !important;
 }

From 7b065b782bd522aa018f0c7cc15d6c0a0da897ee Mon Sep 17 00:00:00 2001
From: SillyLossy <titan0599@gmail.com>
Date: Sat, 18 Mar 2023 15:09:45 +0200
Subject: [PATCH 3/4] Replace advanced edit icon

---
 public/img/book-solid.svg | 1 +
 public/index.html         | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 public/img/book-solid.svg

diff --git a/public/img/book-solid.svg b/public/img/book-solid.svg
new file mode 100644
index 000000000..d3ed4bab3
--- /dev/null
+++ b/public/img/book-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M96 0C43 0 0 43 0 96V416c0 53 43 96 96 96H384h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H384 96zm0 384H352v64H96c-17.7 0-32-14.3-32-32s14.3-32 32-32zm32-240c0-8.8 7.2-16 16-16H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16zm16 48H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 290b8f81d..2037cb100 100644
--- a/public/index.html
+++ b/public/index.html
@@ -364,7 +364,7 @@
                                 <img alt="" class="svg_icon" src="img/left-long-solid.svg">
                             </div>
                             <div id="advanced_div" class="menu_button" title="Advanced Definitions">
-                                <img alt="" class="svg_icon" src="img/user-pen-solid.svg">
+                                <img alt="" class="svg_icon" src="img/book-solid.svg">
                             </div>
                             <div id="export_button" class="menu_button" title="Export and Download">
                                 <img alt="" class="svg_icon" src="img/file-export-solid.svg">

From 5c0bb34f6924158c118dc82ef68806641cf74925 Mon Sep 17 00:00:00 2001
From: SillyLossy <titan0599@gmail.com>
Date: Sat, 18 Mar 2023 15:17:00 +0200
Subject: [PATCH 4/4] Animate regeneration removal

---
 public/script.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/script.js b/public/script.js
index 80b6b7c5d..b4960e04f 100644
--- a/public/script.js
+++ b/public/script.js
@@ -977,9 +977,9 @@ async function Generate(type, automatic_trigger) {//encode("dsfs").length
                 //$('#chat').children().last().css({'transition':'all 0.5s ease-in-out'});
                 //$('#chat').children().last().css({'transform':'translateX(100vh) scale(0.1,0.1)'});
                 //$('#chat').children().last().css({'opacity':'0'});
-                setTimeout(function () {
-                    $('#chat').children().last().remove();
-                }, 1000);
+                $('#chat').children().last().fadeOut(300, function() {
+                    $(this).remove();
+                });
             }
         }