From 518808f9ca4c442e89e706a81551cfb892cd81ef Mon Sep 17 00:00:00 2001
From: LightSaveUs <108632621+LightSaveUs@users.noreply.github.com>
Date: Sat, 15 Oct 2022 09:04:10 +0300
Subject: [PATCH 1/4] Darkness Update (0.4)

---
 themes/Darkness.css | 149 ++++++++++++++++++++++++++++++++++++--------
 1 file changed, 123 insertions(+), 26 deletions(-)

diff --git a/themes/Darkness.css b/themes/Darkness.css
index 2880f706..23146ddb 100644
--- a/themes/Darkness.css
+++ b/themes/Darkness.css
@@ -1,7 +1,7 @@
 /*
 	Name: Darkness
 	Author: LightSaveUs
-	Version: 0.3.4
+	Version: 0.4
 	Description: A theme inspired by the AI Dungeon interface.
 */
 
@@ -37,8 +37,8 @@
 
 /*----------------Advanced Theme--------------------*/
 	/*General*/
-	--background: #181818;
-	--gamescreen_background: #181818;
+	--background: #141414;
+	--gamescreen_background: #141414;
     --input_background: #141414;
 
     --text: #e0e0e0;
@@ -52,7 +52,7 @@
 	/*Buttons*/
 		/*General*/
 	--enabled_button_text: #e0e0e0;
-    --enabled_button_background_color: #424243;
+    --enabled_button_background_color: #3c3c3c;
     --enabled_button_border_color: #2e2e2fe8;
 
 	--disabled_button_text: #303030;
@@ -65,11 +65,11 @@
 		
 		/*Alternate Button*/
 	--alternate_button_text: #e0e0e0;
-	--alternate_button_background: #127a76;
+	--alternate_button_background: #424243;
 
 
 	/*Sequence, AKA Gens Per Action*/
-	--sequence_area_background: #181818;
+	--sequence_area_background: #141414;
     --sequence_background: #141414;
 	--sequence_text: #e0e0e0;
 
@@ -83,17 +83,18 @@
     --setting_text: #e0e0e0;
 
 	--sample_order_select_color: #148883;
-	--sample_order_select_color_text: #e0e0e0;
+	--sample_order_select_color_text: #141414;
 
 	--dropdown_text: #e0e0e0;
-	--dropdown_background: #1f1f1f;
+	--dropdown_background: #202020;
 
 	--rangeslider_background_color: #1c1c1c;
 	--rangeslider_color: #1c1c1c;
 	--rangeslider_circle_color: #148883;
 
-	--help_icon: #6e6e6e;/*--tooltip_text: #000000;
-    --tooltip_background: #000000;*/
+	--help_icon: #6e6e6e;
+	--tooltip_text: #e0e0e0;
+    --tooltip_background: #3b3b3b;
 	--setting_category_help_text_color: #e0e0e0;
 	
 	--setting_footer_border_color: #333333;
@@ -115,20 +116,20 @@
     --wi_card_tag_bg_color: #3b3b3b;
 	--wi_card_tag_text_color: #e0e0e0;
 	
-    --wi_tag_color: #148883;
+    --wi_tag_color: #555555;
 	--wi_tag_text_color: #e0e0e0;
 	
 	/*Popup*/
-	--popup_background_color: #181818;
+	--popup_background_color: #212121;
     --popup_title_bar_color: #343434;
 	--popup_title_bar_color_text: #e0e0e0;
 
-    --popup_item_color: #181818;
+    --popup_item_color: #212121;
 	--popup_item_color_text: #e0e0e0;
 
-	--popup_hover_color: #181818;
+	--popup_hover_color: #212121;
 	--popup_hover_color_text: #e0e0e0;
-	--popup_selected_color: #181818;
+	--popup_selected_color: #212121;
 	--popup_selected_color_text: #85858580;
 
 	--popup_button_color: #424243;
@@ -194,6 +195,8 @@
 	--font_size_adjustment: 0px;
 	--game_screen_font_size_adjustment: 1;}
 
+/*----------------Custom CSS--------------------*/
+
 /* Boxes */
 
 #input_text, #themetext {
@@ -207,14 +210,57 @@
 
 .bias_phrase input {
     border-color: #808080 !important;
+	border-radius:5px;
+}
+
+.sequence {
+	border: 1px solid #b6b6b6 !important;
+}
+
+.sequence:hover {
+	filter: brightness(100%) !important;
+	background-color: #2a2a2a;
+}
+
+.substitution-card input {
+	border-radius: 5px;
+	border-color: #535353 !important;
 }
 
 /* Buttons */
 
+#adventure_mode {
+	border: 1px solid;
+	border-color: var(--enabled_button_border_color);
+}
+
+.action_button:hover {
+	filter: brightness(100%) !important;
+}
+
+.action_button:active {
+	color: #e0e0e0;
+	filter: brightness(60%) !important;
+}
+
+.action_button:focus {
+	color: #e0e0e0;
+	box-shadow: none;
+	outline: none !important;
+}
+
 .settings_button {
 	border: none !important;
 }
 
+.settings_button:active {
+	filter: brightness(60%) !important;
+}
+
+.settings_button:focus {
+	outline: none !important;
+}
+
 .btn-success {
 	color: #e0e0e0 !important;
     border-color: #148883 !important;
@@ -231,6 +277,22 @@
 	filter: brightness(100%) !important;
 }
 
+.advanced_theme:active {
+	filter: brightness(60%) !important;
+}
+
+#new-sub-card:active {
+	filter: brightness(60%) !important;
+}
+
+.wi_add_button:active {
+	filter: brightness(60%) !important;
+}
+
+#debug-dump:active {
+	filter: brightness(60%) !important;
+}
+
 /* Context Menu */
 
 #context-menu {
