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

feat: setup dark mode for the website #3118

Open
wants to merge 7 commits into
base: master
Choose a base branch
from

Conversation

vishvamsinh28
Copy link
Contributor

This PR sets up dark mode for the website. The toggle button for it is currently commented out. We can uncomment it after the Tailwind CSS classes for dark mode are added to every page of the website. We will add Tailwind CSS classes to the website incrementally with different PRs for different pages.

@akshatnema @anshgoyalevil @sambhavgupta0705

Copy link

netlify bot commented Jul 27, 2024

Deploy Preview for asyncapi-website ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 62f5e6d
🔍 Latest deploy log https://app.netlify.com/sites/asyncapi-website/deploys/66a4a0f498463a000855ffcc
😎 Deploy Preview https://deploy-preview-3118--asyncapi-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@asyncapi-bot
Copy link
Contributor

asyncapi-bot commented Jul 27, 2024

⚡️ Lighthouse report for the changes in this PR:

Category Score
🔴 Performance 34
🟢 Accessibility 98
🟢 Best practices 92
🟢 SEO 100
🟠 PWA 56

Lighthouse ran on https://deploy-preview-3118--asyncapi-website.netlify.app/

@sambhavgupta0705
Copy link
Member

@vishvamsinh28 I prefer adding the button and basic setup first.
We cannot follow this convention of adding tailwind classes one by one
One thing you can do is commit changes one by one in your own branch but we cannot follow this policy in the production branch

In production we need to merge whole at once as we did in the case of typescript migration

@sambhavgupta0705
Copy link
Member

As you have commented out the button so how will I check the UI of the website???
Cannot approve anything without seeing the UI

@vishvamsinh28
Copy link
Contributor Author

@sambhavgupta0705 I did that 4months ago in my PR but @anshgoyalevil @derberg suggested to open incremental PRs

Here's the comment :- #2650 (review)

@vishvamsinh28
Copy link
Contributor Author

After merging this PR, we will have the basic setup for dark mode in the codebase. After that, anyone can work on dark mode locally, open PRs for adding dark mode to different pages, and once we have covered every page, we can uncomment the dark mode button, making it accessible to all users.

@sambhavgupta0705
Copy link
Member

#1269

@sambhavgupta0705
Copy link
Member

@anshgoyalevil can you please take a look here

@sambhavgupta0705
Copy link
Member

@anshgoyalevil

@vishvamsinh28
Copy link
Contributor Author

@sambhavgupta0705 @anshgoyalevil Let's do this after GSoC. By that time, if no one else has opened a PR for this issue, I will start working on it and complete it.

@sambhavgupta0705
Copy link
Member

@vishvamsinh28 can you please link the github issue of this PR

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.

3 participants