Override dark-mode in style guide

[jotaen4tinypilot]

With dark-mode turned on, the style guide is not really useable. The easiest is to override (and thus ignore) dark-mode in the style guide and force it to be light-mode. Otherwise, we would have to adjust the default text color, plus several background and border colors, to make all elements work with the dark background.

[jdeanwallace]

Automated comment from CodeApprove ➜

✔️ Approved

Yes, I agree that this is the best option for now. Only once we decide to make dark-mode color adjustments to the pop-up dialogs, then this hack can be removed:

LGTM!

---

👀 @jotaen4tinypilot it's your turn please take a look

[jotaen4tinypilot]

Only once we decide to make dark-mode color adjustments to the pop-up dialogs, then this hack can be removed:

Historical note on that, for curiosity: when implementing the dark mode originally, I already explored the option of a dark-mode dialog panel. I found it not to be feasible, however, because if the dialog panel itself is dark, then the black-ish overlay layer in the background must be inverted, i.e. bright. It might be possible to make the background overlay layer look grey-ish, but I think it might be difficult to get that right, and find a good balance between “mostly dark overall” but still “high-enough contrast between dialog panel and background”.