/Material-Design-Discord

An attempt at a Material Design Discord theme using Beautifuldiscord, more material-like updates soon

Primary LanguageCSSMIT LicenseMIT

Material Design Discord

An attempt at a Material Design Discord theme using Beautifuldiscord, more material-like updates soon, Private messaging style is currently broken and I am unsure about square profile pictures amoungst other things,

We also have the theme with background support (v2.x) File Tree | Release

We also have the theme with border-background support, because I don't know if people like it enough for it to be on the main release (v3.x) File Tree | Release

Current Version 1.3

v1.x is the first version of this theme, there will be errors and unstyled areas, a lot more is to come in the future. In this version it allows better customisation, setting a few variables at the top of the css for easy editing.

alt variables

Credits -

https://github.com/Oliyy - Pretty much all the rest I made, in consultation with others

https://github.com/jakeoid - I used his light theme restriction code

https://github.com/Vap0r1ze - I edited his repo for adding nitro tags to users names.

https://github.com/AlexFlipnote - I used the scroll bar from his discord theme, because I hate coding scroll bars

Guild Sidebar Mention Legend -

RED CIRCLE = UNREAD MESSAGES

PURPLE SQUARE = UNREAD MESSAGES IN SELECTED GUILD

PURPLE CIRCLE WITH NUMBER = @ MENTION

@import Compatible Link -

https://cdn.rawgit.com/Oliyy/Material-Design-Discord/cc6df901/theme.css

Known Issues -

User popout live on twitch is not aligned

Other small issues

Voice Controls are borked if you have a long name

alt preview

Preview -

Main Chat View

alt preview

Profile and linked accounts view

alt preview

User popout

alt preview

Custom Icons

alt preview