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

[Poushmita]

Is there an existing issue for this?

• 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

• I have read the Contributing Guidelines
• I'm a GSSOC'24EXTD contributor
• I have starred the repository

[github-actions]

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]

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

[Shalinis19137]

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]

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]

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

[Poushmita]

@Anjaliavv51 okay .

[Anjaliavv51]

@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]

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

[Poushmita]

@Anjaliavv51 Okay mam.

[Anjaliavv51]

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

[Poushmita]

@Anjaliavv51 oh! okay .

[Poushmita]

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 change some 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]

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

[Poushmita]

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

[Anjaliavv51]

@Poushmita @Shalinis19137 any progress?

[Poushmita]

@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.