Stylus is a browser extension that allows injecting custom styles to websites and as such, is incredibly powerful in making the web more usable.

After Mastodon update 4.4.0, I noticed (but the problem had been occurring for a longer time, I later learned) that my styles did not apply due to CSP restrictions.

In the dev tools console, I could see

`Content-Security-Policy: The page’s settings blocked the loading of a resource at inline (“style-src”)`

error.

After a bit of searching the web, I found a bug report for Stylus related to this and a comment that provided the solution.

In the extension options, you must turn on Patch CSP to allow style assets and Circumvent CSP 'style-src' via adoptedStyleSheets options to enable Stylus styles in Mastodon sites.

Screenshot of Stylus advanced options with the aforementioned two options turned on