@@ -253,7 +315,7 @@
 }
 
 #context-container {
-	background-color: #242424 !important;
+	background-color: #2b2b2b !important;
 }
 
 /* Finder */
@@ -290,10 +352,12 @@ span.material-icons-outlined.cursor.search_icon {
 
 .true-t + label::before {
 	color: #999 !important;
+	filter: brightness(85%);
 }
 
 .true-t:checked + label::before {
 	color: #e0e0e0 !important;
+	filter: brightness(100%);
 }
 
 /* Import */
@@ -304,8 +368,8 @@ a {
 
 .form-control {
 	border: none;
-    color: #148883 !important;
-    background-color: #424243 !important;
+	color: #e0e0e0 !important;
+	background-color: #333333 !important;
 }
 
 /* Lines */
@@ -318,12 +382,13 @@ a {
 
 .settings_select, .var_sync_system_theme_list {
 	border-color: #535353 !important;
+	border-radius:5px !important;
 }
 
 /* Palette */
 
 #palette_area {
-    border-color: #333333 !important;
+	border: 1px solid #535353 !important;
 }
 
 /* Popup */
@@ -336,28 +401,46 @@ a {
 
 .popup .action_button {
     border-radius: 5px;
-	border-color:#b6b6b6;
+	border-color:#535353;
 }
 
 .popup_load_cancel_button {
     border-radius: 5px;
-	border-color:#b6b6b6 !important;
+	border-color:#535353 !important;
 }
 
 .popup .action_button:hover {
 	background-color: #424243 !important;
+	filter: brightness(100%) !important;
 }
 
 .popup_load_cancel_button:hover {
 	color: #e0e0e0 !important;
-	border-color: #e0e0e0 !important;
+	border-color: #535353 !important;
     background-color: #424243 !important;
+	outline: none !important;
+}
+
+.popup_load_cancel_button:focus {
+	color: #e0e0e0 !important;
+	border-color: #535353 !important;
+    background-color: #424243 !important;
+	outline: none;
+}
+
+.popup .action_button:active {
+	filter: brightness(60%) !important;
+}
+
+.popup_load_cancel_button:active {
+	filter: brightness(60%) !important;
+	outline: none !important;
 }
 
 #error_message.popup .btn-primary {
     color: #e0e0e0 !important;
-    border-color: #e0e0e0 !important;
-    background-color: #424243 !important;
+    border-color: #535353 !important;
+	background-color: #424243 !important;
 }
 
 /* Tabs */
@@ -377,18 +460,24 @@ a {
     background: #1c1c1c !important;
 }
 
+.tabrow span:active {
+	filter: brightness(60%) !important;
+}
+
 /* Text */
 
 .rawtext {
     font-family: helvetica !important;
 }
 
+.rawtext:focus {
+	outline: none !important;
+}
+
 /* Tooltips */
 
 .tooltip-standard {
 	border: none !important;
-	color: #e0e0e0 !important;
-	background-color: #3b3b3b !important;
 }
 
 /* World Info */
@@ -397,3 +486,11 @@ a {
 	border-color: #242424 !important;
 	background-color: #3b3b3b !important;
 }
+
+.world_info_title:focus {
+	outline: none !important;
+}
+
+.WI_Folder_Header .title:focus {
+	outline: none !important;
+}

From cc77fd654037a4b0738e9e5cd9299a815f59d709 Mon Sep 17 00:00:00 2001
From: LightSaveUs <108632621+LightSaveUs@users.noreply.github.com>
Date: Sat, 15 Oct 2022 09:05:17 +0300
Subject: [PATCH 2/4] Update Monochrome.css

---
 themes/Monochrome.css | 207 ++++++++++++++++++++++++++++++------------
 1 file changed, 151 insertions(+), 56 deletions(-)

diff --git a/themes/Monochrome.css b/themes/Monochrome.css
index b871bdce..4e1b7b2c 100644
--- a/themes/Monochrome.css
+++ b/themes/Monochrome.css
@@ -1,7 +1,7 @@
 /*
 	Name: Monochrome
 	Author: LightSaveUs
-	Version: 0.6.3
+	Version: 0.7
 	Description: A theme inspired by the NovelAI interface.
 */
 
@@ -37,22 +37,22 @@
 
 /*----------------Advanced Theme--------------------*/
 	/*General*/
-	--background: #222f3a;
-	--gamescreen_background: #12181c;
-    --input_background: #121b21;
+	--background: #252e3b;
+	--gamescreen_background: #111820;
+    --input_background: #111820;
 
     --text: #e0e0e0;
     --text_to_ai_color: #e0e0e0;
     --text_edit: #9cc3ee;
 
-	--statusbar_color: #3e53679e;
+	--statusbar_color: #eedcb880;
 	--statusbar_text_color: #e0e0e0;
-	--scrollbar-color: #3e53679e;
+	--scrollbar-color: #2f3b4bdb;
 
 	/*Buttons*/
 		/*General*/
 	--enabled_button_text: #e0e0e0;
-    --enabled_button_background_color: #30435b;
+    --enabled_button_background_color: #2d3d52;
     --enabled_button_border_color: #253446;
 
 	--disabled_button_text: #303030;
@@ -61,45 +61,45 @@
 
 		/*Home Tab*/
 	--button_text: #e0e0e0;
-	--button_background: #30435b;
+	--button_background: #283445;
 		
 		/*Alternate Button*/
 	--alternate_button_text: #e0e0e0;
-	--alternate_button_background: #30435b;
+	--alternate_button_background: #283445;
 
 
 	/*Sequence, AKA Gens Per Action*/
-	--sequence_area_background: #121b21;
-    --sequence_background: #131c22;
-	--sequence_text: #cfd7a2;
+	--sequence_area_background: #111820;
+    --sequence_background: #eedcb8;
+	--sequence_text: #e0e0e0;
 
 	/*Side Menus*/
-	--tab_color: #1e2f44;
+	--tab_color: #243047;
 
-	--flyout_background: #18222a;
-	--flyout_background_pinned: #18222a;
+	--flyout_background: #18222d;
+	--flyout_background_pinned: #18222d;
 
 	--setting_background: #273141;
     --setting_text: #e0e0e0;
 
-	--sample_order_select_color: #244c65;
-	--sample_order_select_color_text: #cfd7a2;
+	--sample_order_select_color: #1f2934;
+	--sample_order_select_color_text: #eedcb8;
 
-	--dropdown_text: #cfd7a2;
-	--dropdown_background: #131c22;
+	--dropdown_text: #e0e0e0;
+	--dropdown_background: #212935;
 
 	--rangeslider_background_color: #1f2934;
 	--rangeslider_color: #1f2934;
-	--rangeslider_circle_color: #244c65;
+	--rangeslider_circle_color: #404d64;
 
 	--help_icon: #7c8389;
-	--tooltip_text: white;
-    --tooltip_background: black;
+	--tooltip_text: #e0e0e0;
+    --tooltip_background: #212d38;
 	--setting_category_help_text_color: #E0E0E0;
 	
 	--setting_footer_border_color: #334552;
 	--setting_footer_text_color: #e0e0e0;
-	--setting_footer_background_color: #18222a;
+	--setting_footer_background_color: #18222d;
 
 	/*Palette Card*/
 	--palette_card_background: #273141;
@@ -110,27 +110,27 @@
 	--wi_card_border_color: #334552;
     --wi_card_border_color_to_ai: #334552;
 
-    --wi_card_bg_color: #273141;
+    --wi_card_bg_color: #223040;
 	--wi_card_text_color: #e0e0e0;
 
-    --wi_card_tag_bg_color: #273141;
+    --wi_card_tag_bg_color: #1d2835;
 	--wi_card_tag_text_color: #e0e0e0;
 	
-    --wi_tag_color: #30435b;
+    --wi_tag_color: #283445;
 	--wi_tag_text_color: #e0e0e0;
 	
 	/*Popup*/
-	--popup_background_color: #19242c;
-    --popup_title_bar_color: #25364a;
+	--popup_background_color: #1a2530;
+    --popup_title_bar_color: #283445;
 	--popup_title_bar_color_text: #e0e0e0;
 
-    --popup_item_color: #30435b;
+    --popup_item_color: #1a2530;
 	--popup_item_color_text: #e0e0e0;
 
-	--popup_hover_color: #253346;
+	--popup_hover_color: #1e2733;
 	--popup_hover_color_text: #e0e0e0;
-	--popup_selected_color: #202b3a;
-	--popup_selected_color_text: #cfd7a2;
+	--popup_selected_color: #242d3c;
+	--popup_selected_color_text: #eedcb8;
 
 	--popup_button_color: #25364a;
 	--popup_button_color_text: #e0e0e0;
@@ -194,23 +194,62 @@
 	--font_size_adjustment: 0px;
 	--game_screen_font_size_adjustment: 1;}
 
+/*----------------Custom CSS--------------------*/
+
 /* Boxes */
 
+.gamescreen {
+    border: 1px solid #2f3b4b;
+}
+
+.sequence_area {
+	border-top: 1px solid #2f3b4b;
+	border-right: 1px solid #2f3b4b;
+	border-bottom: 1px solid #2f3b4b;
+}
+
 #input_text, #themetext {
-    border-color: #334552 !important;
+    border-color: #2f3b4b !important;
 }
 
 .fullwidth {
 	border-radius: 2px;
-    border-color: #334552 !important;
+    border-color: #2f3b4b !important;
 }
 
 .bias_phrase input {
-    border-color: #334552 !important;
+    border-color: #2f3b4b !important;
+	border-radius:2px !important;
+}
+
+.substitution-card input {
+	border-color: #2f3b4b !important;
+	border-radius:2px !important;
+}
+
+.sequence {
+	color: #121c22 !important;
+	border: 1px solid #eedcb8 !important;
+}
+
+.sequence:hover {
+	filter: brightness(100%) !important;
+	background-color: #e0e0e0; !important;
 }
 
 /* Buttons */
 
