Enable Dark mode feature to work on full website

[CipherYuvraj]

Dark Mode Toggle Improvement

Currently, the website has multiple switches to enable dark mode.
This should be modified so that a single universal toggle controls dark mode across the entire site.
When the toggle is clicked, the whole website should switch between light and dark modes.

[ajkendal]

@CipherYuvraj, I would like to work on this issue.

[CipherYuvraj]

sure @ajkendal

[PrerakShah101]

Can I help solve this issue?

[CipherYuvraj]

Can I help solve this issue?

you should raise another issue and work on that this is already assigned to @ajkendal you can work on #3

[ajkendal]

@CipherYuvraj

Description

I identified the root cause of the problem: darkMode is being passed but comes in as undefined.

To address this, I added Tailwind’s custom variant import to index.css:

@custom-variant dark (&:where(.dark, .dark *));

Current Progress

• I’m in the process of updating and verifying each page to ensure dark mode works correctly.
• Instead of relying on ternary operators like darkMode ? '' : '', we can now leverage Tailwind’s built-in dark mode classes (e.g., dark:bg-somecolor).

Next Steps

I’ve already started refactoring and will open a pull request once I’ve completed the updates across all pages.

[CipherYuvraj]

@CipherYuvraj

Description

I identified the root cause of the problem: darkMode is being passed but comes in as undefined.

To address this, I added Tailwind’s custom variant import to index.css:

@custom-variant dark (&:where(.dark, .dark *));

Current Progress

• I’m in the process of updating and verifying each page to ensure dark mode works correctly.
• Instead of relying on ternary operators like darkMode ? '' : '', we can now leverage Tailwind’s built-in dark mode classes (e.g., dark:bg-somecolor).

Next Steps

I’ve already started refactoring and will open a pull request once I’ve completed the updates across all pages.

Good job

[ajkendal]

@CipherYuvraj

Here are the changes for /sort. I’m still working on refactoring every page, but are there any style updates you’d like me to add?