From bfdbfdef50f4de34cb6a55900383f312a1354fd3 Mon Sep 17 00:00:00 2001
From: Anubis <102488279+AnubisNekhet@users.noreply.github.com>
Date: Sun, 23 Jun 2024 00:44:19 +0530
Subject: [PATCH] add panel hover effect

---
 system24.css       | 21 +++++++++++++++++++++
 system24.theme.css |  1 +
 2 files changed, 22 insertions(+)

diff --git a/system24.css b/system24.css
index 90370ca..cc4eb65 100644
--- a/system24.css
+++ b/system24.css
@@ -31,6 +31,7 @@
 	--mention-hover-overlay: color-mix(in srgb, var(--purple), transparent 95%);
 	--reply-overlay: var(--active);
 	--reply-hover-overlay: var(--hover);
+	--panel-hover: var(--purple);
 
 	--pink: oklch(73% 0.12 0);
 	--pink-1: oklch(63% 0.12 0);
@@ -187,6 +188,26 @@ rect[fill='#f0b232'] {
 [class^=panels_] > [class^=panel_] /* streaming panel */ {
 	border-width: 2px;
 }
+/* border hover effect */
+[class^=panels_],
+[class^=sidebar_] > [class^=container_],
+[class^=chatContent_] > [class^=messagesWrapper_],
+[class^=membersWrap_],
+[class*=guilds_],
+[class^=privateChannels_],
+.container_e44302,
+[class^=peopleColumn_], [class^=nowPlayingColumn_],
+[class^=form_] [class^=channelTextArea_],
+.container_a6d69a,
+[class^=profilePanel_], [class^=searchResultsWrap_],
+.scroller_fb4810 {
+  &:hover {
+    border: 2px solid var(--panel-hover);
+    &::after {
+      color: var(--panel-hover);
+    }
+  }
+}
 /* remove borders */
 [class^='dot_'][class*='maskSecondary_'] {
 	border: none;
diff --git a/system24.theme.css b/system24.theme.css
index 9dbe022..5e11aae 100644
--- a/system24.theme.css
+++ b/system24.theme.css
@@ -44,6 +44,7 @@
 	--mention-hover-overlay: color-mix(in srgb, var(--purple), transparent 95%);
 	--reply-overlay: var(--active);
 	--reply-hover-overlay: var(--hover);
+	--panel-hover: var(--purple); /* set to --bg-3 to disable */
 
 	--pink: oklch(73% 0.12 0);
 	--pink-1: oklch(63% 0.12 0);