GithubHelp home page GithubHelp logo

oliyy / material-design-discord Goto Github PK

View Code? Open in Web Editor NEW
8.0 3.0 4.0 38 KB

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

License: MIT License

CSS 100.00%
discord css theme beautifuldiscord material-design box-shadow custom custom-background

material-design-discord's Introduction

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

material-design-discord's People

Contributors

davidcralph avatar oliyy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

material-design-discord's Issues

Custom backgrounds?

I was just wondering if it is currently possible or will be possible to have my own background?
Is there anything I specifically need to do to be able to make it so I can have a custom background or do I have to wait for you to make that possible assuming it's something you're interested in working on. This theme is the only one I know for BeautifulDiscord that has the large profile pictures but I'm realling missing being able to use my own backgrounds.

How to install using PHP?

So I'm using Composer to try to require the Material-Design-Discord files and it's done it successfully with a lot of hacking with the load file, essentially I temporarily forced to pull from the GitHub database instead of the Composer one. ANYWAY

I loaded the files then tried to install them using php @import material-design-discord

DINT WORK.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.