Enabling Discord Inspect Element
7 Days to Die
Mario Kart 8 Deluxe Yuzu Multiplayer Setup Guide
Adding ROMs to Steam (Yuzu)
WildFyr Development EoL Information
How to label your NSFW content on BlueSky
Removing Xbox Gamebar, and stopping the ms-gaming-overlay-link popup
Switching from Firefox to Librewolf. The easy way
10% Discount on all CashApp Purchases
Better Discord in 2025
WildFyr Development Ad
Rainbow Six Siege Settings
Statement on PTD from August 2022
WildFyr Documentation > Other Tutorials > Better Discord in 2025
Better Discord in 2025
Discord's "Visual Refresh" is not refreshing at all. Here are some CSS you can add to fix it.
- Install Vencord
- Open the QuickCSS Editor by going to Settings>Vencord>Edit QuickCSS
- Paste in the following (If you have other CSS in your editor, make sure the 2 @import lines are at the top, or they will not work.)
@import url('https://raw.githubusercontent.com/surgedevs/visual-refresh-compact-title-bar/refs/heads/main/desktop.css');
@import url("https://scattagain.github.io/VencordStuff/css/GuildbarRevert.css");
/*Collapsible Panel*/
.panels_c48ade {
left: var(--space-sm)!important;
height: 57px!important;
width: 56px!important;
border-radius: 30px!important;
display: flex!important;
flex-direction: column;
overflow: hidden;
transition-duration: 0.35s;
z-index: 50000;
pointer-events: all;
border: 1px solid var(--border-subtle)!important;
&:has(.container_e131a9) {
border: 1px solid var(--border-normal);
}
}
.wrapper_e131a9 {
height: 0;
overflow: hidden;
}
.panels_c48ade:hover {
width: 300px!important;
height: auto!important;
display: flex!important;
flex-direction: column;
border-radius: 15px!important;
filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.123)) ;
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
.wrapper_e131a9 {
height: auto!important;
}
}
.sidebar_c48ade {
overflow: visible!important;
}
.container__2637a {
padding-bottom: 0px!important;
}
.scroller__99e7c {
margin-bottom: 0px!important;
}
.bottom__7aaec {
bottom: 0px!important;
}
.visual-refresh [class^="panels_"] [class^="container__"] [class^="buttons__"] {
opacity: 0;
transform: scale(0);
transform-origin: left;
transition: opacity 0.1s ease-in, transform 0.1s ease-in;
will-change: opacity, transform;
}
.visual-refresh [class^="panels_"]:hover [class^="container__"] [class^="buttons__"] {
transform: scale(1);
opacity: 1;
}
.visual-refresh .panel__5dec7 {
display: none;
}
.visual-refresh [class^="panels_"]:hover .panel__5dec7 {
display: block;
}
/*Revert Time Stamps*/
span[class*="timestampInline_"] time::before {
content: attr(aria-label);
font-size: 12px;
}
span[class*="timestampInline_"] {
font-size: 0px !important;
}
/*Remove Activity Status*/
[class*='membersGroup']:has([role=button]),
[class*='member'] [class*='container']:has([class*='badges']) {
display: none;
}
/*Fixes Server Overlap*/
.visual-refresh section.panels_c48ade {
left: calc(var(--custom-guild-list-width) + var(--space-xs));
width: calc(100% - var(--custom-guild-list-width) - var(--space-xs)*2);
box-sizing: content-box;
.actionButtons_e131a9 button {
padding: 0;
}
/* GameActivityToggle Fix (delete if you don't use) */
/* .container__37e49 {
padding: var(--space-xxs);
gap: var(--space-4);
>.buttons__37e49 {
gap: 0;
}
>.avatarWrapper__37e49 {
min-width: 32px !important;
>.avatar__37e49 {
scale: 0.9;
}
}
} */
}
nav.guilds_c48ade {
margin-bottom: 0 !important;
}
.sidebar_c48ade:after {
display: none;
}
/* BetterFolders fix (delete if you don't use) */
/* .visual-refresh [style$="grid-area: betterFoldersSidebar;"]~section.panels_c48ade {
left: calc(var(--custom-guild-list-width)*2 + var(--space-xs));
width: calc(100% - var(--custom-guild-list-width)*2 - var(--space-xs)*2 ) !important;
} */
Credits to LuLu, puhbu, scabau, carti, and Chloe.
Related Articles
Review this page
