[GH-ISSUE #53] Change color and background #43

New issue

Open

opened 2026-05-07 00:17:52 +02:00 by BreizhHardware · 2 comments

BreizhHardware commented

2026-05-07 00:17:52 +02:00

Owner

Originally created by @bjornmorsman on GitHub (Mar 8, 2026).
Original GitHub issue: https://github.com/Nezz/homeassistant-visionos-theme/issues/53

Hello,

Really nice theme! Is there some way to change the color of the liquid glass? I dont like the blue color. I als want to change the background image, is that posible?

Thanks in advance

Originally created by @bjornmorsman on GitHub (Mar 8, 2026). Original GitHub issue: https://github.com/Nezz/homeassistant-visionos-theme/issues/53 Hello, Really nice theme! Is there some way to change the color of the liquid glass? I dont like the blue color. I als want to change the background image, is that posible? Thanks in advance

BreizhHardware commented

2026-05-07 00:17:53 +02:00

Author

Owner

@pizzapi2012 commented on GitHub (Mar 8, 2026):

what do you mean about blue color? if you meant the primary color, then you can use the file editor then go to /homeassistant/themes/visionos/Liquid Glass.yaml, and there is var ~~primary-background-color~~ app-theme-color in light and dark themes. You can change the background image by changing the url in background-image var.

Here is an example:

This is the original

background-image: "center / cover no-repeat fixed url('https://raw.githubusercontent.com/Nezz/homeassistant-visionos-theme/refs/heads/static/macOS_26_Light.webp')"

Modified

background-image: "center / cover no-repeat fixed url('url to new image')"

you can load images locally if you put the image in www then use /local/<file name> for the url.

@pizzapi2012 commented on GitHub (Mar 8, 2026): what do you mean about blue color? if you meant the primary color, then you can use the file editor then go to ```/homeassistant/themes/visionos/Liquid Glass.yaml```, and there is var ~~primary-background-color~~ app-theme-color in light and dark themes. You can change the background image by changing the url in background-image var. Here is an example: This is the original ```css background-image: "center / cover no-repeat fixed url('https://raw.githubusercontent.com/Nezz/homeassistant-visionos-theme/refs/heads/static/macOS_26_Light.webp')" ``` Modified ```css background-image: "center / cover no-repeat fixed url('url to new image')" ``` you can load images locally if you put the image in www then use ```/local/<file name>``` for the url.

BreizhHardware commented

2026-05-07 00:17:53 +02:00

Author

Owner

@Nezz commented on GitHub (Mar 8, 2026):

The color indeed comes from the background image and the rest is just "glass" with a very small amount of blue tint.

@Nezz commented on GitHub (Mar 8, 2026): The color indeed comes from the background image and the rest is just "glass" with a very small amount of blue tint.