The best way to create a preview of the different themes? #3666
Replies: 1 comment 1 reply
-
Hi @alexis-opolka 👋🏻 Thank you for this discussion post, I loved your questions! 🔥 I asked this to my team as well and here are a couple of ideas that we think might help you to shape your project 😌 If you are building this specifically for Or another idea could be what Radix does. They have live examples on the themes page and they render the entire page with the chosen theme. https://www.radix-ui.com/ You could also look into GitHub Appearance settings and I think it is similar to what you were mentioning? (draw the shapes with their respective colour scheme somewhat like a draft) I hope these give you some ideas and let me know if you have any further questions! Thanks again for posting this discussion and good luck with your project! |
Beta Was this translation helpful? Give feedback.
-
Hi 👋🏼 ,
I'm currently working on implementing a preview of the different schemes available in Primer React and I was asking myself
what is the best way to create a React component capable of letting the user see enough differences between each scheme.
As such, I'm left with those questions and I would like to know what you think is the best way to proceed. ^-^
What are the most eye-catching elements a user typically wants to have in a preview?
Is it better to make it simple and draw the shapes with their respective colour scheme somewhat like a draft? Or is it better to create a "minified" page with actual content on it?
Is using the
useTheme
hook the good thing to do, like:What would be your answers for the above questions?
If you think I missed an interesting matter or didn't ask myself the good questions, please feel free to let me know. 😄
Beta Was this translation helpful? Give feedback.
All reactions