+#adventure_mode {
+	border: 1px solid;
+	border-color: var(--enabled_button_border_color);
+}
+
+.action_button:focus {
+	color: #e0e0e0;
+	box-shadow: none;
+	outline: none !important;
+}
+
 .settings_button {
     border: none !important;
 }
@@ -219,20 +258,24 @@
 	filter: brightness(120%);
 }
 
+.settings_button:focus {
+	outline: none !important;
+}
+
 .btn-success {
-	color: #131c22 !important;
-    border-color: #cfd7a2 !important;
-    background-color: #cfd7a2 !important;
+	color: #121c22 !important;
+    border-color: #eedcb8 !important;
+    background-color: #eedcb8 !important;
 }
 
 .toggle-off.btn {
-	color: #cfd7a2 !important;
+	color: #eedcb8 !important;
     background-color: #131c22 !important;
 	border-color: #131c22 !important;
 }
 
 .toggle-off.btn:hover {
-	border-color: #cfd7a2 !important;
+	border-color: #eedcb8 !important;
 }
 
 .wi_add_button:hover {
@@ -247,19 +290,23 @@
 	filter: brightness(120%) !important;
 }
 
+#debug-dump:hover {
+	filter: brightness(120%) !important;
+}
+
 /* Context Menu */
 
 #context-menu {
