This post provided some great hints: Setting background for entire app.
I now have the content displaying the correct background color using this CSS:
.background, .background .pane, .background .item, .background .item-complex .item-content {
background-color: yellow;
}
and inserting the background class in the HTML:
<body ng-app="starter" animation="slide-left-right-ios7">
<!--
The nav bar that will be updated as we navigate between views.
-->
<ion-nav-bar class="bar-stable nav-title-slide-ios7 background">
<ion-nav-back-button class="button-icon icon ion-ios7-arrow-back">
Back
</ion-nav-back-button>
</ion-nav-bar>
<!--
The views will be rendered in the <ion-nav-view> directive below
Templates are in the /templates folder (but you could also
have templates inline in this html file if you'd like).
-->
<ion-nav-view class="background"></ion-nav-view>
</body>
What do I need to do to get the header and footer to also display the background color?