You can use this component to customize the header Compact Custom Header.
The footer is something that needs to be changed in the app.
Can you share your theme? For me the header on the iPhone (where the clock is positioned) always has another color than the header of the HA menu. For your theme that is the same color, so I want to try to see if that works on my phone as well.