I decided to mod the Mastodon emoji picker with a #UserCSS, and it is pretty darn inefficient. But so is it cool!

(And by the way all of these animations are technically JS-free. Take that, big tech!)

Does #Vector2022 on #Mediawiki have a dark counterpart? Or, alternatively, does anyone know a #UserCSS to change Wikipedia to a dark theme?

/* ==UserStyle==
_@name Mastodon #UserCSS - 3-column layout
_@namespace zoebytes.name
_@version 1.0.0
_@author zoebytes
_@license 0BSD
==/UserStyle== */

/* Replace `mastodon.social` below with your instance's domain */

@-moz-document domain("mastodon.social") {
.layout-multiple-columns .columns-area .column {
width: calc((100% - 300px) / 2);
}
}

Here's a little #CSS snippet I'm using to make it more obvious to me when a #mastodon post has been edited.

abbr[title*="Edited"] {
text-decoration: none;
visibility: hidden;
}

abbr[title*="Edited"]::after {
content: "📝";
visibility: visible;
}

#userscripts #usercss