2022.11: Card borders

EDIT: I went this route instead and also added a resource in the browser instead (the companion app doesn’t want to load new modules that way without a wipe).

Frenck’s theme is released under the MIT license, so your question is answererd

I would argue the same about running non-HA containers on docker when running Supervised.

That’s the ticket!

no-borders:
  modes:
    dark:
      text-color: '#ffffff'
  card-mod-theme: no-borders
  card-mod-root-yaml: |
    .: |
      ha-app-layout {
        --ha-card-border-width: 0px;
        --ha-card-border-radius: 1px
      }

finally gives me back my old dashboard :heart_eyes:
image

instead of this :frowning:
image

Many thanks for your advice!

1 Like

So we know how to fix borders and their radius. What about shadows?
Or maybe generally there is a link with the list of HA CSS identifiers?

are you using the HomeAssistant default theme? or any other theme?

1 Like

Do you understand that any attempts of fixing a design by themes is a WRONG way?
Wrong - at least because not all results depend on a value of some variable.

Great, thanks, that repository is helpful and self-explaining enough.

The CSS identifiers complete list is still nice to have.

He’s giving people help to change the look. No reason to get pissed off at him.

5 Likes

hm… I don’t see any issues with it.
The developers have made a design decission for their software.

You can like it - or not.
If a customization does not work anymore in the way it was before the update, you need to fix it for you.
Customization of Design elements is - afaik not the responsibility of the HA Devs.

If you want to stick to the “old HA default” theme - because you don’t like the new rounded edges, a theme can be an easy way to solve it… It is not supposed to fix any other “customization”… It should just provide what it provides. The Pre 2022.11 look.
Nothing more. :man_shrugging:

2 Likes

You misunderstood me. This is not about disrespect of helping. This is about hilighting a fact that themeing may not help.

Already said - this is not only about changing one variable.

1 Like

The theming works, the card mod also works for the default theme.

3 Likes

if you have any sugestions - then you can of course provide information what else needs / should be considered…
But replying like you did in your response isn’t in anyway helpful for me, neither for others I guess.

2 Likes

Does it work to restore old shadows?

Surely card-mod works. Let’s make people spend X hours to restore the old look. No problem. Others who disagree are free to move to another software. Freedom.

Surely I will do it. But not with a haste which is demonstrated when people say that everything may be fixed by changing some variable.

that’s HA with the default 2022.11 “default” theme:
grafik

That’s the “restore old theme” design:
grafik

That’s the “old” theme without shadows (as originally provided by Frenck)
grafik

and there’s also a theme where round cornors have been removed completely:

  • without shadows
    grafik
  • and with shadows - if you wish
    grafik

If you let me know, if anything (regarding shadows) is missing or not yet correct, I can try to solve that in the theme…

5 Likes

I will try to investigate it ASAP.

Do you by any chance now why this in themes does not work

frontend:
  themes:
    no_borders_dark:
      ha-card-border-radius: 0px
      ha-card-border-width: 0px
      ha-card-border-color: rgba(0, 0, 0, 0)
      ha-card-background: rgba(0, 0, 0, 0)
      ha-card-border-style: none
      stack-card-margin: 0
      modes:
        dark:
          text-primary-color: white
          primary-text-color: white
          secondary-text-color: white

also tried

      modes:
        dark:
          text-primary-color: white
          ha-card-primary-text-color: white
          ha-card-secondary-text-color: white

but it works with card-mod

            card_mod:
              style:
                .: |
                  ha-card {
                    --primary-text-color: white;
                    --secondary-text-color: white;
                  }

Maybe it would be better to move your issue and open a new thread? what I can say for now: The theme works for me (I’m using a theme directory), but only until I refresh the browser. I kept something in mind that there is an issue on Github.

1 Like