Note: I will be very upfront and say that AI has been used in the development of this. It is, like any software, a tool, without which this would have been orders of magnitude more difficult to do.
I'm attaching a new version 3.0.0b1 below, for testing purposes. It includes the below:
- UserCSS including the ability to detect and install any such .user.css files you browse to (similar to what GreaseMonkey does in that respect)
- Support for vars (options) in the UserCSS - the install prompt and editor will allow you to turn on/off various options that a style may provide.
- Support in the Add-ons Manager for metadata provided in the UserCSS, such as author, description, version and homepage, to be transposed into add-on entries for each style. Right-click context menu entry also includes support page URL where provided in the UserCSS.
- Remove all reference and integration with userstyles.org, replaced with userstyles.world - though any site that provides a UserCSS will be installable in the same manner
- Add import/export features into the User Styles section of about:addons - this JSON backup is compatible with Stylus, and backups from Stylus are compatible with Stylem
- Bundle CodeMirror directly into the extension and drop any dependency on the built-in DevTools; not every application was guaranteed to have this and it wasn't especially well integrated.
- Include a few CodeMirror themes, changeable via the editor UI; these also persist through to the install UI.
- The editor UI includes an interactive "applies to" section that makes setting up @-moz-document rules easier.
- When creating a new style, the UserCSS Metadata is inserted by default as we aim to make this the default format given its prevalence online. It can also be inserted in the Insert menu. You can however still use styles without this metadata just fine.
UserCSS support does include support for the preprocessors that Stylus uses to varying degrees, however, "default" and "uso" are the main supported ones; the others have limited support only. This is partly a technical and partly idealogical choice; to bundle all of the libs required for stylus-lang (ironically named but unrelated as far as I understand) would be quite a complex manner, same for less. When you attempt to install or edit a style using a limited-support preprocessor, it will warn you; you have been warned.
As for the idealogical standpoint, I personally am not a fan of using those types of languages on top of/instead of CSS when they eventually become that anyway, however, given the prevalence of them, they are supported in a limited fashion.When you first run the add-on (if you haven't used Stylem before) it will currently take you to a 404 error, because the pages I have in mind for those aren't up yet. However, you can find the docs here if curious: https://github.com/Lootyhoof/stylem/blo ... started.md
Please give it a try and let me know of any issues.
