Last active
April 20, 2025 07:48
-
-
Save Svznify/ca61652dc438c75825d467e9e24ec4e0 to your computer and use it in GitHub Desktop.
Discord New UI Fix with Bubble Theme (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"); | |
| @import url(https://blade04208.github.io/ddex4/src/bubbles.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