Changing the color of header in slide menu template


I have installed ionic and started a project using side menu template.
I tried to change the color of slide menu and was able to do it.
Now I want to change the color of main menu header and I didn’t find any proper resource to do it.
Also please suggest some tutorial to learn ionic framework step by step
Please do help me ,as I was new to ionic framework.


The following will get what you want.

        <ion-nav-bar class="bar-positive">
            <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i>


    <!-- Left menu -->
    <ion-side-menu side="left">
        <header class="bar bar-header bar-assertive">
            <h1 class="title">App name? maybe something else</h1>
        <ion-content class="has-header">
            <div class="list">
                <a class="item item-icon-right" nav-clear menu-close ui-sref="message">
                    <span>My first sidemenu link</span>
                    <i class="icon ion-ios7-navigate-outline bg-possitive"></i>

Just change the bar-positive and bar-assertive to change your sidemenu and main view bar colors. Heres a picture


@epelc Thank u :slight_smile: That solved my query