Enabling Discord Inspect Element
7 Days to Die
Mario Kart 8 Deluxe Yuzu Multiplayer Setup Guide
How to easily blur things like licence keys or Discord bot tokens
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
