| Activity Column | User Profile | Sidebar | General Preview |
|---|---|---|---|
| Friend List Horizontal | Friend List Vertical |
|---|---|
1- With QuickCSS (or any CSS editors from your client):
@import url("https://raw.githubusercontent.com/kruoni/HoverForever/refs/heads/visual-refresh/discord-theme.css");2- With the raw link (for use with Vencord's online theme, or any other online import using raw links):
https://raw.githubusercontent.com/kruoni/HoverForever/refs/heads/visual-refresh/discord-theme.css
3- Save as a css file:
Save this link as a file and you'll get a .css file ready to be used:
https://raw.githubusercontent.com/kruoni/HoverForever/refs/heads/visual-refresh/discord-theme.css
:root {
--avatar-wrapper-background: /*YOUR IMAGE HERE*/;
--avatar-wrapper-background-size: 216px;
/* SERVER AND CHANNEL SIDEBAR COLOR */
--app-background: transparent;
/* change to var(--color-bg-dark2) for dark mode, or var(--color-bg-light2) for light mode, to remove transparency */
/* LIGHT MODE */
--color-bg-light1: #eee8df;
--color-bg-light2: #dad5cf;
--color-border-light: #242322;
--color-panel-light: #dad5cfb0;
--text-color-light: #282724;
--text-color-light-active: #363430;
--background-accent-light: #dddae0;
--background-modifier-hover-light: #d6c9e24d;
--color-shadow-light: #9797a6;
/* DARK MODE */
--color-bg-dark1: #1a1a1d;
--color-bg-dark2: #222228;
--color-border-dark: #c0c0c0;
--color-panel-dark: #222228b0;
--text-color-dark: #eae4db;
--text-color-dark-active: #d8cbbc;
--background-accent-dark: #dddae0;
--background-modifier-hover-dark: #d6c9e24d;
--color-shadow-dark: #18151b;
/* VARIOUS COLORS */
--color-accent-button: #6823ae65;
--color-accent-button-hover: #460f7d80;
--color-channel-icon: #6823ae;
}Check below for more details.
It respects Discord's banners' size (600x240px). I tried to make it fit the wrapper, so custom sizes might be janky.
:root {
--avatar-wrapper-background: /*YOUR IMAGE HERE*/;
--avatar-wrapper-background-size: 270px;
}
To disable the effect, just change the value in the :root part:
:root {
/* SERVER AND CHANNEL SIDEBAR COLOR */
--app-background: transparent;
/* change to var(--color-bg-dark2) for dark mode, or var(--color-bg-light2) for light mode, to remove transparency */
}@import url(https://raw.githubusercontent.com/kruoni/HoverForever/refs/heads/visual-refresh/snippets/legcord-titlebar);Drag by holding the window above the buttons.