# Mastodon Modern  <a href="https://nogithub.codeberg.page"><img src="https://nogithub.codeberg.page/badge.svg" alt="Please don't upload to GitHub"></a>
A UserStyle & theme that drastically improves the look & feel of Mastodon. Can be used with other themes that only change colors.

| ![](images/modern-thumbnail.webp)  | ![](images/new-modern-light-theme-post.png) | ![](images/new-modern-multicolumn-dark.png) |
| --- | --- | --- | --- |

### **[Use with the Stylus browser extension!](https://userstyles.world/style/4773)**

## Example for adding to your own instance:

https://github.com/Coffeedon/Cofffee-Assets#to-use-a-pre-made-theme

- **Make sure to use the compiled code from [this repo's `modern.css`](modern.css)**
- **For light theme, you may need to include `@import 'mastodon-light/diff';`**
- **Same goes for the High Contrast theme `@import 'contrast/diff';`**
- While not tested thoroughly, could work well with other color themes, as well. 

**Note:** The UserStyle usually receives updates earlier to make sure everything is ready for the compiled CSS. 

### ⚠️ IF ON [GLITCH-SOC](https://glitch-soc.github.io/docs/)
**Make sure to apply the glitch-soc fixes from [the `glitch-fixes.css` file!](glitch-fixes.css)**

## Attribution
If you use this style for your own server, please make sure to at least credit me somewhere with a [link to my website](https://freeplay.codeberg.page/) or [to this style's repository](https://codeberg.org/Freeplay/Mastodon-Modern) :)

Make sure to see the license below for more details:

<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>. 

<br><br>
<div align="center">
<details>
<summary>🍓</summary>
Although I'm definitely lower priority than some others...<br>If you support my work and can actually afford to, 

[**you can donate to me here :)**](https://www.buymeacoffee.com/freeplay)


</details>
</div>