LukasGrebe / ha-addons

Addons for Home Assistant
GNU General Public License v3.0
42 stars 47 forks source link

Colorize icon and logo #81

Open cociweb opened 11 months ago

cociweb commented 11 months ago

Hello, HA turns the logos of the inactive containers into gray-scaled. Unfortunately, the current black&white logo does not makes any change. It is impossible to decide on the addons overview page that is it running or not. It requires an additional step to open the addon to check it's status.

I recommend to add a colorful background or colorize somehow the current black letters:

cociweb commented 10 months ago

_042f2451-99c1-4124-bdf2-2fe39f04252b

cociweb commented 10 months ago

_37c9c039-9fd0-4066-8a29-284f094c9ddc

cociweb commented 10 months ago

_d3da3e1e-f4d0-4b72-b253-ae9137c74dd4

cociweb commented 10 months ago

You can vote with thumbs up/down...

LukasGrebe commented 10 months ago

Great effort on the logo design! However, the colors might need adjustment for better visibility against a dark mode/black background. Additionally, considering heating systems uses a heat pump, maybe we could explore elements that better represent that rather than a flame in the logo design.

cociweb commented 10 months ago

oookay I'm in to let the gas flame away but.... I have some doubts about heat pumps:

About the background: I would recommend it to be white. The corners can be rounded with transparency as the original has it. The reason is that the default Lovelace UI is white. With this transparent 'Frame' on white bg. it can give good user experience on customized dark background too. The images above are just the first scratches.

Additionally, If we leave the representation of the characters (ebusd) we can earn additional space to larger graphics @LukasGrebe what is your opinion?

cociweb commented 10 months ago

Let's try another concept:

cociweb commented 10 months ago

_5976cc4b-eb6c-4cf4-9c8c-061eda6e47e6_r

cociweb commented 10 months ago

_203f0aac-34cd-4e4e-b1de-576797f3dade_r

cociweb commented 10 months ago

_88a2d910-f5d6-4e14-9e4a-edf0d7c5621a_r

cociweb commented 10 months ago

_7f299d67-72b8-481c-accc-dd1497fa712b_r

LukasGrebe commented 10 months ago

fun :D are these "just" ai generated?

how about combining the ebusd.eu logo with the home-assistant.io logo

House with squiggles inside + house with network like connections inside https://github.com/LukasGrebe/ha-addons/issues/81#issuecomment-1860006618 is close. try it on a small icon scale an see if the details are still ok if its shrunk down.

https://github.com/LukasGrebe/ha-addons/issues/81#issuecomment-1859322546 is similar and so is the first one https://github.com/LukasGrebe/ha-addons/issues/81#issuecomment-1859322420

maybe replace of the blue flame with the homeassistant logo and drop some details so it looks ok at like 50px ?

LukasGrebe commented 10 months ago

how about a horizontal wire that has the text ebusd inside or below it, the wire then bends up with a plug at the end and "plugs into" the homeassistant logo from the bottom

cociweb commented 2 weeks ago

House with squiggles inside + house with network like connections inside #81 (comment) is close. try it on a small icon scale an see if the details are still ok if its shrunk down.

I've added 128x128 as the guide suggest it: 291240361-d1f5a4c1-df94-4a2d-bd99-266be20c000d_128 it seems quite good. also on 50x50 scale: 291240361-d1f5a4c1-df94-4a2d-bd99-266be20c000d_50

maybe replace of the blue flame with the homeassistant logo

Here is the 128x128 as well: Design 2_128_128 Design 2

cociweb commented 2 weeks ago

Remember, we are not creating a logo for the original service as it already has one. We are designing a colorful logo for the add-on to help distinguish its status: active (colorful) or inactive (greyscale). Home Assistant consistently identifies add-ons with parallel names as well. image

So yes: https://github.com/LukasGrebe/ha-addons/issues/81#issuecomment-1860006618 merge the main motives for both logos without copying them. - but anyways, I'm not an UI (moreover Logo) designer. :D