Flat Design for icon (replace www/images)

Moderator: leecollings

User avatar
gevaudan
Posts: 19
Joined: Wednesday 26 August 2015 12:32
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: France
Contact:

Flat Design for icon (replace www/images)

Post 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 25048 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.
Last edited by gevaudan on Wednesday 05 July 2017 14:24, edited 3 times in total.
ThinkPad
Posts: 890
Joined: Tuesday 30 September 2014 8:49
Target OS: Linux
Domoticz version: beta
Location: The Netherlands
Contact:

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

Post 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.
I am not active on this forum anymore.
User avatar
mvveelen
Posts: 686
Joined: Friday 31 October 2014 10:22
Target OS: NAS (Synology & others)
Domoticz version: Beta
Location: Hoorn, The Netherlands
Contact:

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

Post 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
Last edited by mvveelen on Thursday 27 August 2015 17:05, edited 2 times in total.
RPi3b+/RFXCOM rfxtrx433E/Shelly/Xiaomi Gateway/Philips HUE Lights/Atag Zone One/2 SunnyBoy inverters/AirconWithMe/P1 smartmeter/Domoticz latest Beta
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 Design for icon (replace www/images)

Post by remb0 »

very nice. thank you very much.
User avatar
gevaudan
Posts: 19
Joined: Wednesday 26 August 2015 12:32
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: France
Contact:

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

Post 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
User avatar
gevaudan
Posts: 19
Joined: Wednesday 26 August 2015 12:32
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: France
Contact:

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

Post 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 !
User avatar
gevaudan
Posts: 19
Joined: Wednesday 26 August 2015 12:32
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: France
Contact:

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

Post by gevaudan »

remb0 wrote:very nice. thank you very much.
You welcome.
User avatar
gevaudan
Posts: 19
Joined: Wednesday 26 August 2015 12:32
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: France
Contact:

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

Post 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 24927 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.
ThinkPad
Posts: 890
Joined: Tuesday 30 September 2014 8:49
Target OS: Linux
Domoticz version: beta
Location: The Netherlands
Contact:

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

Post 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 ;)
I am not active on this forum anymore.
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 Design for icon (replace www/images)

Post 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 ;)
User avatar
gevaudan
Posts: 19
Joined: Wednesday 26 August 2015 12:32
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: France
Contact:

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

Post 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...
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 Design for icon (replace www/images)

Post by remb0 »

Tell us :)
ThinkPad
Posts: 890
Joined: Tuesday 30 September 2014 8:49
Target OS: Linux
Domoticz version: beta
Location: The Netherlands
Contact:

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

Post 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.
I am not active on this forum anymore.
User avatar
gevaudan
Posts: 19
Joined: Wednesday 26 August 2015 12:32
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: France
Contact:

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

Post 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!
User avatar
gevaudan
Posts: 19
Joined: Wednesday 26 August 2015 12:32
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: France
Contact:

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

Post 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.
User avatar
gevaudan
Posts: 19
Joined: Wednesday 26 August 2015 12:32
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: France
Contact:

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

Post by gevaudan »

remb0 wrote:Tell us :)
May be that's coming soon... ;)
User avatar
gevaudan
Posts: 19
Joined: Wednesday 26 August 2015 12:32
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: France
Contact:

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

Post 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 .
locogek
Posts: 28
Joined: Thursday 15 October 2015 19:25
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Contact:

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

Post by locogek »

Who nice work! Will try the skin later on today. Thx a lot.

Verstuurd vanaf mijn ONE A2003 met Tapatalk
pepeEL

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

Post 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 23287 times
new icon flats.7z
(16.77 KiB) Downloaded 500 times
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 Design for icon (replace www/images)

Post by remb0 »

nice :) thank you
Post Reply

Who is online

Users browsing this forum: No registered users and 0 guests