flat-blue - new metro look theme

Moderator: leecollings

SchattenMann
Posts: 73
Joined: Friday 09 October 2015 19:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

flat-blue - new metro look theme

Post by SchattenMann »

Hey,

I've got tired of the boring "dark" UI and so I've spent some time creating a simple flat design for Domoticz.

It's not perfect and there's plenty of space for improvements but case anyone is interested: https://github.com/jonferreira/domoticz-flat-blue-theme

Image

Image

Image

Image
User avatar
remb0
Posts: 499
Joined: Thursday 11 July 2013 22:21
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: The Netherlands
Contact:

Re: flat-blue - new metro look theme

Post by remb0 »

Very nice.!! Thanks for sharing.
jmleglise
Posts: 192
Joined: Monday 12 January 2015 23:27
Target OS: Raspberry Pi / ODroid
Domoticz version: 2022.1
Location: FRANCE
Contact:

Re: flat-blue - new metro look theme

Post by jmleglise »

Thank you. I Will try it.
My script : https://github.com/jmleglise
RFXTRX433E: Blind Somfy RTS, Portal Somfy Evolvia, chacon IO, Oregon, PIR sensor PT2262
My Last project : Location de vacances a Ouistreham vue mer
KMTronic USB relay
Chinese Z-WAVE: Neo CoolCam
MikeF
Posts: 350
Joined: Sunday 19 April 2015 0:36
Target OS: Raspberry Pi / ODroid
Domoticz version: V2022.2
Location: UK
Contact:

Re: flat-blue - new metro look theme

Post by MikeF »

This isn't working for me. I copied the folder into domoticz/www/styles, and renamed it flat-blue. In Setup>Settings, flat-blue appears as a Theme, but selecting it doesn't change the UI. I've refreshed the browser cache and restarted Domoticz, to no avail.

Any clues?
SchattenMann
Posts: 73
Joined: Friday 09 October 2015 19:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: flat-blue - new metro look theme

Post by SchattenMann »

sounds like cache issues to me, I always have the same problem when changing themes.
if you're using Firefox you'll need to delete the offline web content (tools - options - advanced) and clear firefox cache half a dozen times
MikeF
Posts: 350
Joined: Sunday 19 April 2015 0:36
Target OS: Raspberry Pi / ODroid
Domoticz version: V2022.2
Location: UK
Contact:

Re: flat-blue - new metro look theme

Post by MikeF »

Got it - looks excellent - well done!
Derik
Posts: 1602
Joined: Friday 18 October 2013 23:33
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Arnhem/Nijmegen Nederland
Contact:

Re: flat-blue - new metro look theme

Post by Derik »

Nice looks great..

is there perhaps a option to use all this themes like the icons...
A sideload... ?
Xu4: Beta Extreme antenna RFXcomE,WU Fi Ping ip P1 Gen5 PVOutput Harmony HUE SolarmanPv OTG Winddelen Alive ESP Buienradar MySensors WOL Winddelen counting RPi: Beta SMAspot RFlinkTest Domoticz ...Different backups
SchattenMann
Posts: 73
Joined: Friday 09 October 2015 19:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: flat-blue - new metro look theme

Post by SchattenMann »

Derik wrote:Nice looks great..

is there perhaps a option to use all this themes like the icons...
A sideload... ?
not sure I understood what you mean
Derik
Posts: 1602
Joined: Friday 18 October 2013 23:33
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Arnhem/Nijmegen Nederland
Contact:

Re: flat-blue - new metro look theme

Post by Derik »

SchattenMann wrote:
Derik wrote:Nice looks great..

is there perhaps a option to use all this themes like the icons...
A sideload... ?
not sure I understood what you mean

In Domoticz there is a option to load custom icons....
I should be nice that this option works with the different themes...
Xu4: Beta Extreme antenna RFXcomE,WU Fi Ping ip P1 Gen5 PVOutput Harmony HUE SolarmanPv OTG Winddelen Alive ESP Buienradar MySensors WOL Winddelen counting RPi: Beta SMAspot RFlinkTest Domoticz ...Different backups
SchattenMann
Posts: 73
Joined: Friday 09 October 2015 19:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: flat-blue - new metro look theme

Post by SchattenMann »

you can use "custom icons" with "custom themes"...that's what I'm doing right now
Patrick
Posts: 27
Joined: Friday 01 August 2014 23:40
Target OS: Raspberry Pi / ODroid
Domoticz version: 3.5877
Location: The Netherlands
Contact:

Re: flat-blue - new metro look theme

Post by Patrick »

Very nice theme!
Just 1 issue, on my iPad the texts are placed over the icons.
Knipsel.PNG
Knipsel.PNG (13.47 KiB) Viewed 6701 times
On my computer everything is ok.
Knipsel2.PNG
Knipsel2.PNG (15.2 KiB) Viewed 6701 times
Could you please look into this?

Thanks!
SchattenMann
Posts: 73
Joined: Friday 09 October 2015 19:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: flat-blue - new metro look theme

Post by SchattenMann »

Hi,

I've jut noticed the same thing is happening to me, guess there must be some other CSS for mobile version...I'll try to take a loom and find it ASAP
SchattenMann
Posts: 73
Joined: Friday 09 October 2015 19:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: flat-blue - new metro look theme

Post by SchattenMann »

Did some improvements today but still haven't figured out why that's happening in iOS Safari, seems to be ignoring padding-top for some reason
Albsucher
Posts: 24
Joined: Wednesday 17 July 2013 23:05
Target OS: -
Domoticz version:
Contact:

Re: flat-blue - new metro look theme

Post by Albsucher »

Hello,

Any news up here?
I would like to use this skin for myself, too. Because it is not that dark as the others but looks more clean and fresh to me.

Unfortunately it still looks weitd on my iPad. Would be great if this could get fixed.
I am no programmer or css expert so i am sorry i cannot help here.

Thanks for all your time for this theme!
SchattenMann
Posts: 73
Joined: Friday 09 October 2015 19:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: flat-blue - new metro look theme

Post by SchattenMann »

I wasn't able to track down the problem or why Safari seems to be ignoring some CSS
I'll probably need help from a "proper designer" :-)
piokuc

Re: flat-blue - new metro look theme

Post by piokuc »

Very good theme :)
Very nice icon for tabs. Did you plan add this theme to official Domoticz to be in image and will be update with update Domoticz ? Maybe think about it...
SchattenMann
Posts: 73
Joined: Friday 09 October 2015 19:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: flat-blue - new metro look theme

Post by SchattenMann »

have no problems doing that although there's still a few known bugs to fix
piokuc

Re: flat-blue - new metro look theme

Post by piokuc »

And did you planin correct oversize slider for dimmer ?

Ok i am waiting to add this to image domoticz and will be update with update Domoticz :)

But icon for tabs should be use in official theme in Domoticz. Looks very nice and are very light.
But when you are planing correction your theme from bugs ?
SchattenMann
Posts: 73
Joined: Friday 09 October 2015 19:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: flat-blue - new metro look theme

Post by SchattenMann »

hmm that should be fixed on latest release, looks ok to me!
only thing pending - that I know of - is related to padding on mobile (iPad safari) view
Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest