chore: use Tailwind color tokens instead of hardcoded hex values #26443
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Replace hardcoded hex colors with their exact Tailwind equivalents: - text-[#111827] → text-gray-900 - text-[#6B7280] → text-gray-500 - text-[#374151] → text-gray-700 - border-[#D1D5DB] → border-gray-300 This improves consistency with the rest of the codebase which already uses these tokens (e.g., text-gray-500 is used 107 times). Files changed: - apps/web/modules/videos/views/videos-single-view.tsx - companion/app/(tabs)/(event-types)/index.tsx - companion/components/booking-list-screen/BookingListScreen.tsx - companion/components/event-type-detail/tabs/AdvancedTab.tsx - companion/components/screens/AvailabilityListScreen.tsx - companion/components/screens/BookingDetailScreen.android.tsx 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
|
@dylantarre is attempting to deploy a commit to the cal-staging Team on Vercel. A member of the Team first needs to authorize it. |
|
|
![cubic-dev-ai[bot]](https://avatars.githubusercontent.com/in/1082092?s=60&v=4){kind=small}
Udit-takkar
approved these changes
Jan 5, 2026
Contributor
Udit-takkar
left a comment
Udit-takkar
left a comment
There was a problem hiding this comment.
Tested it locally and looks fine to me
PeerRich
changed the title
5 tasks
Contributor
|
Conflicts fixed on #26557 Thank you for your contribution @dylantarre |
auto-merge was automatically disabled
January 7, 2026 17:28
Pull request was closed
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
6 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Replace hardcoded hex colors with their exact Tailwind equivalents in the companion app and videos module:
text-[#111827]text-gray-900text-[#6B7280]text-gray-500text-[#374151]text-gray-700border-[#D1D5DB]border-gray-300Context
The codebase already uses these Tailwind tokens extensively (e.g.,
text-gray-500appears 107 times elsewhere). This PR aligns the companion app and videos module with the existing pattern.All hex values are exact Tailwind matches:
#111827= gray-900 ✓#6B7280= gray-500 ✓#374151= gray-700 ✓#D1D5DB= gray-300 ✓Files changed
apps/web/modules/videos/views/videos-single-view.tsxcompanion/app/(tabs)/(event-types)/index.tsxcompanion/components/booking-list-screen/BookingListScreen.tsxcompanion/components/event-type-detail/tabs/AdvancedTab.tsxcompanion/components/screens/AvailabilityListScreen.tsxcompanion/components/screens/BookingDetailScreen.android.tsxTesting
These are pure style changes - no functional impact. The colors render identically.
Found using Buoy - design system drift detection