Skip to content

Comments

feat(dark-mode): add dark mode feature#193

Open
Kishan1835 wants to merge 2 commits intoFOSSUChennai:mainfrom
Kishan1835:Darkmode
Open

feat(dark-mode): add dark mode feature#193
Kishan1835 wants to merge 2 commits intoFOSSUChennai:mainfrom
Kishan1835:Darkmode

Conversation

@Kishan1835
Copy link

@Kishan1835 Kishan1835 commented Mar 22, 2025

Dark Mode feature added to the whole Page

Screenshot 2025-03-22 221257

Screenshot 2025-03-22 221450
Screenshot 2025-03-22 221501

@JustinBenito
Copy link
Contributor

Wow, this looks stellar @Kishan1835 🔥
Love how the design has come to darkmode.
There are few suggestions from my side reg this.

One would be to change the github contribute button on top to text-white in dark mode.
the other would be to make the calltoaction.tsx file updated with respect to the new PR pulled by @MadhavanAR

Copy link
Contributor

@JustinBenito JustinBenito left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall the new PR looks promising, but there are few gaps which would be really great if we could fill it.
Can you please look into the given suggestions @Kishan1835 and update with a new PR.

Cheers :)

P.S also can you please include a video showing all the new changes, so that it would be great to understand the new changes.

Thanks

@@ -0,0 +1,17 @@
import { CalendarX } from '@phosphor-icons/react';

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This seems to be a copy of the no-events-card.tsx which already exists, can I please know why you introduced the same here @Kishan1835 ?

also was curious to know why an empty ClientThemeProvider has been added ?

@@ -0,0 +1,26 @@
import React, { useState } from 'react';

interface TooltipProps {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also can I know why we are abstracting just this tooltips component into a separate file, I understand it helps readability but apart from that is there any specific requirement in doing this @Kishan1835 ?

darkMode: 'class', // Enable dark mode using the 'class' strategy
content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

also just curious if there is a specific idea behind adding only few directories ?

@Kishan1835

@Kishan1835
Copy link
Author

@JustinBenito Thank you for the feedback! I’ll definitely look into the suggestions and make the necessary updates soon. Appreciate your time reviewing the PR!

@Sarveshmrao
Copy link
Collaborator

Hey @Kishan1835 any update on this PR?

@Sarveshmrao Sarveshmrao added question Further information is requested discussion community discussion stale labels Aug 25, 2025
@Kishan1835
Copy link
Author

@JustinBenito @Sarveshmrao
I have updated the PR as per the feedback:
• Confirmed text-white for the Contribute button.
• Renamed EmptyEventcard to NoEventsCard and updated references.
• Retained the Tooltip abstraction for reusability.
• Verified that the Tailwind config covers all src files.
Awaiting details on MadhavanAR's PR for calltoaction.tsx .
Kindly review at your convenience.

@JustinBenito
Copy link
Contributor

Hey @Kishan1835 can you provide us a screenshot to look into or preferably a video.
There seems to be a lot of merge conflicts aswell, can you fix them all aswell

Cheers ::)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

discussion community discussion question Further information is requested stale

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants