Reply updates, and mobile styling fixes

3r1s-s · Jul 25, 2024 · c7205ac · c7205ac
1 parent 948087f
commit c7205ac
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git 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
@@ -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 {