[Feature Request] Add Dark Mode

[archanasingh11]

Required prerequisites

• I have searched the Issue Tracker and Discussions that this hasn't already been reported. (+1 or comment there if it has.)
• Consider asking first in a Discussion.

Motivation

Currently, the website only supports a light theme, which can cause eye strain for users browsing at night. Also, a few UI components (buttons, typography, and spacing) could be improved for better user experience and modern aesthetics.

Solution

I would like to implement a Dark Mode Toggle option that allows users to switch between light and dark themes.
Additionally, I plan to make some UI improvements for better consistency and visual appeal, such as:

Enhancing button hover effects and transitions

Adjusting text contrast for readability

Improving padding, margins, and alignment of sections

Refining typography (font weights, colors)

Making the “Nearby Hospitals” button more prominent

Alternatives

No response

Additional context

@CamelAIorg please assign me this issue with "hacktoberfest", "GSSoC'25", "level2"

[SushritaSingh]

I want to contribute on this project. Please assign this to me.

[fengju0213]

@archanasingh11 thanks for reporting this issue！also thanks for @SushritaSingh active participation，but i think the code related to the website interface should not be in our camel main repo. Maybe @Douglasymlai can help with this problem?

[Douglasymlai]

Hi @SushritaSingh @archanasingh11 Thanks for bringing this issue to our attention! I’ll be working on a redesign of the CAMEL website this week and will definitely include this feature in the current sprint.

Right now, the CAMEL website is built using a no-code tool and is managed internally by our design team. Due to limited resources, we’re unable to open it for public contributions at this time.

However, we’re planning to start a full rebuild of the CAMEL website using Next.js in the coming months. Once that project kicks off, we’ll announce it to the community — and we’d love for you to contribute when that happens!