Rahat-ch / The_Sylar_Project

A Mental Health Repository for easily finding local mental health resources. Currently, work in progress!
MIT License
21 stars 18 forks source link

Implement Dark Mode #31

Open Rahat-ch opened 3 years ago

Rahat-ch commented 3 years ago

I'd like to have a dark mode option. Below is documentation that will help implement Dark Mode using Tailwind:

https://tailwindcss.com/docs/dark-mode

We will need some JavaScript work to create a toggle component that switches between dark and light modes. It would also be a good user experience if we can dynamically enter each mode based on the users default preferences.

Color considerations (I am open to more suggestions)

Background - dark grey/ dark blue

Text - white/light grey

Button - lighter blue Iif we do a dark blue background

hisa-shimoji commented 3 years ago

Hello. I would like to work on this issue. I think the react context written in this page is effective.

Rahat-ch commented 3 years ago

Great! I have assigned this issue to you @hisa-shimoji thank you!