Implement Dark Mode Feature

[AkhileshJyotishi]

Overview

To enhance user experience and cater to different preferences, we aim to introduce a Dark Mode feature in our notes app. Dark Mode provides users with a visually comfortable experience in low-light environments and reduces eye strain, thereby improving usability and accessibility.

Design And Planning

Define the scope of Dark Mode implementation, including which elements (e.g., background, text, buttons) will be affected.
Plan the integration of Dark Mode toggle functionality into the app's user interface.

[Karanagarwal12]

Hey @AkhileshJyotishi, I would like work on this issue, please assign this to me.
Thanks

[Dishant-garg]

Hey @AkhileshJyotishi, please assign this issue to me.
thanks

[AkhileshJyotishi]

You both can commence addressing the issue.

Prior to beginning, kindly inform me of the implementation you intend to pursue.

[Dishant-garg]

@AkhileshJyotishi this is final output that i achieved by doing changes in css file for dark mode and light mode

pls tell more changes that should i have to implement in it

[Dishant-garg]

it is working according to toggle button

[AkhileshJyotishi]

@Dishant-garg

Following changes are needed :

• place the the toggle button above the add note button
• selected note should have a green background and white text (for text and date both)
• note heading and text should have padding .

[Dishant-garg]

@AkhileshJyotishi
okk