nerwyn / material-rounded-theme Goto Github PK

Is your feature request related to a problem? Please describe.
When it come to get as close as possible to Google Home app, i can see 2 details :
1)Rubber band effect when scrolling on limitations
2)Top status bar and bottom nav bar colors

Describe the solution you'd like
1)Rubber band effect should be avoided on homme assistant app nav bar
2)Top status bar should be same as background
3)Bottom nav bar should be same color app nav bar

Describe alternatives you've considered
Android 14 comes with a solution that is not working for Bottom nav bar color in dev settings, it's called transparent navigation bar.

Additional context
Probably related to companion app and not themes, but is there something that can be done ?

VIDEOS

Checklist:

• [X ] I updated to the latest version available
• [ X] I cleared the cache of my browser

Release with the issue: 1.5.1

Last working release (if known):

Browser and Operating System: Android HA App/Chrome/Firefox

Description of problem: When using the "Material Rounded No Mod" theme, icons are displayed fine. When using the normal "Material Rounded" theme, icons do not appear. With the normal theme, the card-mod features does not appear to work.

Javascript errors shown in the web inspector (if applicable):

Nothing is shown as an error in Chrome web inspector.

Additional information: This issue appears in Chrome/Firefox on my desktop and in Chrome on Android as well as the the HA app. All are latest versions.

great them , plan to use it from now on, but problem is with text visibility in History period selection :

the dropdown test is almost invisible, compared to default theme 👍

It would be nice if the text was darker.
I looked at the theme yaml , but I could not work out which color variable to change!

rgds, jeff

The base color of the Material You can be set or adjusted depending on the selected background image. Wouldn't it be cool to adopt this here in HA as well?

Great work, one question: How to turn off the view names? Did not found a clew in the card-mod section.
I am asking because they are overlaying in HA companion app.

Is your feature request related to a problem? Please describe.
N/A

Describe the solution you'd like
Could we get a little more documentation on how to use the theme? It took me a while to figure out that it's a dashboard theme and not a card theme, for example. Could we get some more sample code for the light cards you show in your screenshots? An example dashboard, essentially. :)

Describe alternatives you've considered
N/A

Additional context
N/A

Latest version 1.6 installed, but was an issue with older versions, too.

I'm using the navigate function to other lovelace pages on some chip or mushroom cards and whenever I go back the navigation bar on the bottoms shrinks horizontally as shown in the video.
https://github.com/Nerwyn/material-rounded-theme/assets/98790344/a615f87c-46da-4ca4-985d-3bb8c94b574f

The problem shows on Chrome on Mac, Home Assistant App on Mac, Chrome on Android and Home Assistant app on Android.

I have about 8 pages in my dashboard. Would be nice if sideways scrolling was possible, since they all get squished together in the bottom bar on the companion app now.
It's default behaviour in the app without this theme

Is your feature request related to a problem? Please describe.
Currently if a background is defined in de Lovelace config e.g.
background: center / cover no-repeat url(/local/wallpaper.jpg)
The background is not visibile

Describe the solution you'd like
Allow the background to render behind the view. Either always or as a sub-theme.

Describe alternatives you've considered
I tried using card-mod but since the background is outside the card scope it is hard to do.

Additional context
I do understand the theme is meant to reflect the Google Home look and feel, however there might be a use-case for allow a background image to be (partly) visible.

I really like the looks of this theme. But I don't like the badge colors in a picture-element card. They look a bit pinky instead of red.

Also, in light mode I cannot see the upper navigation bar. See attached screenshot.

Can I edit these things somehow without modifying your theme yaml ? Because that would give me issues whenever I update the theme.

I love this theme and would also use the transparent option.
However, one thing should be changed: the selection window is unreadable...

Checklist:

• [ X] I updated to the latest version available
• [ X] I cleared the cache of my browser

Release with the issue:
latest

I have tried multiple browsers but cannot seem to get the bar to move down even if I install manually

Checklist:

• I updated to the latest version available
• I cleared the cache of my browser

Browser and Operating System:
Chrome latest

Description of problem:
Color / Text not readable. The Dark Blue is "Condition not passed"
Condition passed on Green is readable

Is your feature request related to a problem? Please describe.
position of the backarrow and title of a subview is off

Describe the solution you'd like
adding following code moves both items:

      .main-title {
        padding-bottom: 10px;
      }
      .mdc-icon-button {
        padding-bottom: 20px;
      }
      ha-icon-button-arrow-prev {
        padding-bottom: 10px;
        padding-left: 20px;
      }

Additional context

how it looks right now (looks way worse on an iphone 13 pro)

how it looks fixed: