rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

remove sendForm disconnected coloring, tweak CSS to accomodate light themes

This commit is contained in:
RossAscends 2024-10-14 01:01:07 +09:00
parent 6c9ff8bb3d
commit d4c8b5c9da
3 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/toggle-dependent.css
View File

@ -340,9 +340,9 @@ body.no-blur * {
backdrop-filter: unset !important; backdrop-filter: unset !important;
} }
body.no-blur #send_form.no-connection { /* body.no-blur #send_form.no-connection {
background-color: rgba(100, 0, 0, 0.9) !important; background-color: rgba(100, 0, 0, 0.9) !important;
} } */
body.no-blur #bg1, body.no-blur #bg1,
body.no-blur #bg_custom { body.no-blur #bg_custom {

4
public/scripts/RossAscends-mods.js
View File

@ -314,7 +314,7 @@ function RA_checkOnlineStatus() {
if (online_status == 'no_connection') { if (online_status == 'no_connection') {
const send_textarea = $('#send_textarea'); const send_textarea = $('#send_textarea');
send_textarea.attr('placeholder', send_textarea.attr('no_connection_text')); //Input bar placeholder tells users they are not connected send_textarea.attr('placeholder', send_textarea.attr('no_connection_text')); //Input bar placeholder tells users they are not connected
$('#send_form').addClass('no-connection'); //entire input form area is red when not connected //$('#send_form').addClass('no-connection'); //entire input form area is red when not connected
$('#send_but').addClass('displayNone'); //send button is hidden when not connected; $('#send_but').addClass('displayNone'); //send button is hidden when not connected;
$('#mes_continue').addClass('displayNone'); //continue button is hidden when not connected; $('#mes_continue').addClass('displayNone'); //continue button is hidden when not connected;
$('#mes_impersonate').addClass('displayNone'); //continue button is hidden when not connected; $('#mes_impersonate').addClass('displayNone'); //continue button is hidden when not connected;
@ -325,7 +325,7 @@ function RA_checkOnlineStatus() {
if (online_status !== undefined && online_status !== 'no_connection') { if (online_status !== undefined && online_status !== 'no_connection') {
const send_textarea = $('#send_textarea'); const send_textarea = $('#send_textarea');
send_textarea.attr('placeholder', send_textarea.attr('connected_text')); //on connect, placeholder tells user to type message send_textarea.attr('placeholder', send_textarea.attr('connected_text')); //on connect, placeholder tells user to type message
$('#send_form').removeClass('no-connection'); //$('#send_form').removeClass('no-connection');
$('#API-status-top').removeClass('fa-plug-circle-exclamation redOverlayGlow'); $('#API-status-top').removeClass('fa-plug-circle-exclamation redOverlayGlow');
$('#API-status-top').addClass('fa-plug'); $('#API-status-top').addClass('fa-plug');
connection_made = true; connection_made = true;

14
public/style.css
View File

@ -690,9 +690,9 @@ opacity:0;
backdrop-filter: blur(var(--SmartThemeBlurStrength)); backdrop-filter: blur(var(--SmartThemeBlurStrength));
} }
#send_form.no-connection { /* #send_form.no-connection {
background-color: var(--crimson70a) !important; background-color: var(--crimson70a) !important;
} } */
#nonQRFormItems { #nonQRFormItems {
padding: 0; padding: 0;
@ -2962,10 +2962,11 @@ input[type=search]:focus::-webkit-search-cancel-button {
bottom: 0; bottom: 0;
position: relative; position: relative;
word-break: break-word; word-break: break-word;
background-color: var(--black50a); background-color: var(--SmartThemeBlurTintColor);
font-size: calc(var(--fontScale) * 0.9em); font-size: calc(var(--fontScale) * 0.9em);
max-height: 50%; max-height: 50%;
overflow-y: clip; overflow-y: clip;
border-radius: 0 0 7px 7px;
} }
.bg_example[custom="true"] .BGSampleTitle { .bg_example[custom="true"] .BGSampleTitle {
@ -3432,7 +3433,7 @@ grammarly-extension {
.menu_button { .menu_button {
color: var(--SmartThemeBodyColor); color: var(--SmartThemeBodyColor);
background-color: var(--black50a); background-color: var(--SmartThemeBlurTintColor);
border: 1px solid var(--SmartThemeBorderColor); border: 1px solid var(--SmartThemeBorderColor);
border-radius: 5px; border-radius: 5px;
padding: 3px 5px; padding: 3px 5px;
@ -3962,8 +3963,8 @@ input[type="range"]::-webkit-slider-thumb {
opacity: 0.5; opacity: 0.5;
margin: 0 5px; margin: 0 5px;
text-align: center; text-align: center;
border-radius: 100%; /* border-radius: 100%;
box-shadow: 0 0 3px black; box-shadow: 0 0 3px black; */
transition: all 250ms; transition: all 250ms;
} }
@ -4551,6 +4552,7 @@ h2 {
a { a {
color: orange; color: orange;
color: var(--SmartThemeQuoteColor);
text-decoration: none; text-decoration: none;
} }