Mirrorful Themes is the complete platform to generate colors, construct your themes, and export your themes directly to production code. Building dark mode has never been easier!
π Hey Product Hunt!
@alexdanilowicz and I are excited to share Mirrorful Themes with all of you!
I've spent my fair share of time implementing dark mode for apps. I found myself manually creating and maintaining these massive .css / .ts / .json files far too often. I wanted an easy visual way to generate new colors and reference them semantically (e.g. based on how they are used) in my code.
With Mirrorful, I no longer need to keep multiple files in sync and have a one-stop shop to deal with theming.
π¨ What can you do with Mirrorful Themes?
β’ Generate production-ready code that keeps your theme consistent and abstracted from business logic
β’ Add and fine-tune colors that automatically propagate throughout your app
More features and improvements to come as we proceed from our beta!
P.S. we're also open-source! Check out our Github and join our Slack community!
Congrats on the launch! This looks so useful, we have so many themes in our product that we have to support and I can see this helping us a lot. By any chance, is there a way to mock the theme of another site?
For example we have to work inside GitHub, so it would be great if we could create a theme using their existing design palette!
@eshan_agarwal1 Thanks! And that's interesting β currently there's no easy way to mock themes of other sites, but we do have shareable templates on our roadmap β e.g. being able to use community created templates as starting points, we could definitely create a Github one ;)
@sally_xu97 We do have a Figma plugin under development right now actually. If you're interested in learning more, we'd love to chat (feel free to join our Slack) to see how we can help!
Magic Patterns