compact-userarea
compact-userarea copied to clipboard
A compact, better looking, top-left user area.
BetterDiscord
Download information coming soon:tm:. Attempting to get it published on the site before I provide anything.
Vencord
From URL
- Go to user settings (CTRL + ,)
- Go to the "Vencord" category in user settings (CTRL + ,), select the "Themes" tab, then select "Online Themes".
- In the input field under "ONLINE THEMES" paste the following URL (if you have some here already, add a comma before the url).
https://discord-extensions.github.io/compact-userarea/src/source.css
Stylus
- Install the broswer extensions for your repsective browser.
- Once installed, open this link in a new browser tab. This opens the page where you will install this userstyle.
- Press the
Install Style
button.
Why is the avatar low quality?
Discord uses a 32x32 image for the userarea avatar. Since it's being resized to 48x48, it looks low quality because it's not the correct size for the image. If this is something that constantly bothers you, there is an override variable that you can provide a url to. Note that you will have to update it everytime you update your avatar, but this is the best possible fix I have for it.
:root {
--avatar-source-override: url('YOUR_AVATAR_URL');
}
Where is my avatar decoration?
Avatar decorations will not display for the time being. I do have a way to upscale all of them to look correct, however I need a URL to every single avatar decoration. Expect this in a future update.
License
This theme is licensed under the MIT license. Please refer to the LICENSE file for more details regarding rigths and limitations.
Support
If you've ran into an issue with an area being unthemed, PLEASE REPORT IT IN AN ISSUE. If you have some other issue you need help with, feel free to join my support server.