Adjust dark mode palette

[collinmesser]

Type of issue

• Bug
• Feature/Enhancement
• Question

Description

I'd like to adjust the dark mode palette to be a little more user-friendly. Possibly slightly darker main color and full support across the site. The colors should pass accessibility tests for visibility.

Here are some links to help with creating a palette. I'm fine if someone just wants to create the palette without actually implementing it as well. You could demo the palette in the comments.

• https://medium.com/eightshapes-llc/light-dark-9f8ea42c9081
• https://material.io/design/color/dark-theme.html#usage
• colormind.io (this tool is amazing)

Steps to Reproduce

1. [First Step]
2. [Second Step]
3. [and so on...]

Expected behavior: [What you expected to happen]

Actual behavior: [What actually happened]

Versions

ONLY if different than Master currently.
You can get this information from executing npm version.

[lucasjs]

Hey @collinmesser. I could make that changes. I'm a front-end developer, designer and a11y advocate. 😃

[collinmesser]

Sure, I'd love to see what you come up with. Feel free to assign this issue to yourself and a bot will automatically make a branch for you. Let me know if you have any questions.

[lucasjs]

Sure, I'd love to see what you come up with. Feel free to assign this issue to yourself and a bot will automatically make a branch for you. Let me know if you have any questions.

I can't assign. Could you do that for me?

[lucasjs]

@collinmesser I'm studying about the UX. What do you think about a theme switch on the top bar?

[collinmesser]

@lucasjs You can check out the current build here https://esfiddle.netlify.com. There is a theme switcher on the top bar, but if you'd like to adjust it feel free.

[lucasjs]

That's awesome! Thanks!

[lucasjs]

Sorry for the late response!
I've been studying a lot about dark and light mode.
Now I'm working on it, branch add-darkmode.

[collinmesser]

How's this going for you @lucasjs? do you need anything from me at all?