The CSS code would go in the dashboard.css file, making sure that any of the same name are removed.
Here is one of the skin github pages and you can see the color background variables in the variables.yaml file:
Can anyone tell the exact path as i am not able to load the skins.
do we have to put any entry in dashboard.dash file also.
it seems like you have it placed at the right place.
you should be able to use your skin by:
Is your skin/dashboard free to download somewhere? I just started with hadashboard and need a solid starting point 
uhh, found the examples in …/conf/example_dashboards! Let’s play around!
You can always copy one of the skins I designed for the beta over to the custom_css folder, rename it and use that as a starting point too.
Got it working. Thanks.
Thanks, after some stumbling around I found the folder for skins. CSS hacking should be ok for me. I’ll have a look into the example_dashboards and the DASHBOARD.md to learn how to setup dashboards.
Just remember to always work on a copy of the existing skins in custom_css rather than on a skin directly.
Otherwise you will prevent your updates from git to work correctly.
I have been pretty busy the last week and am still hoping to get back to it and adjust some of the active/inactive icons to fit a bit better. I will try to post what I have on github today (without the wanted adjustments). I will post the the link here.
1 Like
My skins are located here:
pi@homeautomation:~/.homeassistant/appdaemon_dashboard/appdaemon/conf/custom_css/
Is this the wrong place?
The readme (DASHBOARD.md) states:
Start off by creating a directory called
custom_cssin the configuration directory, at the same level as your dashboards directory. Next, create a subdirectory incustom_cssnamed for your skin.
I start appdaemon with:
ExecStart=/usr/bin/python3 -m appdaemon.appdaemon -c /home/pi/.homeassistant/appdaemon_dashboard/appdaemon/conf/
That’s the relevant part of /etc/systemd/system/appdaemon.service
In the same directory is appdaemon.conf lying around and my “dashboards” directory too. Permissions are set ok.
Am I wrong? Syslog yells
python3[7001]: 2017-03-20 21:43:58.427284 WARNING Skin ‘test’ does not exist
If I copy custom_css to ~./homeassistant/ it all works. But that’s not what the readme told me 
@linuxlurak Here is the link to the “deathstar” skin. Please be sure to read the readme file:
1 Like
Where can I find documentation to change sizes of text, icons etc. for specific “Cards”? Currently im working on an example of a different widget but some properties dont work, so maybe a readthrough would help alot 
Thanks a lot @lordsiris. Is there something special in the readme file? Or why the special hint? cheers!
Little preview of my “Flat” UI design skin i’m currently working on.
Alot of colour only to show the options, some of the tiles do not make any sense to put them like this
20 Likes
Very nice! Sort of a cross between Material Design and Windows Aero using the best of each.
1 Like
I love your skin… u might want to take some smoother colours… but the idea is nice. Would be great having your code online …Maybe on github
Going to push it to git as soon as it is ready. About the colours they are easy to maintain in the variables.yaml, so you can set them to whatever you like. Any tips/examples about preferences for colours, so I can tweak them
The skin is based on the the skin dark_flower created by @lordsiris , i’m using the same structure as he did because it is easy to maintain/change to your desires.
Still have alot of work before it’s done as soon as it is ready I will post a URL.
Is there any way to use “Sonderzeichen” as ÄÖÜ in the widgets?
and as there are several fonts for home automation available, how to use such fonts in a custom screen?
And another question, is there any option to select a value which is in a json block?
entity: climate.og_kdt_heizkoerper
state: auto
State attributes (JSON, optional)
{
“unit_of_measurement”: “°C”,
“valve”: 0,
“operation_list”: [
“boost”,
“manual”,
“auto”
],
“temperature”: 18,
“proxy”: “rf”,
“max_temp”: 30.5,
“rssi”: -45,
“mode”: “Auto”,
“friendly_name”: “OG_KDT_Heizkoerper”,
“current_temperature”: 20.4,
“id”: “NEQ0308291”,
“min_temp”: 4.5,
“battery”: 2.9,
“operation_mode”: “auto”
}
1 Like
