Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Oliyy/Material-Design-Discord

An attempt at a Material Design Discord theme using Beautifuldiscord, more material-like updates soon
https://github.com/Oliyy/Material-Design-Discord

beautifuldiscord box-shadow css custom custom-background discord material-design theme

Last synced: 27 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/Oliyy/Material-Design-Discord
Owner: Oliyy
License: mit
Created: 2017-04-22T18:38:31.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2022-07-03T04:29:13.000Z (over 2 years ago)
Last Synced: 2024-08-03T17:07:54.032Z (4 months ago)
Topics: beautifuldiscord, box-shadow, css, custom, custom-background, discord, material-design, theme
Language: CSS
Homepage:
Size: 37.1 KB
Stars: 8
Watchers: 3
Forks: 4
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

discord-resources - Oliyy/Material-Design-Discord - An attempt at making a dark material design theme with lots of boxshadow. [Embed](https://rawgit.com/Oliyy/Material-Design-Discord/master/theme.css) (Themes)

README

# 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](https://github.com/Oliyy/Material-Design-Discord/tree/soyouwantabackground) | [Release](https://github.com/Oliyy/Material-Design-Discord/releases)**

**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](https://github.com/Oliyy/Material-Design-Discord/tree/soyouwantabackground) | [Release](https://github.com/Oliyy/Material-Design-Discord/releases)**

## 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](http://i.imgur.com/i1qhIGY.png)

## 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](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](http://i.imgur.com/x1OsSq5.png)

### Preview -

Main Chat View

![alt preview](http://i.imgur.com/5tWV5y7.png)

Profile and linked accounts view

![alt preview](http://i.imgur.com/8iYwygc.png)

User popout

![alt preview](http://i.imgur.com/qX1J4aY.png)

Custom Icons

![alt preview](http://i.imgur.com/KvCwgC1.png)