Readability problems into dark mode

[IlCallo]

Description Clearly and concisely explain the problem. You can mention unclear or missing information, typos, grammatical mistakes, etc. Any contributions and suggestions are welcome!

Some components haven't been properly updated to support dark mode, here's a few screenshots

The white line here in every component page

Many sponsors logo aren't readable on a dark background

The "show more" button of the nested installation item isn't visible

The code background color must be updated as there isn't enough contrast right now

Into why donate page, images aren't readable now

Quick navigation buttons aren't properly styled as dark

The inline code highlight doesn't really work into the "notes" boxes

Shadows aren't visible

Into flexbox guide, some writings aren't visible

We reached "Layout & Grid" page doing our checks Please check other pages too

[smolinari]

I think I have most of these. There isn't much we can do about the shadows.

I'm still tweaking... 😁

Scott

[IlCallo]

We should probably invert the shadow colour depending on the dark mode flag

[smolinari]

Getting the shadows "switched" is not that easy (for me).

I've done some more tweaking. The API section looks ok, I'd say.

Scott