From fbda1624b6e5dbef35831aeaa7accd0b4e134310 Mon Sep 17 00:00:00 2001
From: Send_Nukez <erikjulius2701@yahoo.de>
Date: Sat, 9 Oct 2021 14:57:14 +0200
Subject: [PATCH] Make input switches look better and fix friend hovering with
 square icons

---
 user.css | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/user.css b/user.css
index e2c1dde..9b908a8 100644
--- a/user.css
+++ b/user.css
@@ -337,6 +337,7 @@ span.artist-artistVerifiedBadge-badge svg > path:last-of-type {
 .main-buddyFeed-buddyFeedRoot .main-buddyFeed-overlay {
     width: 32px !important;
     height: 32px !important;
+    border-radius: var(--sidebar-icons-border-radius);
 }
 
 .view-homeShortcutsGrid-shortcut {
@@ -349,21 +350,25 @@ span.artist-artistVerifiedBadge-badge svg > path:last-of-type {
 }
 
 .cover-art,
-.main-userWidget-box.upd-avail,
+.main-userWidget-box.update-avail,
 .view-homeShortcutsGrid-shortcut,
 :not(.view-homeShortcutsGrid-imageWrapper) > .main-image-image:not(.main-avatar-image) {
     border-radius: var(--image-radius) !important;
 }
 
 .main-avatar-image,
-.main-userWidget-box:not(.upd-avail),
+.main-userWidget-box:not(.update-avail),
 .main-avatar-userIcon,
 .view-homeShortcutsGrid-shortcutLink {
     border-radius: var(--sidebar-icons-border-radius) !important;
 }
 
 .main-userWidget-box {
-    background-color: transparent;
+    background-color: transparent !important;
+}
+
+.main-userWidget-box.update-avail {
+    backdrop-filter: invert(0.1);
 }
 
 .main-avatar-avatar.main-avatar-withBadge:after {
@@ -532,11 +537,21 @@ html.sidebar-hide-text .GlueDropTarget span {
 }
 
 .x-toggle-indicatorWrapper {
-    background-color: var(--spice-shadow);
+    background-color: transparent;
+    backdrop-filter: invert(0.25);
+}
+
+input:checked~.x-toggle-indicatorWrapper {
+    background-color: rgba(var(--spice-rgb-button), 0.4);
+}
+
+input:hover:checked~.x-toggle-indicatorWrapper {
+    background-color: rgba(var(--spice-rgb-button), 0.5) !important;
 }
 
 input:hover:not([disabled]):not(:active)~.x-toggle-indicatorWrapper {
-    background-color: var(--spice-button-active);
+    background-color: transparent;
+    backdrop-filter: invert(0.4);
 }
 
 /** */