TamperMonkey UserScript to tweak the UI of the Toot.Cat Mastodon Glitch-Soc instance

mastodon.user.js

// ==UserScript==
// @name         TootCat Mastodon UI tweaks
// @namespace    http://tampermonkey.net/
// @version      1.2
// @description  Styling tweaks for the Mastodon instance I use.
// @author       FiXato
// @match        https://toot.cat/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    // Increase the width of the first and last column so there's more space for the text and media of your home timeline, and the expanded posts.
    document.styleSheets[document.styleSheets.length - 1].insertRule('.column[data-column="home"], .column:last-child {min-width: 600px!important}', 0);
    // Increase size of emoji / emotes when you hover over them, making it easier to see what they are supposed to represent.
    document.styleSheets[document.styleSheets.length - 1].insertRule('.status__content .emojione:hover {width: auto!important; height: 50px!important;}', 0);
    // Change the font to Optima Nova LT Pro, Atkinson Hyperlegible, Verdana, or a sans-serif font.
    document.styleSheets[document.styleSheets.length - 1].insertRule('.status__content__text, .status__content p {font-family: "Optima Nova LT Pro", "Atkinson Hyperlegible", Roboto, Arial, sans-serif;}', 0);
    // Add a small purple bar above images that come without status content text, so you have some easy-to-click-on area to expand the post.
    document.styleSheets[document.styleSheets.length - 1].insertRule(`.status__content__text:empty + .media-gallery:before
      {
        height: 1em;
        display: block;
        content: ' ';
        background-color: purple;
      }
    `);

})();