» How to change the background and toolbar color?
C5 Extras > Support > Knowledge Base > Mobile App Theme > How to change the background and toolbar color?

For the Background Color Go to your FTP server and look for this file theme.css usually found at this path

 concrete5_root/packages/jb_mobile_app/themes/jb_mobile_app/themes/apple/theme.css 

And at line 1900 remove lines 1924 - 1927 and insert your own background-color to anything you want. So it should look like this:

BEFORE

#jqt > * { background-color: #cbd2d8; background-image: -webkit-gradient(linear, 0% 50%, 7 50%, color-stop(0%, rgba(197, 205, 212, 0)), color-stop(14.286%, rgba(197, 205, 212, 0)), color-stop(14.286%, #c5cdd4), color-stop(100%, #c5cdd4)); background-image: -webkit-linear-gradient(left, rgba(197, 205, 212, 0), rgba(197, 205, 212, 0) 1px, #c5cdd4 1px, #c5cdd4 7px); background-image: linear-gradient(left, rgba(197, 205, 212, 0), rgba(197, 205, 212, 0) 1px, #c5cdd4 1px, #c5cdd4 7px); background-size: 7px; } 

AFTER (with green background color)

#jqt > * { background-color: #E6FFDB; }

For the Toolbar Color use the same file above

And at line 1931 remove lines 1932 - 1936 and insert your own background-color to anything you want. So it should look like this:

BEFORE

#jqt .toolbar { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92a3b9), color-stop(50%, #7f93ad), color-stop(51%, #768ba7), color-stop(100%, #6d83a1)); background-image: -webkit-linear-gradient( rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), -webkit-linear-gradient(top, #92a3b9, #7f93ad 50%, #768ba7 51%, #6d83a1); background-image: linear-gradient( rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), linear-gradient(top, #92a3b9, #7f93ad 50%, #768ba7 51%, #6d83a1); -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0 1px 0 inset; box-shadow: rgba(255, 255, 255, 0.3) 0 1px 0 inset; } 

AFTER (use any color you want)

#jqt .toolbar { background-color: #009869; }