LukasGrebe / ha-addons

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

Colorize icon and logo #81

Open cociweb opened 7 months ago

cociweb commented 7 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 6 months ago

_042f2451-99c1-4124-bdf2-2fe39f04252b

cociweb commented 6 months ago

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

cociweb commented 6 months ago

_d3da3e1e-f4d0-4b72-b253-ae9137c74dd4

cociweb commented 6 months ago

You can vote with thumbs up/down...

LukasGrebe commented 6 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 6 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 6 months ago

Let's try another concept:

cociweb commented 6 months ago

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

cociweb commented 6 months ago

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

cociweb commented 6 months ago

_88a2d910-f5d6-4e14-9e4a-edf0d7c5621a_r

cociweb commented 6 months ago

_7f299d67-72b8-481c-accc-dd1497fa712b_r

LukasGrebe commented 6 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 6 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