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;
}
body.no-blur #send_form.no-connection {
/* body.no-blur #send_form.no-connection {
background-color: rgba(100, 0, 0, 0.9) !important;
}
} */
body.no-blur #bg1,
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') {
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_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;
$('#mes_continue').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') {
const send_textarea = $('#send_textarea');
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').addClass('fa-plug');
connection_made = true;

14
public/style.css
View File

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