Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement Dark Mode Support #18

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

ruru-m07
Copy link

this pull request close #17

first i add ThemeProvider

after this i see this UI

Screenshot 2024-04-12 035411

- this is too bad i make it batter now.

  • dark theme
    Screenshot 2024-04-12 041140

  • light theme
    Screenshot 2024-04-12 041129

Copy link

vercel bot commented Apr 11, 2024

@ruru-m07 is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Author

@ruru-m07 ruru-m07 left a comment

Choose a reason for hiding this comment

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

double check changes 👍

@ruru-m07
Copy link
Author

checks ✅

  • 1. type check
  • 2. next lint
  • 3. next build

1. ✅

image

2. ✅

image

3. ✅

image

@ruru-m07
Copy link
Author

@jeremyphilemon can you review this pull request?

Copy link

@athrael-soju athrael-soju left a comment

Choose a reason for hiding this comment

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

This is great work. I've tested it and it works just fine. @jeremyphilemon can we get this reviewed please?

@@ -63,7 +63,7 @@ export function ChatPanel({
<div
key={example.heading}
className={cn(
'cursor-pointer bg-zinc-50 text-zinc-950 rounded-2xl p-4 sm:p-6 hover:bg-zinc-100 transition-colors',
'cursor-pointer bg-secondary rounded-2xl p-4 sm:p-6 transition-colors',
Copy link

Choose a reason for hiding this comment

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

Suggested change
'cursor-pointer bg-secondary rounded-2xl p-4 sm:p-6 transition-colors',
'cursor-pointer bg-background rounded-2xl p-4 sm:p-6 transition-colors',

you are removing the colour distinction of the button if not using something more distinct such as bg-background

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

feat: Implement Dark Mode Support
3 participants