User talk:Lsloan/vector.css
Why This Document
I want to reduce my eyestrain from looking at a computer several hours each day. A colleague told me that using dark themes in apps would help. I started switching apps to use dark themes, but it became a big task. Not every app supported other themes or maybe no dark ones. Some apps didn't have good dark themes. Some apps only implemented the theme partially. For example, I could set a dark theme for Chrome, but I'd also need to set a dark theme for Gmail within the browser. Even with Gmail set to a dark theme, it still showed email messages in a light theme with a white background.
I began to look at what features macOS might have to support themes. I didn't find one, but I found in its accessibility features that it allowed toggling the entire screen to negative colors. I tried it and liked it, so I assigned it to a hotkey. Now, most of the time I view my screen in negative colors, but when I need to see real colors, for images and videos, I could toggle out of negative mode.
It's a fairly good solution most of the time, but some apps and websites designed for regular color don't look well in negative. For example, some light background shading to indicate an item is inactive looks fine in regular colors, but is almost invisible in negative. In Wikipedia, the star for watch and unwatch the page, changes color very subtly.
Fortunately, Wikipedia lets users alter the CSS of their pages. In this case, I'm using the Vector theme, so I've edited my copy of CSS for that theme to use simple empty and filled in stars for the watch and unwatch buttons. It's a good solution for my purposes.