Convert architecture drawings/schemas to dark mode on docs

[jess-lowe]

For more consistent branding and a cohesive design, the architecture diagrams should be converted to dark mode in the docs.

Relevant pages with diagrams include:

• Main landing page
• Architecture page

[Kunal9027]

@jess-lowe you want to convert diagram images theme from white to black . can i work om this issue

i also want to join the community if there is any slack group . where i can show the images before making a PR

[jess-lowe]

Hey @Kunal9027, I'll assign this to you too.

The best way to get involved is to join the OpenSSF slack group and join the osv-scanner-scalibr channel. :)

Thanks for getting involved!

[Kunal9027]

Hi @jess-lowe

I’ve created two variants of the image for the issue . Before making the PR, I’d like to get your opinion on which one fits best. Could you please take a look and let me know which variant you prefer?

Here are the images:

Let me know if any modifications are needed. Once confirmed, I’ll proceed with the PR.

Thanks!
Kunal9027

[jess-lowe]

I like the ones with the matching dark background.

Would you be able to change the font to Consolas for the floating white text?

Thanks!

[Kunal9027]

hi @jess-lowe

I have updated the text font to Consolas as requested and attached the new images for review. Could you please check and let me know if I should proceed with a PR, or if any further changes are needed?

Looking forward to your feedback!

[jess-lowe]

Hey @Kunal9027, sorry for taking so long to get back to you. I think this looks great! The only minor nits I have is maybe shifting some of the text slightly to give it more padding next to the blocks - for example:

• move 'Populate' and 'bug' onto the same line so they are less squished
• Move 'Pull tasks' a little down and to the right:

Thanks! Happy for you to make a PR now :)

[jess-lowe]

Closed with #3309