-	border-color: #334552 !important;
-	background-color: #18222a !important;
+	border-color: #2f3b4b !important;
+	background-color: #18222d !important;
 }
 
 #context-menu > hr {
-	border-color: #334552 !important;
+	border-color: #2f3b4b !important;
 }
 
 .context-menu-item:hover {
-	background-color:#334552 !important;
+	background-color:#2f3b4b !important;
 }
 
 /* Context Viewer */
@@ -275,7 +322,7 @@
 /* Finder */
 
 .result-highlight {
-    background-color: #9ba950 !important;
+    background-color: #aea186 !important;
 }
 
 /* Icons */
@@ -311,10 +358,12 @@ span.helpicon.material-icons-outlined:hover:not(::after) {
 
 .true-t + label::before {
 	color: #999 !important;
+	filter: brightness(85%);
 }
 
 .true-t:checked + label::before {
 	color: #e0e0e0 !important;
+	filter: brightness(100%);
 }
 
 /* Import */
@@ -332,23 +381,52 @@ a {
 /* Lines */
 
 .story_title, hr {
-    border-color: #334552 !important;
+    border-color: #2f3b4b !important;
+}
+
+.rightSideMenu {
+	border-left: 1px solid #2f3b4b;
+}
+
+.SideMenu {
+	border-right: 1px solid #2f3b4b;
 }
 
 /* Lists */
 
 .settings_select, .var_sync_system_theme_list {
-	border-color: #334552 !important;
+	border-color: #2f3b4b !important;
+	border-radius:2px !important;
+}
+
+.settings_footer {
+    border-top: 1px solid #2f3b4b !important;
 }
 
 /* Palette */
 
 #palette_area {
-    border-color: #334552 !important;
+    border-color: #2f3b4b !important;
 }
 
 /* Popup */
 
+.popup_list_area .model_item .model{
+	border: 1px solid #2f3b4b;
+}
+
+.popup .item {
+	border: 1px solid #2f3b4b;
+}
+
+.popup .item.selected {
+	filter: brightness(110%) !important;
+}
+
+.popup .item:hover{
+	filter: brightness(110%) !important;
+}
+
 .popup .action_button {
     border-radius: 2px;
 	border-color:#ffffff00;
@@ -377,7 +455,7 @@ a {
 
 .tabrow span {
 	border: none !important;
-	box-shadow: inset 0px 0px 2px #20344e !important;
+	box-shadow: inset 0px 0px 2px #101214 !important;
 }
 
 .tabrow span::before, .tabrow span::after {
@@ -386,12 +464,12 @@ a {
 }
 
 .tabrow span:hover {
-	background: #244c65 !important;
+	background: #374357 !important;
 }
 
 .tabrow span.selected {
-    color: #cfd7a2 !important;
-	background: #244c65 !important;
+    color: #eedcb8 !important;
+	background: #374357 !important;
 }
 
 /* Text */
@@ -400,12 +478,14 @@ a {
     font-family: sans-serif !important;
 }
 
+.rawtext:focus {
+	outline: none !important;
+}
+
 /* Tooltips */
 
 .tooltip-standard {
 	border: none !important;
-	color: #e0e0e0 !important;
-	background-color: #1d2831 !important;
 }
 
 /* World Info */
@@ -416,10 +496,25 @@ a {
 
 .world_info_tag_area {
     filter: brightness(100%) !important;
-	background-color: #1d2831 !important;
+	background-color: #1d2835 !important;
 }
 
 .world_info_text {
 	filter: brightness(100%) !important;
-	background-color: #1d2831 !important;
+	background-color: #1d2835 !important;
+	border-color: #2f3b4b !important;
+}
+
+.world_info_title:hover {
+	filter: brightness(120%) !important;
+}
+
+.world_info_title:focus {
+	color: #eedcb8 !important;
+	filter: brightness(100%) !important;
+	outline: none !important;
+}
+
+.WI_Folder_Header .title:focus {
+	outline: none !important;
 }

From dd64f9bad1958f10e3b5f1aad3ade7696c96c832 Mon Sep 17 00:00:00 2001
From: LightSaveUs <108632621+LightSaveUs@users.noreply.github.com>
Date: Sat, 15 Oct 2022 09:06:46 +0300
Subject: [PATCH 3/4] Update Nostalgia.css

---
 themes/Nostalgia.css | 132 +++++++++++++++++++++++++++++++++----------
 1 file changed, 101 insertions(+), 31 deletions(-)

diff --git a/themes/Nostalgia.css b/themes/Nostalgia.css
index 1f71ba70..4b376edf 100644
--- a/themes/Nostalgia.css
+++ b/themes/Nostalgia.css
@@ -1,8 +1,8 @@
 /*
 	Name: Nostalgia
 	Author: LightSaveUs
-	Version: 0.2.4
-	Description: A theme inspired by the previous KoboldAI interface.
+	Version: 0.3
+	Description: A theme inspired by the old KoboldAI interface.
 */
 
 :root {
@@ -45,7 +45,7 @@
     --text_to_ai_color: #fff;
     --text_edit: #cdf;
 
-	--statusbar_color: #6c6c6e99;
+	--statusbar_color: #3bf72380;
 	--statusbar_text_color: #ffffff;
 	--scrollbar-color: #74747400;
 
@@ -61,7 +61,7 @@
 
 		/*Home Tab*/
 	--button_text: #ffffff;
-	--button_background: #3379b7;
+	--button_background: #337ab7;
 		
 		/*Alternate Button*/
 	--alternate_button_text: #ffffff;
@@ -69,15 +69,15 @@
 
 
 	/*Sequence, AKA Gens Per Action*/
-	--sequence_area_background: #303030;
+	--sequence_area_background: #262626;
     --sequence_background: #262626;
 	--sequence_text: #ffffff;
 
 	/*Side Menus*/
 	--tab_color: #4786be;
 
-	--flyout_background: #294f71;
-	--flyout_background_pinned: #294f71;
+	--flyout_background: #274864;
+	--flyout_background_pinned: #274864;
 
 	--setting_background: #294f71;
     --setting_text: #ffffff;
@@ -86,19 +86,20 @@
 	--sample_order_select_color_text: #23527c;
 
 	--dropdown_text: #ffffff;
-	--dropdown_background: #337ab7;
+	--dropdown_background: #386d9c;
 
 	--rangeslider_background_color: #ffffff;
-	--rangeslider_color: #005dc8;
-	--rangeslider_circle_color: #0077ff;
+	--rangeslider_color: #1a6ccd;
+	--rangeslider_circle_color: #268aff;
 
-	--help_icon: #ffffff;/*--tooltip_text: #000000;
-    --tooltip_background: #000000;*/
+	--help_icon: #ffffff;
+	--tooltip_text: #ffffff;
+    --tooltip_background: #1f2931;
 	--setting_category_help_text_color: #3bf723;
 	
 	--setting_footer_border_color: grey;
 	--setting_footer_text_color: #ffffff;
-	--setting_footer_background_color: #212122;
+	--setting_footer_background_color: #232323;
 
 	/*Palette Card*/
 	--palette_card_background: #295071;
@@ -106,10 +107,10 @@
 	--palette_table_border: #12324f;
 
 	/*World Info*/
-	--wi_card_border_color: #262626;
-    --wi_card_border_color_to_ai: #262626;
+	--wi_card_border_color: #1e1e1e;
+    --wi_card_border_color_to_ai: #1e1e1e00;
 
-    --wi_card_bg_color: #262626;
+    --wi_card_bg_color: #1e1e1e;
 	--wi_card_text_color: #ffffff;
 
     --wi_card_tag_bg_color: #295071;
@@ -193,6 +194,8 @@
 	--font_size_adjustment: 0px;
 	--game_screen_font_size_adjustment: 1;}
 
+/*----------------Custom CSS--------------------*/
+
 /* Boxes */
 
 #input_text, #themetext {
@@ -204,8 +207,39 @@
     border-color: #999999 !important;
 }
 
+.bias_phrase input {
+	border-radius: 5px;
+	border-color: #376590;
+	background-color:var(--dropdown_background);
+}
+
+.substitution-card input {
+	border-radius: 5px;
+	border-color: #376590;
+	background-color:var(--dropdown_background);
+}
+
+.sequence {
+	border-color: #8c8c8c !important;
+}
+
+.sequence:hover {
+	filter: brightness(120%) !important;
+}
+
 /* Buttons */
 
+#adventure_mode {
+	border: 1px solid;
+	border-color: var(--enabled_button_border_color);
+}
+
+.action_button:focus {
+	box-shadow: none;
+	outline: none !important;
+	color: #ffffff !important;
+}
+
 .settings_button {
     border: none !important;
 }
@@ -215,26 +249,34 @@
 }
 
 .settings_button:focus {
-   background: #84a8c8 !important;
+	outline: none !important;
 }
 
 .wi_add_button:hover {
 	filter: brightness(80%);
 }
 
+#new-sub-card:hover {
+	filter: brightness(120%) !important;
+}
+
+#debug-dump:hover {
+	filter: brightness(80%) !important;
+}
+
 /* Context Menu */
 
 #context-menu {
