ha-tabs/Views bar themeing

[leigrec]

Hello,

I am trying to restyle the existing bar at the top to look like this:

Basically bigger font size, removing the active bar indicator, and the left and right icons. I am pretty good with CSS and i can easily replicate the style - but I am lost on how to do this in HA.

Things I tried:

• Looked through all the theme variables to see if these could be used to change, nothing worked.
• card mod also doesn’t work
• i tried to use the tabs-card to replicate this, but it’s not…the same, and i couldn’t get the styling to work either

Any help would be appreciated (even buy you a cup of coffee

Thanks
Y.

[BjornPython]

Any updates on this? I hate the all capitalized tab look.

[davidnestico]

Did you figure this out?

[Jeff.Artik (Jeff)]

In your theme.yaml, add:

My Theme:
  card-mod-theme: My theme
  card-mod-root-yaml: |
    ha-tabs$: |
      #tabsContainer {
        text-transform: capitalize;
        font-size: 25px;
      }

Here is the result:

[davidnestico]

Not bad . but if theres icons those look out of place cuz they’re not resized, also need to find a way to hide the line underneath too