A beautiful, solarized dark theme for Mastodon Web UI. In ~500 lines of CSS.
This theme has only been tested with the Mastodon (Dark) system theme; it probably will not look so cool if run on Mastodon (Light).
UPDATE: This repo will no longer receive any updates. My Mastodon instance crashed and burned so I no longer use Mastodon.
The UI has been slimmed down and various changes have been applied.
- Borders between the three columns have been removed
- The Mastodon logo is gone
- Right-side navigation tab marker added
- Bookmarks, Favourites and Lists links have been removed from the right-side navigation
- Be mindful of the spelling of 'Favourites' or 'Favorites', depending on what dialect of English you spell in! :-)
- Hashtags, links and buttons have the colour scheme applied
- Bigger compose box
- The footer is gone - no more bottom-left links and no more right-side top-three trends
- The main timeline column is wider at resolutions above 1,300px
- The action button 'Bookmark' has been removed
- The action buttons (Reply, Boost, Favourite) have been aligned to the right
- Link preview card - the links do not change colour when hovering
Whilst I always try adding alt-text to images, I do not like being made to police other people's images, checking whether they have added alt-text or not. I have therefore removed the alt-text overlay on images in my timeline.
When a new post arrives in the timeline, the top will glow.
My instance's 'About' page has been heavily customised: https://s.pfm.cx
- The Mastodon logo is gone
- About, Server Rules and Moderated Instances links are not shown
- The footer is gone - no more bottom-left links and no more right-side top-three trends
- All Mastodon marketing links - gone, bye-bye!
What remains is the centre column with a brief 'Hello' and a link to log-in. That's all I need until I figure out how to make my very own custom landing page.
The Preferences and Admin pages are mostly themed with the colour scheme but I have not really paid too much attention to the back-end.
For instance admins only:
- On your instance, navigate to admin/settings/appearance
- Paste the CSS into the 'Custom CSS' field on that page
- Wait for it to auto-refresh (takes about 5 min on mine)
This will override everything and become the site-wide theme so maybe check with your users first if this is what they really want. There are alternative methods to install this theme as a user-selectable theme but that will not be covered here.
Mastodon Solarized Dark Theme is made available under The GNU Affero General Public License