@@ -111,7 +111,7 @@ Current version indicated by LITEVER below.
111111 --theme_color_topmenu: #32496d;
112112 }
113113
114- .theme-old {
114+ .theme-1 {
115115 --theme_color_bg_dark:#262626;
116116 --theme_color_bg_outer:#303030;
117117 --theme_color_bg:#263040;
@@ -135,6 +135,78 @@ Current version indicated by LITEVER below.
135135 --theme_color_topmenu: #337ab7;
136136 }
137137
138+ .theme-2 {
139+ --theme_color_bg: #2f2231;
140+ --theme_color_bg_dark: #211b22;
141+ --theme_color_bg_outer: #170f1a;
142+ --theme_color_border: #bd8857;
143+ --theme_color_border_highlight: #e68e3a;
144+ --theme_color_disabled_bg: #484d56;
145+ --theme_color_disabled_fg: #616773;
146+ --theme_color_footer: #2a1d30;
147+ --theme_color_glow_text: #a161a6;
148+ --theme_color_highlight: #ffa434;
149+ --theme_color_input_bg: #5c3b6b;
150+ --theme_color_input_text: #ffffff;
151+ --theme_color_main: #ce9447;
152+ --theme_color_placeholder_text: #b6b3b3;
153+ --theme_color_tabs: #e4a95a;
154+ --theme_color_tabs_highlight: #dc901c;
155+ --theme_color_tabs_text: #ffffff;
156+ --theme_color_text: #ffffff;
157+ --theme_color_topbtn: #c88333;
158+ --theme_color_topbtn_highlight: #d98908;
159+ --theme_color_topmenu: #2a1f33;
160+ }
161+
162+ .theme-3 {
163+ --theme_color_bg: #000000;
164+ --theme_color_bg_dark: #000000;
165+ --theme_color_bg_outer: #000000;
166+ --theme_color_border: #000000;
167+ --theme_color_border_highlight: #ffffff;
168+ --theme_color_disabled_bg: #000000;
169+ --theme_color_disabled_fg: #000000;
170+ --theme_color_footer: #000000;
171+ --theme_color_glow_text: #94d7ff;
172+ --theme_color_highlight: #4d4d4d;
173+ --theme_color_input_bg: #475162;
174+ --theme_color_input_text: #ffffff;
175+ --theme_color_main: #000000;
176+ --theme_color_placeholder_text: #9e9e9e;
177+ --theme_color_tabs: #000000;
178+ --theme_color_tabs_highlight: #596985;
179+ --theme_color_tabs_text: #ffffff;
180+ --theme_color_text: #ffffff;
181+ --theme_color_topbtn: #000000;
182+ --theme_color_topbtn_highlight: #596985;
183+ --theme_color_topmenu: #000000;
184+ }
185+
186+ .theme-4 {
187+ --theme_color_bg: #182330;
188+ --theme_color_bg_dark: #0b141a;
189+ --theme_color_bg_outer: #182330;
190+ --theme_color_border: #485c6c;
191+ --theme_color_border_highlight: #82a1bc;
192+ --theme_color_disabled_bg: #484d56;
193+ --theme_color_disabled_fg: #616773;
194+ --theme_color_footer: #182330;
195+ --theme_color_glow_text: #94d7ff;
196+ --theme_color_highlight: #00bfffcc;
197+ --theme_color_input_bg: #475162;
198+ --theme_color_input_text: #e0e0e0;
199+ --theme_color_main: #ff69b499;
200+ --theme_color_placeholder_text: #9e9e9e;
201+ --theme_color_tabs: #32496d;
202+ --theme_color_tabs_highlight: #00bfffcc;
203+ --theme_color_tabs_text: #e0e0e0;
204+ --theme_color_text: #d1d1d1;
205+ --theme_color_topbtn: #ff69b4b3;
206+ --theme_color_topbtn_highlight: #00bfffcc;
207+ --theme_color_topmenu: #ff69b4b3;
208+ }
209+
138210 body.connected.corpoui .topmenu {
139211 --theme_color_topmenu: #337ab7;
140212 }
@@ -3653,7 +3725,7 @@ Current version indicated by LITEVER below.
36533725 passed_ai_warning: false, //used to store AI safety panel acknowledgement state
36543726 entersubmit: (is_on_mobile()?false:true), //enter sends the prompt
36553727 darkmode: true,
3656- oldtheme: false , //temp setting maybe.
3728+ colortheme: 0 , // 0=newtheme, 1=oldtheme, 2=fruity, 3=black
36573729 render_streaming_markdown: true,
36583730
36593731 raw_instruct_tags: false, //experimental flags
@@ -13132,7 +13204,7 @@ Current version indicated by LITEVER below.
1313213204 document.getElementById("show_advanced_load").checked = localsettings.show_advanced_load;
1313313205 document.getElementById("import_tavern_prompt").checked = localsettings.import_tavern_prompt;
1313413206 document.getElementById("invert_colors").checked = localsettings.invert_colors;
13135- document.getElementById("oldtheme ").checked = localsettings.oldtheme ;
13207+ document.getElementById("colortheme ").value = localsettings.colortheme ;
1313613208 document.getElementById("sidepanel_mode").checked = localsettings.sidepanel_mode;
1313713209 document.getElementById("trimsentences").checked = localsettings.trimsentences;
1313813210 document.getElementById("trimwhitespace").checked = localsettings.trimwhitespace;
@@ -13611,11 +13683,25 @@ Current version indicated by LITEVER below.
1361113683 document.body.classList.remove("invert_colors");
1361213684 }
1361313685
13614- if(localsettings.oldtheme)
13686+ document.body.classList.remove("theme-1");
13687+ document.body.classList.remove("theme-2");
13688+ document.body.classList.remove("theme-3");
13689+ document.body.classList.remove("theme-4");
13690+ if(localsettings.colortheme==1)
1361513691 {
13616- document.body.classList.add("theme-old");
13617- } else {
13618- document.body.classList.remove("theme-old");
13692+ document.body.classList.add("theme-1");
13693+ }
13694+ else if(localsettings.colortheme==2)
13695+ {
13696+ document.body.classList.add("theme-2");
13697+ }
13698+ else if(localsettings.colortheme==3)
13699+ {
13700+ document.body.classList.add("theme-3");
13701+ }
13702+ else if(localsettings.colortheme==4)
13703+ {
13704+ document.body.classList.add("theme-4");
1361913705 }
1362013706 }
1362113707
@@ -13715,7 +13801,7 @@ Current version indicated by LITEVER below.
1371513801 localsettings.show_advanced_load = (document.getElementById("show_advanced_load").checked ? true : false);
1371613802 localsettings.import_tavern_prompt = (document.getElementById("import_tavern_prompt").checked ? true : false);
1371713803 localsettings.invert_colors = (document.getElementById("invert_colors").checked ? true : false);
13718- localsettings.oldtheme = (document.getElementById("oldtheme ").checked ? true : false );
13804+ localsettings.colortheme = parseInt (document.getElementById("colortheme ").value );
1371913805 localsettings.sidepanel_mode = (document.getElementById("sidepanel_mode").checked ? true : false);
1372013806 localsettings.trimsentences = (document.getElementById("trimsentences").checked ? true : false);
1372113807 localsettings.trimwhitespace = (document.getElementById("trimwhitespace").checked ? true : false);
@@ -22274,7 +22360,7 @@ Current version indicated by LITEVER below.
2227422360 let panel = document.getElementById('corpoleftpanelitemstopper');
2227522361 let panelitems = `<div onclick="btn_memory()" class="corpo_leftpanel_btn" type="button" style="background-image: var(--img_gear); padding-left: 44px;">Context</div>
2227622362 <div onclick="btn_editmode()" class="corpo_leftpanel_btn" type="button" style="background-image: var(--img_corpo_edit); padding-left: 44px;">Raw Editor</div>
22277- <div onclick="update_toggle_lightmode(true)" class="corpo_leftpanel_btn" type="button" style="background-image: var(--img_corpo_theme); padding-left: 44px;">Light / Dark Theme </div>`;
22363+ <div onclick="update_toggle_lightmode(true)" class="corpo_leftpanel_btn" type="button" style="background-image: var(--img_corpo_theme); padding-left: 44px;">Light / Dark Mode </div>`;
2227822364
2227922365 if(localsettings.opmode==3||localsettings.opmode==4)
2228022366 {
@@ -26413,6 +26499,17 @@ Current version indicated by LITEVER below.
2641326499 <button title="Set Background Image" type="button" class="btn btn-primary bg_green" style="padding:2px 2px;margin:0px 0px 0px auto;font-size:10px;" onclick="load_bgimg_button()">Set</button>
2641426500 <button title="Remove Background Image" type="button" class="btn btn-primary bg_red" style="padding:2px 2px;margin:0px 0px 0px 1px;font-size:10px;" onclick="clear_bg_img()">Clear</button>
2641526501 </div>
26502+ <div class="settinglabel">
26503+ <div class="justifyleft settingsmall">Color Scheme <span class="helpicon">?<span
26504+ class="helptext">Set UI color scheme. Does not apply to corpo mode.</span></span></div>
26505+ <select title="Color Scheme" style="padding:1px; height:auto; width: 66px; font-size: 7pt; margin:0px 0px 0px auto;" class="form-control" id="colortheme">
26506+ <option value="0">Modern</option>
26507+ <option value="1">Nostalgia</option>
26508+ <option value="2">Tako</option>
26509+ <option value="3">Shadow</option>
26510+ <option value="4">Candy</option>
26511+ </select>
26512+ </div>
2641626513 </div>
2641726514 <div class="settingitem wide">
2641826515 <div class="settinglabel settingsmall">Options below are experimental. Use at your own risk.</div>
@@ -26446,11 +26543,6 @@ Current version indicated by LITEVER below.
2644626543 class="helptext">Adds extra data to the savefile for better legacy support. Will make your savefile much larger.</span></span></div>
2644726544 <input title="Legacy Savefile" type="checkbox" id="legacy_savefile" style="margin:0px 0px 0px 0px;">
2644826545 </div>
26449- <div class="settinglabel">
26450- <div class="justifyleft settingsmall">OldColorTheme <span class="helpicon">?<span
26451- class="helptext">Switch to old color theme.</span></span></div>
26452- <input title="Old Color Theme" type="checkbox" id="oldtheme" style="margin:0px 0px 0px 0px;">
26453- </div>
2645426546 </div>
2645526547
2645626548 <div class="settingitem wide">
0 commit comments