My take on a darkmode for the student service Quercus (which is an instance of Canvas)
Installation is real simple!
- Install Stylus for either Firefox, Chrome or Opera or Cascadea for Safari.
- Go to this page and a thing should come up asking to install the stylesheet.
- Configure and install
- In the extension, there are customization options. You can change things like the text colors, background colors, etc.
- Style updates should be automatic or you can go to the extension to check for updates.
- Install the stylesheet first
- Go into the stylesheet extension to edit it through the extension's editor.
- Fork and pull request.
- I use the less preprocessor to allow for a more dynamic/customizable ui.
- Do not use the css-asdfla tags, they are machine generated and might change.
- Use as few tags as possible and make it as generic as you can, when possible. (ie. don't do each of the assignment, calendar cards individually, do them all at once using one css selector)
- Try to avoid using !important when possible, it can break things, and there is 99% a better way (hint: be more specific in the selector)