I’m already using card-mod and lovelace gen so I tried your suggestion. You are right, using button card for titles is somewhat overcomplicating things.
- !include
- ../includes/titles.yaml
- title: QUICK LINKS & INFOS
titles.yaml
# lovelace_gen
type: markdown
style: |
ha-card {
font-size: 20px;
font-family: Oswald;
height: 30px;
background: none;
margin-top: -0.9em;
margin-left: -10px;
margin-bottom: 0.9em;
}
content: {{ title }}
Yes exactly like this!
It’s amazing how it is possible to miss new and better way to do something simply because doing it the old way works!
However….
Is there a way to template the style elements? I can’t get it to work.
e.g.
default:
- font-size: 24px
- background: none
- box-shadow: none
card:
type: markdown
content: '[[label]]'
style: |
ha-card {
background: '[[ background ]]';
font-size: '[[ font-size ]]';
box-shadow: '[[ box-shadow ]]';
}
Hm, I wonder what the config above card is?
However I don’t think templating like that will work. Looking at the config I assume you use decluttering-card? I believe it is possible with lovelace_gen though.
You can however use jinja inside that area. I myself use it with input_selects and an automation. For example, I can change the entire theme’s border radius and box shadow by flipping a switch (input_select). You can find my repo at https://github.com/jimz011/homeassistant for some examples (warning! There is a lot on the repo!)
Anyways what you are trying to do is (to my knowledge) not possible with decluttering-card. Try it with lovelace_gen maybe like the above example by @aFFekopp.
hi, trying to understand what you’re doing here… how is this a card config?
could you please show what is above the first include? thanks!
It’s using 
Lovelace_gen - Add abilities to ui_lovelace.yaml. The include is referencing the code in titles.yaml that I have also posted.
Take a look at the Lovelace Gen documentation: Passing arguments to included files
o right, I see.
I dont use lovelace_gen thats why I was surprised by the code you posted. Just so I understand correctly, this is in fact a template using the title QUICK LINKS & INFOS as variable? Which can be done also using a decluttering template I think,
card:
type: markdown
style: |
ha-card {
font-size: 20px;
font-family: Oswald;
height: 30px;
background: none;
margin-top: -0.9em;
margin-left: -10px;
margin-bottom: 0.9em;
}
content: '[[title]]'
in this case?
Cool, thanks for pointing me to Lovelace_gen…
Correct it’s similar to decluttering templates
Hello!
I’m really inspired by all the ideas that’s been shared within this thread 
I recently decided to redo my UI and went for a cleaner look. Here is how it looks on our wall mounted tablet:
Different devices are divided into different views
Thanks again to everyone for sharing all the awesome UIs 
@aFFekopp your UI looks absolutely awesome. Would you share some more details on how you adjusted the theme and styles for buttons / cards?
Currently I am using another Dark theme but would love to change
@postlund That’s really nice!
Out of curiosity, is the house custom or is it just a generic image 
Also what are you using for the search bar?
Thanks!
I’ve aimed for simplicity 
The house is sort-of dynamic. Garage port is “open” in the image when it’s open and those sort of things. It’s a custom card I’ve made myself. The search card is also a custom card I’ve made myself.
The search card is in HACS (but you need to install cardtools for it).
Yes, I prefer simple 
No real ETA, soon-ish I hope. I’m exploring some workaround for the scanning issues since a bunch of people have problems finding their devices. It becomes a bigger problem with tvOS than before.
Wow 
Those are awesome cards Really surprised that I haven’t stumbled across those cards before, the search card is especially useful, I will definitely implement it into my UI.
Huge thanks!
You can take a look at my configuration on GitHub.
hi @N-l1 , really digging your design. Would you mind sharing how you got your setup?
Just started with HA and looking at everyone’s else’ setups for inspiration and yours stands out to me.
Thanks
