fix: add slack-light color to tailwind config for button hover state

[ankushchk]

Description

The Slack button hover effect was failing because the color slack-light was referenced in the component but not defined in tailwind.config.ts.
This PR adds the missing slack-light color definition (#4A154B) to the configuration, restoring the intended hover behavior.

Screenshots

Before:

Screen.Recording.2026-01-10.at.12.15.07.AM.mov

After:

Screen.Recording.2026-01-10.at.12.26.54.AM.mov

Related issue(s)
Fixes #4907

Summary by CodeRabbit

• Style
  • Expanded the Slack brand color palette with a default shade and lighter variant, providing enhanced design flexibility for themed UI elements.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[netlify]

✅ Deploy Preview for asyncapi-website ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	5a61f52
🔍 Latest deploy log	https://app.netlify.com/projects/asyncapi-website/deploys/696152ce5c8ff600088633fb
😎 Deploy Preview	https://deploy-preview-4916--asyncapi-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[github-actions]

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[coderabbitai]

📝 Walkthrough

Walkthrough

The Tailwind configuration's Slack color token is refactored from a single hex value to a color family object with DEFAULT and light variants, enabling the previously undefined slack-light color class used for hover states in the UI.

Changes

Cohort / File(s)	Summary
Tailwind Color Token Refactor tailwind.config.ts	Slack color expanded from flat string #371038 to structured object with DEFAULT: '#371038' and light: '#4A154B' variants, enabling hover state styling.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

A Slack-colored button sat quite alone,
Its hover effect couldn't be shown!
But a clever config twist, oh how neat—
Now light shades bloom when you hover, so sweet! 🐰✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: adding the slack-light color to tailwind config to enable the button hover state.
Linked Issues check	✅ Passed	The PR successfully implements the missing slack-light color definition (#4A154B) in tailwind.config.ts, directly addressing the primary objective of restoring the 'Join on Slack' button hover effect.
Out of Scope Changes check	✅ Passed	All changes are scoped to adding the missing slack-light color definition to tailwind config, which is directly aligned with the linked issue objective.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

📜 Recent review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between cebd346 and 5a61f52.

📒 Files selected for processing (1)

• tailwind.config.ts

⏰ Context from checks skipped due to timeout of 180000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (5)

• GitHub Check: Redirect rules - asyncapi-website
• GitHub Check: Header rules - asyncapi-website
• GitHub Check: Pages changed - asyncapi-website
• GitHub Check: Test NodeJS PR - windows-latest
• GitHub Check: Lighthouse CI

🔇 Additional comments (1)

tailwind.config.ts (1)

119-122: Request clarification on the purpose and usage of these Slack colors.

The hex values #371038 and #4A154B do not match any official Slack brand colors (official colors are #36C5F0, #2EB67D, #E01E5A, #ECB22E). Additionally, a search of the codebase reveals no usage of bg-slack or slack-light classes anywhere, which contradicts the original claim about fixing a hover effect on a "Join on Slack" button.

Before approval, clarify:

1. Are these intentionally custom colors (e.g., for a dark theme variant) rather than official brand colors?
2. Where is the "Join on Slack" button that uses these colors? (No bg-slack or slack-light usage was found in the codebase)
3. If the button doesn't exist yet, is it being added in a separate commit or PR?

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (cebd346) to head (5a61f52).

Additional details and impacted files

@@            Coverage Diff            @@
##            master     #4916   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           22        22           
  Lines          796       796           
  Branches       146       146           
=========================================
  Hits           796       796           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[asyncapi-bot]

⚡️ Lighthouse report for the changes in this PR:

Category	Score
🔴 Performance	38
🟢 Accessibility	98
🟢 Best practices	92
🟢 SEO	100
🔴 PWA	33

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

[Gorachand-Senapati]

@ankushchk @asyncapi-bot @antoniogarrote @princerajpoot20 This issue was created by me #4907 , and I had already mentioned my intention to work on it. As clearly stated in the contribution guidelines, contributors must not start work or open a PR without prior approval.

Opening a PR without approval goes against the project rules and creates unnecessary confusion and duplicate effort. Please make sure to follow the contribution guidelines in the future before submitting any PRs.

For this reason, this PR should be closed.