From c7205acc444e8488b2d66470137dabc341708ee5 Mon Sep 17 00:00:00 2001
From: 3r1s_s <127928354+3r1s-s@users.noreply.github.com>
Date: Wed, 24 Jul 2024 23:05:20 -0700
Subject: [PATCH] Reply updates, and mobile styling fixes

---
 script.js  | 6 ++++--
 styles.css | 7 ++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/script.js b/script.js
index 163d5f3..07a2ef0 100644
--- a/script.js
+++ b/script.js
@@ -125,7 +125,7 @@ function main() {
             Notification.requestPermission();
         }
     }
-    
+
     const urlParams = new URLSearchParams(window.location.search);
     if (urlParams.has('openprofile')) {
         const username = urlParams.get('openprofile');
@@ -890,11 +890,13 @@ function loadreplyv(item) {
     const replycontainer = document.createElement("div");
     if (item.author.avatar_color && item.author.avatar_color !== "!color") {
         replycontainer.style.setProperty('--reply-accent', `${darkenColour(item.author.avatar_color, 3)}`);
-        replycontainer.style.setProperty('--reply-border', `${lightenColour(item.author.avatar_color, 5)}`);
+        replycontainer.style.setProperty('--reply-border', `${lightenColour(item.author.avatar_color, 3)}`);
+        replycontainer.style.setProperty('--reply-color', `${lightenColour(item.author.avatar_color, 1.5)}`);
         replycontainer.classList.add("custom");
     } else {        
         replycontainer.style.setProperty('--reply-accent', `var(--accent-down)`);
         replycontainer.style.setProperty('--reply-border', `var(--accent-tint)`);
+        replycontainer.style.setProperty('--reply-color', `var(--color)`);
     }
     replycontainer.classList.add("reply");
     replycontainer.id = `reply-${item._id}`;
diff --git a/styles.css b/styles.css
index 369f906..432f01f 100644
--- a/styles.css
+++ b/styles.css
@@ -350,7 +350,7 @@ h6 {
 .reply.custom {
     background-color: var(--reply-accent);
     border: 3px solid var(--reply-border);
-    color: var(--color-on);
+    color: var(--reply-color);
     padding-left: 10px;
     padding-right: 10px;
     border-radius: var(--border-radius);
@@ -2940,6 +2940,11 @@ possible future styling
     .mem-ops {
         display: flex;
     }
+
+    .stg-section:hover .settingstoggle svg {
+        opacity: 0;
+        color: var(--hov-color);
+    }
 }
 
 .reduced-ani.modal, .reduced-ani.image-mdl > .embed-large {