Change ActionBar color from orange

Change ActionBar color from orange

by dr_ nyt -
Number of replies: 3

I am using the moodle phonegap to build an app.
I have an issue where on the site url page, the top action bar color is orange and I can't seem to change its color.

Average of ratings: -
In reply to dr_ nyt

Re: Change ActionBar color from orange

by Payman Zafar -
In ionic version, in src->theme folder there is bmma.scss file which is empty. I added the following lines:

$tabs-background: #c31262 !default;
$core-color: #22b1c4;
$core-color-init-screen: #22b1c4 !default;
$core-color-init-screen-alt: #22b1c4 !default;

The first line is for bottom menu color, and the others for changing the default orange color. Use your own color codes.

Then you should follow the next steps for ionic build, and finally copy the "build" folder from inside the "www" folder into the Phonegap directory structure, replacing the existing build folder.
Average of ratings: Useful (1)
In reply to Payman Zafar

Re: Change ActionBar color from orange

by dr_ nyt -

Thank you so much, and if it's not too much trouble, could I ask for a link to a guide detailing how to build from ionic as I'm fairly new to this and the only working solution for a custom app I've found is the PhoneGap.

In reply to Payman Zafar

Re: Change ActionBar color from orange

by Silvan H. -
How do we have to then proceed? It says 'run gulp' but idk how to get from the modified moodlemobile2 repository to the version which can be uploaded to phonegap?