Anjaliavv51 / Retro

Explore the vintage look!

https://rococo-mooncake-0d89f7.netlify.app/

MIT License

86 stars 87 forks source link

✨[feature Request]: Dark Mode/ Light Mode Toggle #65

Open Poushmita opened 3 days ago

Poushmita commented 3 days ago

Is there an existing issue for this?

[X] I have searched the existing issues

Feature Description

I want to add a dark mode/light mode toggle.

Use Case

Allow users to switch between dark mode and light mode to improve visual comfort and match the UI to their preferences or environmental conditions.

Benefits

Dark mode can reduce eye strain and provide better readability, especially in low-light conditions. Light mode, on the other hand, is better suited for bright environments, providing contrast and clarity.

Add ScreenShots

No response

Priority

High

Record

[X] I have read the Contributing Guidelines
[X] I'm a GSSOC'24EXTD contributor
[X] I have starred the repository

github-actions[bot] commented 3 days ago

Hi there! Thanks for opening this issue @Poushmita!. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

Anjaliavv51 commented 3 days ago

@Poushmita go ahead make sure feature is implemented to all html pages in website, then only level 3 will be assigned to u.

Shalinis19137 commented 3 days ago

I would like to work on issue #65 in the feature Request : Dark Mode/Light Mode Toggle repository. Could you please assign it to me? Thank you!

Anjaliavv51 commented 3 days ago

I would like to work on issue #65 in the feature Request : Dark Mode/Light Mode Toggle repository. Could you please assign it to me? Thank you!

No u can't work as it is already assigned to @Poushmita

Poushmita commented 3 days ago

@Shalinis19137 If you want then you can group with me for this issue.

Poushmita commented 3 days ago

@Anjaliavv51 okay .

Anjaliavv51 commented 3 days ago

@Shalinis19137 If you want then you can group with me for this issue.

Yes go ahead of both don't have any issue please

Shalinis19137 commented 3 days ago

Yes,I want to group with you.Its my pleasure mam

Poushmita commented 3 days ago

@Anjaliavv51 Okay mam.

Anjaliavv51 commented 3 days ago

@Poushmita don't address me as mam , I think we PPL have similar age.

Poushmita commented 2 days ago

@Anjaliavv51 oh! okay .

Poushmita commented 2 days ago

After Applying Dark Mode

Screenshots

The text colour after changing mode will be adjusted.

@Anjaliavv51 kindly response me, that is it okay or I would changesome background colour( texts also accordingly) of some sections for Darkmode?

If it is okay then, I will just apply this for other pages and adjust some text colours.
If you want more then I will have to make many changes accordingly. I have no problem with any of the above options , please reply what you want?

Anjaliavv51 commented 2 days ago

@Poushmita no website background color is pink change that related background to black

Poushmita commented 2 days ago

@Anjaliavv51 you want pink backgrounds to be black in dark mode.. Okay, then I am working on this.

Anjaliavv51 commented 1 day ago

@Poushmita @Shalinis19137 any progress?

Poushmita commented 1 day ago

@Anjaliavv51 yes I have done almost with the code. It is just giving some problem due to the previously set values. I am working on it.