Custom frontend theme.

---

I have a lot of experience with html, css. And i wanted to create a custom theme for the mobile frontend. But the problem is that i can’t find all the classes because the frontend is build by jQuery so i can’t find all the right divs/classes.

Is it possible to create something like this with the current mobile frontend (just a quick sketch)?

And some1 else just started a new home automation project, and I love his interface http://gathering.tweakers.net/forum/list_messages/1631808

I managed to get the login changed.

@sweebee
looking good so far
i still like the plain pimatic design, but why not have other alternatives!

@sweebee i also like the pimatic current design (do we want fancy things for home automation). Nevertheless the login page you did is attractive and some pimatic users will be glad to have it.

yeah, i really like the current frontend but also think some modern new UI frontend would be very fancy.
Something just like current windows or mac design (talking about opacity, clear fonts, minimal icons…) would be awesome! In my opinion your linked >gathering.tweakers< interface is way to overload.

Its just a theme, would be great if there will be different ones instead of just different colors. Maybe @sweetpi can tell me where to look for the div classes?

I like it. Looks very good. I like the block shown system!

I like the idea of being able to create custom themes as part of pimatic. I can imagine some refactoring of the Frontend is required to have a proper stylesheet template for new themes.

@sweebee: You can find the classes in the jade template: https://github.com/pimatic/pimatic-mobile-frontend/blob/master/app/views/pages/index.jade or much simpler fire up the development tools in you browser. Maybe I got your question wrong…

@Sweebee How did you change the background? i really like to change the layout and did in the past also lot of php and html but cant find where to change the CSS.

Please make a tutorial!

Anyone information about this?

Hi,

I found all the classes and according CSS files for template changes. I will post it in the how to section.

I was about to dive into the CSS when I came across with this thread but didn’t found the howto.
btw @sweebee, i love the mockup/login! where did you find the background?

Hi Sweebee,

I know this topic is very old, but I like your theme. If it is still possible with current pimatic versions, could please send me the needed files and images that you have changed?

thx Barny

Yes i have also a lot of interest…

mfg
Chris

I don’t have it anymore. Maybe we do have a great ui designer here on the forum? Would be cool to have a design based on the current devices, so I or someone else could create a custom css theme. My design skills aren’t that good.

The current design is okay, but its a little bit to much iOS 6 (just my opinion). Would be really nice to be more flexible.

@sweebee said in Custom frontend theme.:

Maybe we do have a great ui designer here on the forum?

yes, would be great to have an easy option for another gui.
and still searching for volunteers for the floorplan
https://forum.pimatic.org/topic/482/floorplan-dashboard

I played a little bit with ioBroker as frontend. It works…
There is a pimatic plugin which makes the whole pimatic config available for ioBroker. I don’t like to use IO as backend, to much config stuff, but its easy to make a floorplan basing on pimatic config.