Dark theme for opensourcediversity

[siddhanth339]

A glimpse of the dark theme:

Also, some links were unnecessary so I have fixed them.

[siddhanth339]

Please review my PR and let me know if any changes are to be made.
Thanks in advance.

[jancborchardt]

Hi @siddhanth339, good stuff! :) Here’s some points:

• Easier than having 2 full CSS files would be using CSS variables
• Instead of the toggle and the Javascript, using whatever people set on their platform could be nice :) This can be done by using prefers-color-scheme in the CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
• Might be nice to keep the heading in the branded green?

What do you think? :)

[siddhanth339]

Good idea! I am working on it and will make a commit soon. Thanks for your time!

[siddhanth339]

@jancborchardt please review my latest commit 1f42523

• CSS variables are used and there is only one file "styles.css" for both light and dark themes
• Toggle for the theme is removed and prefers-color-scheme is used to detect theme
• Heading is in branded green colour for the dark mode

[siddhanth339]

@jancborchardt any updates?

[jancborchardt]

@siddhanth339 nice! Some feedback:

• Removing the color completely seems a bit harsh, I would say the top part works nice in the green too? And the dividers would be nice with the dash of color as well. What do you think?
• Can you check the conflicts with current main branch and resolve them? A lot of this might be because of the tabs to spaces conversion