remove sendForm disconnected coloring, tweak CSS to accomodate light themes

d4c8b5c9dad8c2a58f7f101a75188336ebec0737

RossAscends <124905043+RossAscends@users.noreply.github.com>

public/css/toggle-dependent.css+2 -2 Viewed

     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 {

public/scripts/RossAscends-mods.js+2 -2 Viewed

     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;

         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;

public/style.css+8 -6 Viewed

     backdrop-filter: blur(var(--SmartThemeBlurStrength));
+}
-#send_form.no-connection {
+/* #send_form.no-connection {
     background-color: var(--crimson70a) !important;
-}
+} */
 #nonQRFormItems {
     padding: 0;

     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 {

 .menu_button {
     color: var(--SmartThemeBodyColor);
-    background-color: var(--black50a);
+    background-color: var(--SmartThemeBlurTintColor);
     border: 1px solid var(--SmartThemeBorderColor);
     border-radius: 5px;
     padding: 3px 5px;

     opacity: 0.5;
     margin: 0 5px;
     text-align: center;
-    border-radius: 100%;
+/*     border-radius: 100%;
-    box-shadow: 0 0 3px black;
+    box-shadow: 0 0 3px black; */
     transition: all 250ms;
+}

 a {
     color: orange;
+    color: var(--SmartThemeQuoteColor);
     text-decoration: none;
+}