Selection between Light and Dark mode in the Web page

[imuday984]

Describe the feature

Same as the title introducing light and dark mode for the web pages.

Use Case

-Better UI
-Better Website experience
-Better readability
etc.

Proposed Solution

No response

Additional Information

No response

Link to Discord or Github discussion

No response

[yang1002378395-cmyk]

Hi! This feature is actually already implemented. You can switch between Light and Dark mode by:

1. Click on your avatar in the sidebar (bottom left)
2. Select "Dark Mode" or "Light Mode" from the dropdown

The implementation is in:

• src/interface/web/app/components/navMenu/navMenu.tsx - Toggle button
• src/interface/web/app/common/utils.ts - useIsDarkMode hook

If you're asking for a more prominent toggle button (e.g., in the header or a floating button), please let me know and I can add that as an enhancement.

Screenshots would help if you're experiencing issues with the current implementation!

[yang1002378395-cmyk]

Hi! Khoj already has Light/Dark mode support. You can toggle it from the user menu in the sidebar:

1. Click your avatar/username in the bottom left corner
2. Click "Dark Mode" or "Light Mode" to switch

The implementation uses:

• useIsDarkMode() hook in src/interface/web/app/common/utils.ts
• System preference detection via prefers-color-scheme
• LocalStorage persistence

This feature has been available for a while. Could you try it and let me know if it works for you?

[adityakrmishra]

so close the issue why it is opened