mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 17:35:10 +03:00
This PR finishes the Tailwind migration by doing some minor fixes: - Remove `@radix-ui/colors` and inline the color values into the color definitions. The default Tailwind colors are unset and replaced by our own color set (both in light and dark variants). - Remove the `colorA` colors because they were used with alpha values. They were unused and Tailwind v4 supports alpha values natively. - Replace the `hit-area` JS config with the original CSS config from https://bazza.dev/craft/2026/hit-area. The original config was migrated to JS config to work with Tailwind v3. Now that we're on v4, we can just use the source format. - Remove the `motion-safe-transition` plugin since it's now [supported natively by Tailwind](https://tailwindcss.com/docs/transition-duration#supporting-reduced-motion) - Replace `tailwindcss-animate` with `tw-animate-css`. The old plugin was unmaintained and using JS config. The new one should be a drop-in replacement. - Remove all scripts for generating colors, they're not needed anymore, all values are hardcoded. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Added hit-area debugging and sizing utilities for enhanced layout control. * **Refactor** * Restructured color system to use hand-edited CSS variables with inlined values for improved performance and maintainability. * Migrated animation utilities to a new framework. * **Style** * Enhanced motion-reduced animations with improved transition behavior. * Adjusted sidebar layout styling for better visual presentation. * **Chores** * Updated animation dependencies. * Removed legacy color generation scripts. <!-- review_stack_entry_start --> [](https://app.coderabbit.ai/change-stack/supabase/supabase/pull/45925) <!-- review_stack_entry_end --> <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
23 lines
614 B
CSS
23 lines
614 B
CSS
/*
|
|
* This file unsets all built-in Tailwind CSS colors for which we have overrides. Some of them might not exist in
|
|
* Tailwind's default theme.
|
|
*/
|
|
@theme {
|
|
--color-amber-*: initial;
|
|
--color-blue-*: initial;
|
|
--color-crimson-*: initial;
|
|
--color-gold-*: initial;
|
|
--color-gray-*: initial;
|
|
--color-green-*: initial;
|
|
--color-indigo-*: initial;
|
|
--color-orange-*: initial;
|
|
--color-pink-*: initial;
|
|
--color-purple-*: initial;
|
|
--color-red-*: initial;
|
|
--color-slate-*: initial;
|
|
--color-tomato-*: initial;
|
|
--color-violet-*: initial;
|
|
--color-yellow-*: initial;
|
|
--color-scale-*: initial;
|
|
}
|