DiscordCSS is a set of css stylesheets that aims to create a more pleasant Discord experience. It's modularity means that you can mix and match whichever parts you want.
The Discord app needs to be patched, instructions can be found on the project wiki. If you're using the web version it should be available via an extension to your browser. Something like Amino will do, but you can use anything you want.
If you would like me to add a certain functionality, you can make an issue or fork the repo and make a pull request
All of the stylesheets are modular. Import each one by writing @import url("<link>"); at the top of your main css file (example: @import url("https://mrtipson.github.io/DiscordCSS/theme.css");.
Once you have it imported, you can keep the default values or set the variables again to change their values.
Modern browsers disallow opening local files, so to use a stylesheet, you have to link to an externally hosted file.
Some stylesheets have screenshots of examples for the theme. They can be found in the examples.
https://mrtipson.github.io/DiscordCSS/banter.css
The core stylesheet to any of my other themes.
Image
https://mrtipson.github.io/DiscordCSS/candy-land.cs
A theme centered around rounded edges, compartmentalised feel and translucent backgrounds.
Image
https://mrtipson.github.io/DiscordCSS/server-bar.css
Move your servers to the top of the screen.
Image
https://mrtipson.github.io/DiscordCSS/server-folders.css
Servers in a folder no longer display as a row, but pop out as a folder.
Image
https://mrtipson.github.io/DiscordCSS/reverse-chat.css
Latest messages are on top.
! Janky implementation
(Flex direction didnt work out well so I used transforms. Makes scrolling go the wrong way.)
! Compact messages almost obligatory
Image
https://mrtipson.github.io/DiscordCSS/banter.css
A stylesheet dedicated to me exploring dumb shit i can make with css in discord.
Not meant for everyday use but checking out what i've been up to could be fun from time to time.
This project is licensed under the MIT license.