-	border-color: #12324f !important;
-	background-color: #294f71 !important;
+	border-color: #11324f !important;
+	background-color: #274864 !important;
 }
 
 #context-menu > hr {
-	border-color: #12324f !important;
+	border-color: #11324f !important;
 }
 
 .context-menu-item:hover {
-	background-color:#12324f !important;
+	background-color:#11324f !important;
 }
 
 /* Context Viewer */
@@ -250,13 +292,13 @@
 /* Finder */
 
 .result-highlight {
-    background-color: #3bf723f0 !important;
+    background-color: #688f1f !important;
 }
 
 /* Flyout */
 
 .rightSideMenu {
-	background-color: #212122 !important;
+	background-color: #232323 !important;
 }
 
 /* Icons */
@@ -275,10 +317,12 @@
 
 .true-t + label::before {
 	color: #999 !important;
+	filter: brightness(85%);
 }
 
 .true-t:checked + label::before {
 	color: #fff !important;
+	filter: brightness(100%);
 }
 
 /* Import */
@@ -289,20 +333,21 @@ a {
 
 .form-control {
     background-color: #404040 !important;
-	color: #3bf723 !important;
+	color: #ffffff !important;
 	border: none;
 }
 
 /* Lines */
 
 .story_title, hr {
-    border-color: #12324f !important;
+    border-color: #11324f !important;
 }
 
 /* Lists */
 
 .settings_select, .var_sync_system_theme_list {
-	border-color: #12324f !important;
+	border-color: #376590 !important;
+	border-radius: 5px !important;
 }
 
 /* Palette */
@@ -333,6 +378,19 @@ a {
     background-color: #337ab7 !important;
 }
 
+.popup .action_button:focus {
+	outline: none !important;
+	color: #ffffff
+}
+
+.popup_load_cancel_button:focus {
+	background-color: #337ab7 !important;
+    border-color: #ffffff !important;
+	outline: none !important;
+	box-shadow: none;
+	color: #ffffff
+}
+
 #error_message.popup .btn-primary {
     color: #ffffff !important;
     border-color: #ffffff !important;
@@ -370,19 +428,23 @@ a {
     font-family: helvetica !important;
 }
 
-/* Timer */
+.rawtext:focus {
+	outline: none !important;
+}
+
+/* Timer Bar */
 
 div#settings_footer.settings_footer {
 	color: #ffffff !important;
-	border-color: #12324f !important;
-	background-color: #294f71 !important;
+	border-color: #11324f !important;
+	background-color: #274864 !important;
 }
 
 /* Tooltips */
 
 .tooltip-standard {
-	border-color: #3379b7 !important;
-	background-color: #1f2931 !important;
+	border: 1px solid #3379b7 !important;
+	border-radius: 5px;
 }
 
 /* World Info */
