[CSS] Increase dark mode contrast to meet WCAG requirements and other dark mode things #122
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Main Stuff
The light mode of the packaging guide has a lovely, consistent, white and purple theme. The dark mode leaves a lot of default variables in place, and importantly doesn't switch the H1 color which is a very dark purple (which looks lovely in light mode!) This PR nudges us towards a more consistent style across light and dark modes by extracting some of the colors used elsewhere in the custom css file and creating a set of pyos css variables to use as a palette, and then uses those in the dark mode!
Currently the page looks like this:

which is not great for accessibility since the contrast is so low, and the teal color is pretty grating against the purples. The contrast is beneath WCAG

So the after shot is like this:
which is not perfect but is a step in the right direction.
Other Stuff
Navbar
There's a big pointless block beneath the navbar stuff, not sure what it it's supposed to do, but at the moment what it does is make a scrollbar always appear and makes the readthedocs version box slide off the page. So I set that things margin to "unset"
Before:

after:

Nox Build
The sphinx-autobuild command doesn't copy static files unless you tell it to (same as sphinx), which was super annoying to work on the CSS with, so i added a section there to allow us to explicitly specify files, and then did that (which is overridable by passing positional arguments)