I have a couple of questions about customizing Mastodon via the “Custom CSS” box that’s now in the admin panel.
- Are there any examples floating out there for custom CSS designed for this box? I’ve searched and I’ve found all the issues leading up to implementing it, and older examples where you customize the build/dockerfile, but no actual examples using the admin section field with class names of common elements.
- I’ve tried to use to Style Editor inside Firefox and Chrome’s debugging tools, but I can’t get any styles to apply (even a “body { background: blue !important; }”. On other sides that works instantly, so I suspect it has something to do with the fact that the web UI is a React app and the way the Javascript/CSS rendering order work together. In any case, is there a way to try out and adjust styles within a browser’s debugging tools?
- What element does the little cute Mastodon in the compose panel belong to. “drawer__inner__mastodon” is where the zig-zag SVG under the cut little guy lives, but I can’t find the element that contains his background image.