@@ -398,3 +460,11 @@ div#settings_footer.settings_footer {
 	filter: brightness(100%) !important;
 	background-color: #404040 !important;
 }
+
+.world_info_title:focus {
+	outline: none !important;
+}
+
+.WI_Folder_Header .title:focus {
+	outline: none !important;
+}

From 19b0a5c2ec1c7617c614e1ddf119e2a4ef7ff059 Mon Sep 17 00:00:00 2001
From: LightSaveUs <108632621+LightSaveUs@users.noreply.github.com>
Date: Sat, 15 Oct 2022 09:07:28 +0300
Subject: [PATCH 4/4] Update Unicorn.css

---
 themes/Unicorn.css | 329 +++++++++++++++++++++++++++++++++------------
 1 file changed, 244 insertions(+), 85 deletions(-)

diff --git a/themes/Unicorn.css b/themes/Unicorn.css
index 9ffc5dee..af004ebf 100644
--- a/themes/Unicorn.css
+++ b/themes/Unicorn.css
@@ -1,7 +1,7 @@
 /*
 	Name: Unicorn
 	Author: LightSaveUs
-	Version: 0.3.5
+	Version: 0.4
 	Description: A theme inspired by the DreamilyAI interface.
 */
 
@@ -37,19 +37,19 @@
 
 /*----------------Advanced Theme--------------------*/
 	/*General*/
-	--background: #eeeeee;
+	--background: #f0f0f0;
 
-	--gamescreen_background: #eeeeee;
-	--gamescreen_text: #222224;
+	--gamescreen_background: #f0f0f0;
+	--gamescreen_text: #3d3d3d;
 
-    --input_background: #eeeeee;
-	--input_text: #222224;
+    --input_background: #f0f0f0;
+	--input_text: #3d3d3d;
 
     --text: #f2f1f1;
-    --text_to_ai_color: #222224;
-    --text_edit: #222224;
+    --text_to_ai_color: #3d3d3d;
+    --text_edit: #3d3d3d;
 
-	--statusbar_color: #f2f2f499;
+	--statusbar_color: #e2677180;
 	--statusbar_text_color: white;
 	--scrollbar-color: #da4f5a00;
 
@@ -73,38 +73,38 @@
 
 
 	/*Sequence, AKA Gens Per Action*/
-	--sequence_area_background: #e8e8e8;
-    --sequence_background: #eeeeee;
-	--sequence_text: #222224;
+	--sequence_area_background: #ebebeb;
+    --sequence_background: #f0f0f0;
+	--sequence_text: #3d3d3d;
 
 	/*Side Menus*/
-	--tab_color: #a04a51;
-	--tab_text: #f2f1f1;
+	--tab_color: #eee;
+	--tab_text: #e26771;
 
-	--flyout_background: #e8e8e8;
-	--flyout_background_pinned: #e8e8e8;
-	--flyout_text: #464646;
+	--flyout_background: #ebebeb;
+	--flyout_background_pinned: #ebebeb;
+	--flyout_text: #3d3d3d;
 
-	--setting_background: #e9cece;
-    --setting_text: #421d1d;
+	--setting_background: #eed9d9;
+    --setting_text: #3d3d3d;
 
-	--sample_order_select_color: #dc6872;
+	--sample_order_select_color: #e26771;
 	--sample_order_select_color_text: #f2f1f1;
 
-	--dropdown_text: #dc6872;
+	--dropdown_text: #e26771;
 	--dropdown_background: #eeeeee;
 
 	--rangeslider_background_color: #828282;
-	--rangeslider_color: #dc6872;
+	--rangeslider_color: #e26771;
 	--rangeslider_circle_color: #f2f1f1;
 
-	--help_icon: #f2f1f1;/*--tooltip_text: #000000;
-    --tooltip_background: #000000;*/
-	--setting_category_help_text_color: #464646;
+	--help_icon: #f6f6f6;
+	--tooltip_text: #3d3d3d;--tooltip_background: #f0f0f0;
+	--setting_category_help_text_color: #3d3d3d;
 	
 	--setting_footer_border_color: #acacac;
-	--setting_footer_text_color: #464646;
-	--setting_footer_background_color: #dccccc;
+	--setting_footer_text_color: #3d3d3d;
+	--setting_footer_background_color: #e1d1d1;
 
 	/*Palette Card*/
 	--palette_card_background: #e9cece;
@@ -116,39 +116,39 @@
     --wi_card_border_color_to_ai: #acacac;
 
     --wi_card_bg_color: #ebebeb;
-	--wi_card_text_color: #e26771;
+	--wi_card_text_color: #5c5c5c;
 
-    --wi_card_tag_bg_color: #eeeeee;
+    --wi_card_tag_bg_color: #ebebeb;
 	--wi_card_tag_text_color: #5c5c5c;
 	
