added dark mode to sidebar

[hugos]

Another small tweak.

[netlify]

Deploy request for gatsby-portfolio-dev pending review.

Review with commit 4dc50c9

https://app.netlify.com/sites/gatsby-portfolio-dev/deploys

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/smakosh/gatsby-portfolio-dev/j7qwtnocd
✅ Preview: https://gatsby-portfolio-dev-git-fork-kronicom-develop.smakosh.vercel.app

[smakosh]

Could use the same dark color used on the body? Also could you take care of the burger icon & sun icon?

[hugos]

Yeah ok I'll take care of that

[smakosh]

The only needed change ☝️

[hugos]

Oh yes but I don't think we can do that. FYI I'm not very good with svg's.
If we use "prefers-color-scheme: dark" it does the trick but it stays white, that media query doesn't allow other media query's nestings.

example:
<style type="text/css"> @media only screen (prefers-color-scheme: dark) { circle { fill: white; stroke: white; } line { stroke: white; } } </style>

[smakosh]

You can convert the svg icons to a React component and pass the color as a prop

[smakosh]

You can convert the svg icons to a React component and pass the color as a prop

you don't even have to go with this as when ever it's dark it's the sun icon showing, so you can just update its color on the svg file

[smakosh]

LGTM! thanks for the contribution @kronicom 🎉