Git Product home page Git Product logo

Comments (5)

tjcafferkey avatar tjcafferkey commented on May 9, 2024 1

Would that solution fit your needs?

I think for now I can make it work this way like you suggested, I will try anyway later (as I only work on this during my evenings).

It would be ideal though if theming for the UI library was similar to that of how tailwind in future seeing as they are intertwined I think. The more similar these configurations are the more compatible they will feel I guess (if that makes sense).

Anyhow, these are just suggestions rather than complaints I want to stress. I think you have done a great job with Rewind UI. I just like to help where I can with ideas whilst I am using it. Thank you!

from rewindui.

NickDunas avatar NickDunas commented on May 9, 2024 1

It would be ideal though if theming for the UI library was similar to that of how tailwind in future seeing as they are intertwined I think. The more similar these configurations are the more compatible they will feel I guess (if that makes sense).

Of course you are right! My only issue is that right now I have so many things that I need to do, like writing tests for all components and implementing dark mode styling so I am trying to avoid spending time on things that might not be needed by the majority of the devs that are using the library.

Anyhow, these are just suggestions rather than complaints I want to stress. I think you have done a great job with Rewind UI. I just like to help where I can with ideas whilst I am using it. Thank you!

I do need your feedback and I thank you as well for trying to help! 😄

from rewindui.

NickDunas avatar NickDunas commented on May 9, 2024

Hello Tom!

To be honest I never use primary/secondary/accent colors myself. I just go with blue/purple etc.

Could you show me one of your tailwind.config.ts files?

from rewindui.

tjcafferkey avatar tjcafferkey commented on May 9, 2024

Hi Nick!

Here is a good example from the Tailwind documentation.

I can't speak for everyone but I see a lot of people I've worked with including myself give their color names based on their context rather than the name of their color. For example your themes color of red could be used as both an error color, and a color for sale items.

I guess it's not clear on how to do this with Rewinds UI theming? Maybe I've just completely missed something though.

from rewindui.

NickDunas avatar NickDunas commented on May 9, 2024

I'm afraid that, right now, it's not possible to achieve it exactly the way you want it to be.

My approach was to use the variants for this purpose. You can define which color should be linked to the primary variant for example. In your tailwind.config.ts file though you will have to just define the colors and not primary/secondary colors.

Would that solution fit your needs?

from rewindui.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.