-    --wi_tag_color: #e26771;
-	--wi_tag_text_color: #5c5c5c;
+    --wi_tag_color: #ebebeb;
+	--wi_tag_text_color: #e26771;
 	
 	/*Popup*/
-	--popup_background_color: #e9cece;
-    --popup_title_bar_color: #dc6872;
-	--popup_title_bar_color_text: #f2f1f1;
+	--popup_background_color: #eeeeee;
+    --popup_title_bar_color: #eeeeee;
+	--popup_title_bar_color_text: #e26771;
 
-    --popup_item_color: #f2f1f1;
-	--popup_item_color_text: #e26771;
+    --popup_item_color: #eeeeee;
+	--popup_item_color_text: #3d3d3d;
 
-	--popup_hover_color: #e26771;
-	--popup_hover_color_text: #f2f1f1;
-	--popup_selected_color: #e26771;
-	--popup_selected_color_text: #f2f1f1;
+	--popup_hover_color: #e9cece;
+	--popup_hover_color_text: #e26771;
+	--popup_selected_color: #e9cece;
+	--popup_selected_color_text: #e26771;
 
-	--popup_button_color: #e9cece;
-	--popup_button_color_text: #e26771;
-	--popup_cancel_button_color: #e9cece;
+	--popup_button_color: #e26771;
+	--popup_button_color_text: #eeeeee;
+	--popup_cancel_button_color: #eeeeee;
 	--popup_cancel_button_color_text: #e26771;
 
-	--error: #e9cece;
-	--error_text: #e26771;
-	--error_title: #dc6872;
-	--error_title_text: #f2f1f1;
+	--error: #eeeeee;
+	--error_text: #3d3d3d;
+	--error_title: #eeeeee;
+	--error_title_text: #e26771;
 	
 	/*Context Bar Colors*/
-	--context_colors_memory: #464646;
+	--context_colors_memory: #3d3d3d;
 	--context_colors_authors_notes: #5c5c5c;
 	--context_colors_world_info: #b1535a;
 	--context_colors_prompt: #e1636e;
@@ -201,6 +201,8 @@
 	--font_size_adjustment: 0px;
 	--game_screen_font_size_adjustment: 1;}
 
+/*----------------Custom CSS--------------------*/
+
 /* Boxes */
 
 #input_text, #themetext {
@@ -213,27 +215,71 @@
 }
 
 .fullwidth:focus {
-    border-color: #dc6872 !important;
+    border-color: #e26771 !important;
 }
 
 .bias_phrase input {
     border-color: #c9c9c9 !important;
+	border-radius: 10px;
+}
+
+.bias_phrase input:focus {
+	border-color: #e26771 !important;
 }
 
 .sequence {
-    border-color: #c9c9c9 !important;
+    border-color: #dddddd !important;
+}
+
+.sequence:hover {
+    filter: brightness(100%) !important;
+}
+
+.substitution-card input {
+	border-radius: 10px;
+}
+
+.substitution-card input:focus {
+	border-color: #e26771 !important;
 }
 
 /* Buttons */
 
+#adventure_mode {
+	border: 1px solid;
+	border-color: var(--enabled_button_border_color);
+}
+
+.action_button:hover {
+	filter: brightness(100%) !important;
+}
+
+.action_button:active {
+	color: #f2f1f1 !important;
+}
+
+.action_button:focus {
+	color: #f2f1f1 !important;
+	outline: none !important;
+	box-shadow: none;
+}
+
 .settings_button {
     border: none !important;
 }
 
+.settings_button:hover {
+    background-color: #ee7e7e !important;
+}
+
+.settings_button:focus {
+	outline: none !important;
+}
+
 .btn-success {
 	color: #f2f1f1 !important;
-    background-color: #dc6872 !important;
-    border-color: #dc6872 !important;
+    background-color: #e26771 !important;
+    border-color: #e26771 !important;
 }
 
 .toggle-off.btn {
@@ -244,14 +290,35 @@
 
 .advanced_theme:hover {
 	filter: brightness(100%) !important;
+	background-color: #ee7e7e !important;
+}
+
+#new-sub-card {
+	border-radius: 10px !important;
+}
+
+.wi_add_button {
+	color: #e26771 !important;
+	background: #ebebeb !important;
+	border: 1px solid #e26771 !important;
+}
+
+.wi_add_button:hover {
+	color: #ebebeb !important;
+	background: #e26771 !important;
+	border: 1px solid #e26771 !important;
+}
+
+#debug-dump:hover {
+	color: #ee7e7e !important;
 }
 
 /* Context Menu */
 
 #context-menu {
-	color: #222224;
+	color: #3d3d3d;
 	border-color: #c9c9c9 !important;
-	background-color: #e8e8e8 !important;
+	background-color: #ebebeb !important;
 }
 
 #context-menu > hr {
@@ -259,7 +326,7 @@
 }
 
 .context-menu-item:hover {
-	color: #222224;
+	color: #3d3d3d;
 	background-color:#c9c9c9 !important;
 }
 
@@ -270,31 +337,28 @@
 }
 
 #context-container {
-	background-color: #e8e8e8 !important;
+	background-color: #dedede !important;
 }
 
 /* Finder */
 
 #finder {
-	color: #222224!important;
+	color: #3d3d3d !important;
 }
 
 .result-highlight {
+	color: #f0f0f0;
     background-color: #e26771 !important;
 }
 
 .finder-wi-block {
-	color: #222224;
+	color: #3d3d3d;
 }
 
 /* Icons */
 
-span.material-icons-outlined.cursor.search_icon {
-	color: #464646e0 !important;
-}
-
 .pinned .menu_pin, .pinned .story_menu_pin {
-    color: #464646 !important;
+    color: #e26771 !important;
     filter: brightness(100%) !important;
 }
 
