From d4c8b5c9dad8c2a58f7f101a75188336ebec0737 Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Mon, 14 Oct 2024 01:01:07 +0900
Subject: [PATCH] remove sendForm disconnected coloring, tweak CSS to
 accomodate light themes

---
 public/css/toggle-dependent.css    |  4 ++--
 public/scripts/RossAscends-mods.js |  4 ++--
 public/style.css                   | 14 ++++++++------
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/public/css/toggle-dependent.css b/public/css/toggle-dependent.css
index 08bb08fe0..20c8a8afc 100644
--- a/public/css/toggle-dependent.css
+++ b/public/css/toggle-dependent.css
@@ -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 {
diff --git a/public/scripts/RossAscends-mods.js b/public/scripts/RossAscends-mods.js
index 97fb0ae4b..69bd7c7a0 100644
--- a/public/scripts/RossAscends-mods.js
+++ b/public/scripts/RossAscends-mods.js
@@ -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;
diff --git a/public/style.css b/public/style.css
index e45d5a23b..baaa01cfd 100644
--- a/public/style.css
+++ b/public/style.css
@@ -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;
 }