Customize your interface: How-to

It is possible with help of a browser extension to customize the appearance of the Mastodon web interface. Here we give a quick how-to how to use this with Mastodon, incl. three popular examples. Please follow the steps one by one. See this page for the various styles you can copy and paste.

• Before you're going to start, first check-out our themes. Maybe they meet your requirements sufficiently. See your Todon.eu preferences or your Todon.nl preferences.
  
  

• We are going to use the Stylus browser extension. This one is available for Firefox and Chrome (and derived browsers). Click on one of the two links and follow the installation instructions. This how-to is made with Firefox, but it should be the same in Chrome.
  
  

• When installed find the icon of Stylus, right-click and click on the 'Manage styles'. See image 1 ➡️
  
  

• On the page with 'Installed Styles' click on 'Write new styles'. See image 2 ➡️
  
  

• Click on the pull-down-menu 'Everything' and click on the option 'URLs on the domain' See image 3 ➡️
  
  

• Enter todon.eu or todon.nl in the field at the left of 'URLs on the domain'. For convenience you enter the same domain in the field at the top left (below 'Add style'). See image 4 ➡️

• In the large text field on the right you copy and paste the CSS code you find on this page. See image 5 ➡️
  
  

• Click the yellow button 'Save' and you're done! You should be able to see the changes immediately on your Mastodon server. See image 6 ➡️