Last active
April 20, 2025 07:43
-
-
Save Svznify/fdf45b871fe948f62a9d921688f39a91 to your computer and use it in GitHub Desktop.
Discord New UI Fix (Vencord/Vesktop/BetterDiscord Compatible)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import url("https://scattagain.github.io/VencordStuff/css/GuildbarRevert.css"); | |
| :root { | |
| /* Only include this part if you wish to change these variables */ | |
| /* You can change the size but only to be less than 48px, you must change the blob scale too */ | |
| --guildbar-avatar-size: 48px; | |
| --blob-scale: 48; | |
| --guildbar-folder-size: var(--guildbar-avatar-size); | |
| --folder-blob-scale: var(--blob-scale); | |
| } | |
| .containerDefault__29444 { | |
| > div { | |
| padding-left: 0.5em; | |
| > div { | |
| display: flex !important; | |
| place-content: start !important; | |
| flex-direction: row-reverse !important; | |
| } | |
| } | |
| } | |
| .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; | |
| } | |
| .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; | |
| } | |
| .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; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment