From 0359d259b1c1e1673d87fe5d04ca239ed7519bbe Mon Sep 17 00:00:00 2001
From: YouHaveTrouble <youhavetrouble@youhavetrouble.me>
Date: Mon, 31 Mar 2025 16:08:37 +0200
Subject: [PATCH] un-refresh the visuals

---
 v2.css | 133 +++++++++++++++++++++++++++++++++------------------------
 1 file changed, 78 insertions(+), 55 deletions(-)

diff --git a/v2.css b/v2.css
index 3257f6e..477a6a6 100644
--- a/v2.css
+++ b/v2.css
@@ -1,81 +1,104 @@
-/**
-* For discord visual refresh
- */
-
 :root {
-  /* This is the padding of the message input box */
   --custom-channel-textarea-text-area-height: 2.5rem;
 }
 
-div[class*=profileEffects_] {
+/* Remove profile effects */
+.visual-refresh div[class*=profileEffects_] {
   display: none;
 }
 
-div[class*=imageWrapper_] {
+/* Remove avatar decorations */
+.visual-refresh img[class^="avatarDecoration__"] {
+  display: none;
+}
+
+/* Display pixel art and low resolution images without blur */
+.visual-refresh div[class*=imageWrapper_] {
   image-rendering: pixelated;
 }
 
-button[aria-label="Send a gift"] {
+/* Remove useless buttons */
+.visual-refresh button[aria-label="Send a gift"] {
+  display: none;
+}
+.visual-refresh button[aria-label="Open sticker picker"] {
+  display: none;
+}
+.visual-refresh button[aria-label="Open GIF picker"] {
+  display: none;
+}
+.visual-refresh span[aria-label="Download the mobile app to make your first remix"] {
+  display: none;
+}
+.visual-refresh a[href="https://support.discord.com"] {
+  display: none;
+}
+.visual-refresh div[class^="channelAppLauncher_"] {
   display: none;
 }
 
-button[aria-label="Open sticker picker"] {
+/* Hide activities panel */
+.visual-refresh div[class*="membersGroup_"]:has([class^="headerContainer__"][role="button"]) {
   display: none;
 }
 
-button[aria-label="Open GIF picker"] {
-  display: none;
-}
-
-span[aria-label="Download the mobile app to make your first remix"] {
-  display: none;
-}
-
-a[href="https://support.discord.com"] {
-  display: none;
-}
-
-img[class^="avatarDecoration__"] {
-  display: none;
-}
-
-nav[aria-label="Servers sidebar"] div[class^="footer_"] {
-  display: none;
-}
-
-div[class^="channelAppLauncher_"] {
-  display: none;
-}
-
-div[aria-label="Members"] h3:has(span[role="button"]) {
-  display: none;
-}
-
-/* Adds spacing to the top of the top left discord button after removing the top bar */
-div[class^="itemsContainer_"] {
-  padding-top: 0.5rem;
-}
-
-/* Makes entire message input box lower to not waste space on the bottom */
-[class^="channelTextArea_"] {
-  margin-bottom: 0.5rem;
-}
-
-/* removes pointless spacing on the buttons within message input box */
-div[class^="buttons__"] {
+/* Remove unnecessary gap between buttons in chat input box */
+.visual-refresh div[class^="channelTextArea_"] div[class^="buttons__"] {
   gap: 0 !important;
 }
 
-/* Removes top bar */
+/* Remove top bar */
+.visual-refresh div[class^="base_"] div[class^="bar_"] {
+  display: none;
+}
 .visual-refresh div[class^="base_"] {
   grid-template-rows: [top] 0 [titleBarEnd] min-content [noticeEnd] 1fr [end];
 }
-
-/* Remove the margin between messages and input box. Why tf did they do this? */
 .visual-refresh form[class^="form_"] {
   margin-top: 0;
 }
-
-div[class^="base_"] div[class^="bar_"] {
-  display: none;
+.visual-refresh div[class^="stack_"] {
+  padding-top: 0.5rem;
+  margin-top: 0;
+}
+
+/* Remove top border */
+.visual-refresh div[class^="sidebarList_"] {
+  border-top: 0 !important;
+  border-top-left-radius: 0 !important;
+}
+.visual-refresh div[class^="chat_"] {
+  border-top: 0 !important;
+  border-top-left-radius: 0 !important;
+}
+
+
+/* User area rework */
+.visual-refresh section[aria-label="User area"] {
+  left: var(--custom-guild-list-width);
+  bottom: 0;
+  width: calc(var(--custom-guild-sidebar-width) - var(--custom-guild-list-width))
+}
+.visual-refresh section[aria-label="User area"] div[class^="container__"] {
+  display: flex;
+  flex-direction: column;
+  padding-inline: 0.5rem;
+  gap: 0;
+}
+.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="avatarWrapper__"] {
+  width: 100%;
+}
+.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="buttons__"] {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}
+.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="buttons__"] button[type="button"] {
+  width: 1.1rem;
+  height: 1.1rem;
+}
+.visual-refresh [class^="sidebar_"] [aria-label="Servers sidebar"] {
+  margin-bottom: 0;
 }