Page 1 of 3

Flat Design for icon (replace www/images)

Posted: Thursday 27 August 2015 12:53
by gevaudan
I purpose a "update" for icons in www/images.
My work is based from this cc sources : https://www.elegantthemes.com/blog/free ... s-for-free
I have create some icons, when doesn't exist.
Final flat icon design
Final flat icon design
Capture d’écran 2015-08-27 à 12.41.50.png (297.69 KiB) Viewed 25656 times
You can download the icons set @ : http://dl.free.fr/bpp2FOV7f - http://dl.free.fr/bpp2FOV7f vs: 1.103 (link updated 6/5/17)

Backup your www/images folder before.

Replace by my new

Restart Domoticz (don't forget you need to reset browser cache).

Enjoy.

Re: Flat Design for icon (replace www/images)

Posted: Thursday 27 August 2015 16:34
by ThinkPad
Wow! Looks really great! And i see you registered especially for this, damn you're good 8-)
Makes Domoticz look much more modern with this!

By the way, which skin do you use? ElementMedia was something from Dountill i thought, but his looks different: http://domoticz.com/forum/viewtopic.php ... 5&start=40
Can you please share your skin also? I like the total look very much!


Too bad that stuff like this has low priority for Domoticz developers. A good and modern skin makes the 'product' Domoticz so much better and attractive.

Re: Flat Design for icon (replace www/images)

Posted: Thursday 27 August 2015 16:43
by mvveelen
This certainly is nice work!

Thank you for this. I've downloaded the icons and will try it out :D

Edit: tried it and it looks great. There are only a few icons in the original style. Like the counter.png, desktop.png and a few more. Are those going to be changed in the (near) future?

Edit2: in the package there is an icon "computer.png" which you can use for the desktop.png

Re: Flat Design for icon (replace www/images)

Posted: Thursday 27 August 2015 16:59
by remb0
very nice. thank you very much.

Re: Flat Design for icon (replace www/images)

Posted: Friday 28 August 2015 9:03
by gevaudan
ThinkPad wrote:Wow! Looks really great! And i see you registered especially for this, damn you're good 8-)
Makes Domoticz look much more modern with this!

By the way, which skin do you use? ElementMedia was something from Dountill i thought, but his looks different: http://domoticz.com/forum/viewtopic.php ... 5&start=40
Can you please share your skin also? I like the total look very much!


Too bad that stuff like this has low priority for Domoticz developers. A good and modern skin makes the 'product' Domoticz so much better and attractive.
Thank you!
The work was more to associate icons and create the names (though I've made ​design ​a few).
The theme that I have used it comes to "element- dark" and is available with version 2.2563 of Domoticz

The modifiaction I however to propose a disadvantage. During an update it will restart the process of copying files...

I have not the courage to create a text file to add them via the "add icons " menu ...

Soon to be a kind soul ?

Sorry for my poor english

Re: Flat Design for icon (replace www/images)

Posted: Friday 28 August 2015 9:12
by gevaudan
mvveelen wrote:This certainly is nice work!

Thank you for this. I've downloaded the icons and will try it out :D

Edit: tried it and it looks great. There are only a few icons in the original style. Like the counter.png, desktop.png and a few more. Are those going to be changed in the (near) future?

Edit2: in the package there is an icon "computer.png" which you can use for the desktop.png
Concerning , counter.png I had no relevant idea, the creation of icons is a complicated art (I'm a young Padawan) and everything is not obvious to symbolize the same for desktop.png , the icon computer.png already being used by the switches I did not want to make it too repetitive and this will be part of a future update ...

Other icons were left as is because I do not know where they are used and I just make sure it's "logical" and "understandable".

Anyway thank you for your compliments !

Re: Flat Design for icon (replace www/images)

Posted: Friday 28 August 2015 9:12
by gevaudan
remb0 wrote:very nice. thank you very much.
You welcome.

Re: Flat Design for icon (replace www/images)

Posted: Friday 28 August 2015 10:32
by gevaudan
New Update - V1.100
Capture d’écran 2015-08-28 à 10.21.37.png
Capture d’écran 2015-08-28 à 10.21.37.png (173.15 KiB) Viewed 25535 times
- replace desktop.png (icon star, most logical than a "desktop")
- replace house.png (icon plan like google map / plan app)
- little bug corrected in camera menu (icon size)
- replace counter.png (icon speedometer)

How to Proceed (unix cmd) :
- download file : http://dl.free.fr/rPEAGIAtt (images-v1.100.zip)
- backup your images folder in Domoticz : cp -R images images.old
- unzip file : unzip-v1.100.zip
- restart Domoticz : sudo service domoticz restart
- clean your browser cache !!!

Thx for your comments.

Re: Flat Design for icon (replace www/images)

Posted: Friday 28 August 2015 19:46
by ThinkPad
Just installed the icons, looking good!

http://192.168.4.4:8084/images/add.png is still the old image btw (Green arrow when you add a device to your dashboard)
Further, i think you have replaced all icons as it looks now, good job!!!! I say: include by default in next Domoticz update ;)

Re: Flat Design for icon (replace www/images)

Posted: Friday 28 August 2015 21:47
by remb0
Maybe choosable in settings? so everyone can choose 2.0 stylish flats or the defaults??
ThinkPad wrote:Just installed the icons, looking good!

http://192.168.4.4:8084/images/add.png is still the old image btw (Green arrow when you add a device to your dashboard)
Further, i think you have replaced all icons as it looks now, good job!!!! I say: include by default in next Domoticz update ;)

Re: Flat Design for icon (replace www/images)

Posted: Friday 28 August 2015 23:00
by gevaudan
ThinkPad wrote:Just installed the icons, looking good!

http://192.168.4.4:8084/images/add.png is still the old image btw (Green arrow when you add a device to your dashboard)
Further, i think you have replaced all icons as it looks now, good job!!!! I say: include by default in next Domoticz update ;)
Very cool. I have some others idea...

