add warning-fg color to ogs.styl

[GreenAsJade]

Fixes warnings being issued about undefined color

Proposed Changes

• I put the light and dark warning-bg into a "contrasting color generator" online, and created warning-fg with what it gave me

[github-actions]

Uffizzi Preview deployment-55199 was deleted.

[anoek]

👍 for fixing the missing variable, not sure how I didn't see that

I've learned over the years though, that you pretty much never want to simply pick the opposite color on the color wheel for text on a background (I've also come to appreciate the difficulty in pairing good colors and creating a good color pallet). For things like this though I've personally started having a lot better luck these days defining the background color in HSL and then adjusting the lightness (L) for contrast for a decent pairing for text, or just going with white/black/some gray. Also the blue looks a lot like a link color:

so what I'd do these days is convert that color (#FFAE2C) to HSL: hsl(37, 83, 58.6) and then drop that third component down to make it darker:

hsl(37, 83, 30)

hsl(37, 83, 20)

hsl(37, 83, 15)

hsl(37, 83, 12)

Or just go with black

hsl(37, 83, 0)