Flat Design for icon (replace www/images)

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

Flat Design for icon (replace www/images)

Post by gevaudan » Thursday 27 August 2015 12:53

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.
Capture d’écran 2015-08-27 à 12.41.50.png
Final flat icon design
Capture d’écran 2015-08-27 à 12.41.50.png (297.69 KiB) Viewed 12965 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.

User avatar
ThinkPad
Posts: 1754
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 » Thursday 27 August 2015 16:34

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.
ThinkTheme - theme for Domoticz
My (Dutch) blog: http://thinkpad.tweakblogs.net - My Domoticz scripts: Bitbucket
I'm not (very) active anymore on this forum as i don't use Domoticz anymore.

User avatar
mvveelen
Posts: 637
Joined: Friday 31 October 2014 11: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 » Thursday 27 August 2015 16:43

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.
Synology DS414 DSM6.1 + RFXCOM rfxtrx433E + Xiaomi Gateway + Philips HUE Lights + Nefit Easy + Dashticz v2 + Domoticz latest Beta

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

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

Post by remb0 » Thursday 27 August 2015 16:59

very nice. thank you very much.

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

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

Post by gevaudan » Friday 28 August 2015 9:03

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
Domoticz version: 2.2563
Location: France
Contact:

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

Post by gevaudan » Friday 28 August 2015 9:12

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
Domoticz version: 2.2563
Location: France
Contact:

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

Post by gevaudan » Friday 28 August 2015 9:12

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
Domoticz version: 2.2563
Location: France
Contact:

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

Post by gevaudan » Friday 28 August 2015 10:32

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 12843 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.

User avatar
ThinkPad
Posts: 1754
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 » Friday 28 August 2015 19:46

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 ;)
ThinkTheme - theme for Domoticz
My (Dutch) blog: http://thinkpad.tweakblogs.net - My Domoticz scripts: Bitbucket
I'm not (very) active anymore on this forum as i don't use Domoticz anymore.

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

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

Post by remb0 » Friday 28 August 2015 21:47

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
Domoticz version: 2.2563
Location: France
Contact:

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

Post by gevaudan » Friday 28 August 2015 23:00

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: 817
Joined: Thursday 11 July 2013 22:21
Target OS: Raspberry Pi
Domoticz version: Beta
Location: The Netherlands
Contact:

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

Post by remb0 » Saturday 29 August 2015 12:43

Tell us :)

User avatar
ThinkPad
Posts: 1754
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 » Sunday 30 August 2015 20:42

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.
ThinkTheme - theme for Domoticz
My (Dutch) blog: http://thinkpad.tweakblogs.net - My Domoticz scripts: Bitbucket
I'm not (very) active anymore on this forum as i don't use Domoticz anymore.

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

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

Post by gevaudan » Monday 31 August 2015 9:43

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
Domoticz version: 2.2563
Location: France
Contact:

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

Post by gevaudan » Monday 31 August 2015 9:49

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
Domoticz version: 2.2563
Location: France
Contact:

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

Post by gevaudan » Monday 31 August 2015 9:55

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
Domoticz version: 2.2563
Location: France
Contact:

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

Post by gevaudan » Monday 28 September 2015 12:04

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: 37
Joined: Thursday 15 October 2015 19:25
Target OS: Raspberry Pi
Domoticz version: Beta
Contact:

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

Post by locogek » Monday 16 November 2015 16:57

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

Verstuurd vanaf mijn ONE A2003 met Tapatalk

pepeEL
Posts: 166
Joined: Monday 06 October 2014 19:16
Target OS: Raspberry Pi
Domoticz version: Beta

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

Post by pepeEL » Thursday 19 November 2015 11:30

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 11203 times
new icon flats.7z
(16.77 KiB) Downloaded 252 times
Domoticz - Raspberry Pi 2 + RaZberry Z-Wave Gen 5 + RFLink 433MHz + 1-Wire Dallas DS9490r + Raspberry GPIO

Devices: Fibaro FGS-221, 2xFibaro FGRGBWM-441, Fibaro FGWP-011, 5xElmes CTX-4H, Flamingo FA20RF, 4xANLUT Wall Plug(by JULA shop), 4xDS18b20

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

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

Post by remb0 » Sunday 06 December 2015 13:35

nice :) thank you

Post Reply

Who is online

Users browsing this forum: No registered users and 6 guests