- I have partially rewriten the style! The CSS should be much cleaner and smaller + Some issues have been fixed + Some things are styled differently but it isn't a lot - Alt text modal has been styled - Height of hidden media is collapsed + styled hide media button - Avatars in replies on mobile are slightly smaller - Mobile no longer has scrolling topbar, labels are removed to fit all icons - Fixes issue on iOS where the bottombar wouldn't be shown - Is also more convenient than scrolling - Some stuff is now customizable in the UserStyle's options ADMINS: This and the previous version is meant for Mastodon 4.3.0+, please do not update until your server has updated.
2.5 KiB
Mastodon Modern 
A UserStyle & theme that improves the look & feel of Mastodon. Can be used with other themes that only change colors.
![]() |
![]() |
![]() |
![]() |
|---|
Install with the Stylus browser extension!
Please do not use the "Stylish" browser extension: https://robertheaton.com/2018/07/02/stylish-browser-extension-steals-your-internet-history/
Instance Admins:
Previous instructions/example were outdated, I may need help with instructions here as I am not able to run my own instance to test atm.
The Chuckya Mastodon fork has implemented the style here
For now, here are some notes:
- Make sure to use the compiled code from this repo's
modern.css - The default Mastodon theme needs to be imported
- For light theme, include
@import 'mastodon-light/diff'; - For High Contrast theme
@import 'contrast/diff'; - While not tested thoroughly, can work well with other color themes.
Note: The UserStyle usually receives updates earlier to make sure everything is ready for the compiled CSS.
⚠️ IF ON GLITCH-SOC
Make sure to apply the glitch-soc fixes from the glitch-fixes.css file!
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 or to this style's repository :)
Make sure to see the license below for more details:

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
If you support my work and can afford to,
you can donate to me here :)



