add panel hover effect

refact0r · Jun 22, 2024 · bfdbfde · bfdbfde
1 parent 38da130
commit bfdbfde
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git 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
@@ -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);