10% Discount on all CashApp Purchases
7 Days to Die
Adding Extentions to Steam Client
Adding ROMs to Steam (Yuzu)
Better Discord in 2025
Enabling Discord Inspect Element
Enter Discord Developer Mode to copy ID's
How to easily blur things like licence keys or Discord bot tokens
How to label your NSFW content on BlueSky
Rainbow Six Siege Settings
RedBot, the best Discord Bot
Removing Xbox Gamebar, and stopping the ms-gaming-overlay-link popup
Statement on PTD from August 2022
Switching from Firefox to Librewolf. The easy way
ToS Opt Out
WildFyr Development Ad
WildFyr Development EoL Information
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
