flat-blue - new metro look theme

[piokuc]

If looks ok but why you dont add it to official Domoticz ?

[SchattenMann]

never thought about it till now

[piokuc]

Good option to think about it Thanks for very good theme

[piokuc]

I found a small bugs and have suggestion to change color size on desktop as show on screen or white and blue split in half equally.
I test in chrome web browser

desktop1.jpg (143.09 KiB) Viewed 1854 times

desktop2.jpg (145.19 KiB) Viewed 1854 times

oversize.jpg (109.97 KiB) Viewed 1854 times

Oversize dimmer-change to smaller(short)

[piokuc]

Underline under tabs in settings should be black

underline1.jpg (69.99 KiB) Viewed 1854 times

underline2.jpg (72.89 KiB) Viewed 1854 times

And text on diagram shoukld be darker. Is too light

diagram text light.jpg (170.83 KiB) Viewed 1854 times

[piokuc]

Fields which user can edit should be white but fields which can not be edited shoud be darker. Color rows in table also should be white and color background. Looks better than light blue... and seemd that will be lighter.
Look on screen

field.jpg (130.22 KiB) Viewed 1851 times

tables.jpg (343.76 KiB) Viewed 1848 times

Sorry for my image but i edites it in fast time in Paint

[piokuc]

Hi
I done some changes in theme and add pull request on your gihub

[piokuc]

What do you think abou add icon for submenu ? If you accept i can send you pull request

icon submenu.jpg (150.98 KiB) Viewed 1793 times

icon submenu 2.jpg (153.45 KiB) Viewed 1791 times

[SchattenMann]

I appreciate the effort and time you've put into this.

Unfortunately I can't accept all the changes as some doesn't seem to add up to the overall look of this theme. The general idea is to keep it clean and simple: the use of blacks and too many icons simple go against that.

I've made a few changes myself, feel free to try them out

[piokuc]

But can i use your theme as base to my new theme with my future which you dont want add ?

[SchattenMann]

Sure, no problem!

[piokuc]

Ok thanks. When infinish i also share my theme but again very thanks for good job

[piokuc]

SchattenMann i have a question. Did you know how resolve problem when sensor timeout in default theme show on tab in red color. On your theme is not show as red color. Show as normal sensor which should work ok. But should be show in red color.

[SchattenMann]

Yeah that's one of the things I wanted to fix but not sure I can be done.

Problem is the "red colour" is hard coded on the widget instead of being a proper class. Not sure why it's done this way as it makes no sense to me but there's a lot of "in-line" CSS in domoticz...

Unless someone changes this to proper CSS class then this will be a PITA to fix

[piokuc]

If you find solution please send me

Second question is did you know how add to menu CHECK UPDATE icon as i add to other items in menu. I add for other by add to css example:

Code: Select all

#cHardware {
    background-image: url("/styles/blue-domo/images/hardware.png") !important;
    background-position: left center;
    background-repeat: no-repeat;
}

#cDevices {
    background-image: url("/styles/blue-domo/images/devices.png") !important;
    background-position: left center;
    background-repeat: no-repeat;
}

#cSetup {
    background-image: url("/styles/blue-domo/images/setup.png") !important;
    background-position: left center;
    background-repeat: no-repeat;

but for update is no string example

Code: Select all

cUpdate

. Sorry for my question but i am begginer in CSS.

[SchattenMann]

Yes I'm afraid there's quite a few like that where CSS is hard coded instead of using proper CSS classes

Code: Select all

li [ng-show="config.HaveUpdate"] {

}

may just work

[piokuc]

i set this:

Code: Select all

li [ng-show="config.HaveUpdate"] {
    background-image: url("/styles/blue-domo/images/update.png") !important;
    background-position: left center;
    background-repeat: no-repeat;
}

and not show icon...

EDIT
I change to:

Code: Select all

li [ng-hide="config.HaveUpdate"] {
    background-image: url("/styles/blue-domo/images/update.png") !important;
    background-position: left center;
    background-repeat: no-repeat;
}

and works ok Thanks

EDIT
But when i select mouse this item it is hide icon:
Select other menu show icon update:

1.jpg (43.19 KiB) Viewed 1711 times

select menu update hide icon:

2.jpg (34.96 KiB) Viewed 1711 times

This is my code for icon to menu update:

Code: Select all

li [ng-hide="config.HaveUpdate"], li [ng-show="config.HaveUpdate"] {
	background-image: url("/styles/blue-domo/images/update.png") !important;
    background-position: left center;
    background-repeat: no-repeat;
}

[piokuc]

Do you any idea to fix it ?

[SchattenMann]

nop

[piokuc]