Re: Flat Design for icon (replace www/images)

Posted: Saturday 29 August 2015 12:43
by remb0
Tell us :)

Re: Flat Design for icon (replace www/images)

Posted: Sunday 30 August 2015 20:42
by ThinkPad
I made this CSS-sheet to change the looks of Domoticz:

Image
Looks good together with your icons.

See my forumpost with the CSS-code here.

Re: Flat Design for icon (replace www/images)

Posted: Monday 31 August 2015 9:43
by gevaudan
ThinkPad wrote:I made this CSS-sheet to change the looks of Domoticz:

Image
Looks good together with your icons.

See my forumpost with the CSS-code here.
Very cool!

Re: Flat Design for icon (replace www/images)

Posted: Monday 31 August 2015 9:49
by gevaudan
New Update - V1.101

- replace add.png (old icon - Thx ThinkPad)
- replace uv.png (icon size error)

How to Proceed (unix cmd) :
- download file : http://dl.free.fr/qMpI4KzIb (images-v1.101.zip)
- backup your images folder in Domoticz : cp -R images images.old
- unzip file : unzip-v1.101.zip
- restart Domoticz : sudo service domoticz restart
- clean your browser cache !!!

Thx for your comments.

Re: Flat Design for icon (replace www/images)

Posted: Monday 31 August 2015 9:55
by gevaudan
remb0 wrote:Tell us :)
May be that's coming soon... ;)

Re: Flat Design for icon (replace www/images)

Posted: Monday 28 September 2015 12:04
by gevaudan
gevaudan wrote:
remb0 wrote:Tell us :)
May be that's coming soon... ;)
I'll be busy for a moment with the birth of my children ( twins) . Sorry for my absence .

Re: Flat Design for icon (replace www/images)

Posted: Monday 16 November 2015 15:57
by locogek
Who nice work! Will try the skin later on today. Thx a lot.

Verstuurd vanaf mijn ONE A2003 met Tapatalk

Re: Flat Design for icon (replace www/images)

Posted: Thursday 19 November 2015 10:30
by pepeEL
I change and add some icon... Pleqase add this to all archive and change version example to 1.102
new icons.jpg
new icons.jpg (30.07 KiB) Viewed 23895 times
new icon flats.7z
(16.77 KiB) Downloaded 507 times

Re: Flat Design for icon (replace www/images)

Posted: Sunday 06 December 2015 12:35
by remb0
nice :) thank you