@@ -306,34 +370,56 @@ span.material-icons-outlined.cursor.search_icon {
 	filter: brightness(100%) !important;
 }
 
-
 .substitution-card > .card-left > .material-icons-outlined {
 	color: #999 !important;
 }
 
 .substitution-card > .card-left > .material-icons-outlined:hover {
-	color: #464646 !important;
+	color: #3d3d3d !important;
 }
 
 .true-t + label::before {
 	color: #999 !important;
+	filter: brightness(85%);
 }
 
 .true-t:checked + label::before {
-	color: #dc6872 !important;
+	color: #e26771 !important;
+	filter: brightness(100%);
+}
+
+.oi[folder] {
+	color: #e26771 !important;
+}
+
+.rename_icon {
+	color: #e26771 !important;
+}
+
+.search_icon {
+	color: #e26771 !important;
+}
+
+.search_icon:hover {
+	border-radius:5px;
+	background-color: #e0e0e0 !important;
 }
 
 /* Import */
 
 a {
+    color: #5c5c5c !important;
+}
+
+a:hover, a:focus {
     color: #e26771 !important;
 }
 
 .form-control {
-	border: none;
-	color: #e26771 !important;
+	border: 1px solid #c9c9c9 !important;
+	color: #3d3d3d !important;
 	transform: translateX(6px)!important;
-    background-color: #e2e2e2 !important;
+    background-color: #f0f0f0 !important;
 }
 
 /* Lines */
@@ -342,27 +428,49 @@ a {
     border-color: #c9c9c9 !important;
 }
 
+.settings_footer {
+	border-color: #c9c9c9 !important;
+}
+
 /* Lists */
 
 .settings_select, .var_sync_system_theme_list {
 	border-color: #c9c9c9 !important;
-}
-
-select#wpp_format_0.settings_select {
-    background-color: #f8f4f4 !important;
+	border-radius: 10px !important;
 }
 
 /* Palette */
 
 #palette_area {
-    border-color: #e26771 !important;
+    border: 1px solid #d9b7ba !important;
 }
 
 /* Popup */
 
+.popup_list_area .model_item .model{
+	border: 1px solid #c9c9c9;
+	border-radius: 10px;
+}
+
+.popup .popup_load_cancel {
+	border: 1px solid #c9c9c9 !important;
+}
+
+.popup .item, .popup .title, .popup .popup_list_area {
+	border: 1px solid #c9c9c9;
+}
+
+.popup .item:hover {
+	border-color: #e26771;
+}
+
+.popup .item.selected {
+	border-color: #e26771;
+}
+
 .popup .action_button {
     border-radius: 10px;
-	border-color:#e26771
+	border-color: #e26771;
 }
 
 .popup_load_cancel_button {
@@ -370,16 +478,46 @@ select#wpp_format_0.settings_select {
 }
 
 .popup .action_button:hover {
+	color: #eeeeee;
+	border-color: #ee7e7e !important;
 	filter: brightness(100%) !important;
-	background-color: #e9cece !important;
+	background-color: #ee7e7e !important;
 }
 
 .popup_load_cancel_button:hover {
-	color: #e26771 !important;
+	color: #e26771;
 	border-color: #e26771 !important;
     background-color: #e9cece !important;
 }
 
+.popup .action_button:focus {
+	box-shadow: none;
+	outline: none !important;
+	color: #eeeeee !important;
+}
+
+.popup_load_cancel_button:focus {
+	box-shadow: none;
+	outline: none !important;
+	color: #e26771 !important;
+}
+
+#error_message.popup .btn-primary {
+	color: #e26771 !important;
+	border-color: #e26771 !important;
+	background-color: #eeeeee !important;
+}
+
+#error_message.popup .btn-primary:hover {
+	background-color: #e9cece !important;
+}
+
+.btn-primary {
+	color: #e26771 !important;
+	border-color: #e26771 !important;
+	background-color: #eeeeee !important;
+}
+
 /* Tabs */
 
 .tabrow span {
@@ -392,9 +530,13 @@ select#wpp_format_0.settings_select {
 	border: none !important;
 }
 
+.tabrow span:hover {
+	background: #e0e0e0 !important;
+}
+
 .tabrow span.selected {
-     color: #f2f1f1 !important;
-    background: #e26771 !important;
+    color: #e26771 !important;
+    background: #eeeeee !important;
 }
 
 /* Text */
@@ -403,18 +545,26 @@ select#wpp_format_0.settings_select {
     font-family: helvetica !important;
 }
 
+.rawtext:focus {
+	outline: none !important;
+}
+
 /* Tooltips */
 
 .tooltip-standard {
 	border: none !important;
-	color: #222224 !important;
-	background-color: #e9e7e7 !important;
 }
 
 /* World Info */
 
 .tag {
-    color: #f2f1f1 !important;
+	border: 1px solid #e26771 !important
+}
+
+.tag:hover {
+	color: #ebebeb !important;
+	background: #e26771 !important;
+	border: 1px solid #e26771 !important;
 }
 
 .world_info_tag_area {
@@ -422,12 +572,21 @@ select#wpp_format_0.settings_select {
 }
 
 .world_info_delete {
-	color: #acacac !important;
+	color: #999 !important;
 }
 
 .world_info_text {
-	color: #222224 !important;
+	color: #3d3d3d !important;
     border-color: #acacac !important;
 	filter: brightness(100%) !important;
-	background-color: #eeeeee !important;
+	background-color: #ebebeb !important;
+}
+
+.world_info_title:focus {
+	color: #e26771 !important;
+	outline: none !important;
+}
+
+.WI_Folder_Header .title:focus {
+	outline: none !important;
 }