I made some themes :)

Share your Projects! Dashboards & Frontend
1

I downloaded the “Cyberpunk 2077” theme from HACS and then edited the file so I could customize the colors and background image.

I did not change the color names so if you decide to look at each file they won’t make sense. All I did was change the color codes and the background link.

I suggest installing HACS and then download the “Cyberpunk 2077” theme so you can follow a solid installation guide. From there you can add these files to your “themes” directory. Make sure each file has its own directory with the same name as the file. For example “hell.yaml” will be in the “hell” directory which is located in the “themes” directory.

ADDED ANIMATED WEATHER ICONS (The Waves theme from HACS is needed to make it work. It adds all the necessary weather icon files)

246565182-03dbc885-e149-4415-a472-4b6e9ae3977d
246565182-03dbc885-e149-4415-a472-4b6e9ae3977d1920×965 146 KB

246555333-a96a9836-3d7c-4513-a305-d61c1517fd3c
246555333-a96a9836-3d7c-4513-a305-d61c1517fd3c1920×965 148 KB

202352160-bbbd4419-3560-4484-b8d8-e82d6f06942e
202352160-bbbd4419-3560-4484-b8d8-e82d6f06942e1920×942 203 KB

202054379-5be49c97-0053-4da2-87de-75a242115a43
202054379-5be49c97-0053-4da2-87de-75a242115a431920×947 166 KB

201922598-8a03492d-8765-4a39-ab1f-6c9a9549cb00
201922598-8a03492d-8765-4a39-ab1f-6c9a9549cb001920×946 215 KB

201922550-11bb08e3-8023-42cb-a458-f7c06e130128
201922550-11bb08e3-8023-42cb-a458-f7c06e1301282861×1417 463 KB

201922516-9abf1c61-f574-450d-85f9-cf0c46907b87
201922516-9abf1c61-f574-450d-85f9-cf0c46907b871920×949 211 KB

I hope everyone enjoys them! :slight_smile:

4 Likes
2

Nice work!

1 Like
3

Thank you!

4

city background.PNG
city background.PNG869×832 202 KB

Thanks for sharing.
How can I get the backgrounds of the Cards transparent?

Edit: I did some testing. When I use “Waves”-Theme and switch to “8bit-city” it looks as intended until I refresh the website.

5

It looks like the cards are using the Cyberpunk theme. The Cyberpunk theme has an option to enable the custom cards. I never enabled it so I have not run into this issue. Can you disable the custom Cyberpunk setting?

1 Like
6

I uninstalled “card-mod” and now it’s working. The cards are transparent. (And the corners of the cards are round now.)

1 Like