-
-
Notifications
You must be signed in to change notification settings - Fork 963
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(admin-ui): Migrate Clarity to Tailwind #2814
base: minor
Are you sure you want to change the base?
Conversation
@davidhoeck Cool, waiting for the release. |
@nino-magazinovic yeah, we are eager to move away from the Clarity Design System. Right now we are exploring various options, how to integrate Tailwind in the best way possible. If you have any input and ideas, they are more than welcome! |
@davidhoeck The solution should have established marketing, business support, Figma design system, community, example pages and components to acceleration development on admin and storefront, integration to multiple frontend frameworks, fully extendable. Copy paste approach and clean default Vercel theme (black/white) like shadcn/ui. Options:
Resources:
In any case, do not change the Nestjs and Angular stack 🥇 |
@nino-magazinovic thanks for the great input. We are already looking at Spartan, because it provides the same approach as Shadcn does. Only problem is that they are still in alpha, which makes it unclear for me if it is mature enough to use in our platform. |
As a general suggestion for the overall setup I suggest using the ability of Tailwind to set up aliases for your colors in line with Material ui, makes it easier to modify this down the line. It's also relevant to keep track of dark mode from day one. If you can use a library that offers all of that stuff out of the box, even better. We use One of the biggest challenges I found in this space is finding a good date-time picker. This is a great direction bc it has great keyboard support: https://shadcnui-expansions.typeart.cc/docs/datetime-picker but shadcn even lacks an out of the box year selector, even though there are some good suggestions to implement that in the issues. |
@mschipperheyn yes, that's an absolute must. I also like the approach of descriptive color names way better, than just the color name itself. |
Description
This PR removes the styles of the Clarity design system and replaces them with Tailwind. Styling is done in a backwards compatible way, which means that all clarity classes will be removed.
Relates to #2903
Breaking changes
There could be some breaking changes, if extensions rely on specific Clarity classes which were not used in the Admin UI initially.
Checklist
📌 Always:
👍 Most of the time: