added dark mode support

[stanwolverine]

Hello everyone,

I'm excited to share this PR for adding dark theme support. Please visit the preview, I would really appreciate your feedback and suggestions.
You can also suggest some better colors for the dark theme.
I'd also like to know if there are any UI elements where the dark theme changes have not been applied or any other feedback, I'm all ears.

Thank you so much for taking the time to review my PR and provide your insights. I look forward to hearing your thoughts!

Pending actions on this PR:

• Add Button to Toggle theme
• check the accessibility of colors

[Darksonn]

How do I get my browser to switch to dark mode?

[stanwolverine]

@Darksonn If you "turn on" dark theme on your device, then website will also switch to dark mode

[stanwolverine]

for example, on macOS you can use highlighted option in image:

[hawkw]

Looks nice on my machine, at least!

[stanwolverine]

@hawkw also checkout docs and code snippets

[Darksonn]

Sure, this sounds good to me. I would be happy to merge this. Did you have any further changes you wanted to get in before I do so?

[stanwolverine]

@Darksonn let me add a button to toggle theme, then we can merge it

[stanwolverine]

Hey @Darksonn, You can review and merge this PR now if everything looks good

[Darksonn]

I tried clicking the button on this page, but the area to the right of the page remains white. See the screenshot below.

[stanwolverine]

I tried clicking the button on this page, but the area to the right of the page remains white. See the screenshot below.

@Darksonn fixed this

[joshka]

Bulma 1.0 has dark mode support built-in, but is a little complex to upgrade. See:

• Update Bulma CSS package to 1.0 #793