iOS 7 Navigation Bar text and arrow color

Question

I want to set background for Navigation Bar to be black and all colors inside it to be white.

So, I used this code :

[[UINavigationBar appearance] setTitleTextAttributes:
     [NSDictionary dictionaryWithObjectsAndKeys:
      [UIColor whiteColor],
      NSForegroundColorAttributeName,
      [UIColor whiteColor],
      NSForegroundColorAttributeName,
      [NSValue valueWithUIOffset:UIOffsetMake(0, -1)],
      NSForegroundColorAttributeName,
      [UIFont fontWithName:@"Arial-Bold" size:0.0],
      NSFontAttributeName,
      nil]];

But back button text color, arrow and bar button have still default blue color.
How to change those colors like on image below?

try in AppDelegate if ([self.window respondsToSelector:@selector(setTintColor:)]) self.window.tintColor = [UIColor whiteColor]; — Evgeniy S
– Evgeniy S, Commented Sep 26, 2013 at 13:41
Interestingly your code worked great for me (just wanted to change the text color to white). Thanks! — William T. Mallard
– William T. Mallard, Commented Sep 14, 2014 at 19:03
@ebi some people don't like sharing. Just user a colour picker to pick it out. Or....there you go: RGB:(18, 60, 133) — pnizzle
– pnizzle, Commented Jul 17, 2015 at 7:06

Alex Cio · Accepted Answer · 2014-08-25 14:11:43Z

752

Behavior from some of the properties of UINavigationBar has changed from iOS 7. You can see in the image shown below :

enter image description here

Two beautiful links I'd like to share with you. For more details you can go through these links :

Apple Documentation for barTintColor says :

This color is made translucent by default unless you set the translucent property to NO.

Sample Code :

self.navigationController.navigationBar.barTintColor = [UIColor blackColor];
self.navigationController.navigationBar.tintColor = [UIColor whiteColor];
[self.navigationController.navigationBar 
 setTitleTextAttributes:@{NSForegroundColorAttributeName : [UIColor whiteColor]}];
self.navigationController.navigationBar.translucent = NO;

edited Aug 25, 2014 at 14:11

Alex Cio

6,0605 gold badges46 silver badges75 bronze badges

answered Sep 26, 2013 at 13:41

Bhavin

27.2k11 gold badges57 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

1110 Over a year ago

I have tried: self.nav.navigationBar.tintColor = [UIColor whiteColor]; self.nav.navigationBar.barTintColor = [UIColor colorWithRed:6.0/255.0 green:12.0/255.0 blue:19.0/255.0 alpha:1.0]; But everything is still blue.

1110 Over a year ago

I read it before but this change only text but not and arrow. It's still blue :(

Bhavin Over a year ago

@1110 : Take a look at : Using Tint Color

Bhavin Over a year ago

@Chelsea: How about this line? :

[self.navigationController.navigationBar setTitleTextAttributes:@{[UIFont fontWithName:@"YOURFONT" size:14], NSFontAttributeName}];

sam_smith Over a year ago

Don't forget you can change the tint for the entire app in the appDelegate: [[UINavigationBar appearance] setTintColor:[UIColor blackColor]];

|

John Riselvato · Accepted Answer · 2013-10-03 13:48:03Z

enter image description here

This one took me about half a day to figure out but this is what worked for me. Inside the rootViewController that initializes the navigationController, I put this code inside my viewDidAppear method:

//set bar color
[self.navigationController.navigationBar setBarTintColor:[UIColor colorWithRed:85.0/255.0 green:143.0/255.0 blue:220.0/255.0 alpha:1.0]];
//optional, i don't want my bar to be translucent
[self.navigationController.navigationBar setTranslucent:NO];
//set title and title color
[self.navigationItem setTitle:@"Title"];
[self.navigationController.navigationBar setTitleTextAttributes:[NSDictionary dictionaryWithObject:[UIColor whiteColor] forKey:UITextAttributeTextColor]];
//set back button color
[[UIBarButtonItem appearanceWhenContainedIn:[UINavigationBar class], nil] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIColor whiteColor], UITextAttributeTextColor,nil] forState:UIControlStateNormal];
//set back button arrow color
[self.navigationController.navigationBar setTintColor:[UIColor whiteColor]];

My full post on this here

If you are having problems changing the color of the back arrow, this snippet will fix the problem. At a minimum, you'll need the last line of code added to your actual rootViewController.
Yeah, John. I wasted about an hour on this yesterday as well. One problem (big problem) was that the docs were terrible in pointing out all the possible attributes. Any idea where they might be listed? TY.
Thanks @john It's overlapping my Custom Colour,Can you explain me why?
I think you should create a new question. I couldn't tell you why unless I see your code and what you are doing. @MacGeek
Thanks, it worked :). But UITextAttributeTextColor is deprecated in iOS 7, now you should use NSForegroundColorAttributeName

Adrian · Accepted Answer · 2017-09-28 18:51:59Z

38

Swift3, ios 10

To globally assign the color, in AppDelegate didFinishLaunchingWithOptions:

let textAttributes = [NSForegroundColorAttributeName:UIColor.white]
UINavigationBar.appearance().titleTextAttributes = textAttributes

Swift 4, iOS 11

let textAttributes = [NSAttributedStringKey.foregroundColor:UIColor.white]
UINavigationBar.appearance().titleTextAttributes = textAttributes

edited Sep 28, 2017 at 18:51

Adrian

16.7k20 gold badges116 silver badges190 bronze badges

answered Dec 23, 2015 at 13:38

lifeisfoo

16.5k6 gold badges80 silver badges128 bronze badges

Comments

benhorgen · Accepted Answer · 2013-10-07 14:44:56Z

21

Vin's answer worked great for me. Here is the same solution for C# developers using Xamarin.iOS/MonoTouch:

var navigationBar = NavigationController.NavigationBar; //or another reference
navigationBar.BarTintColor = UIColor.Blue;
navigationBar.TintColor = UIColor.White;
navigationBar.SetTitleTextAttributes(new UITextAttributes() { TextColor = UIColor.White });
navigationBar.Translucent = false;

answered Oct 7, 2013 at 14:44

benhorgen

2,0072 gold badges37 silver badges44 bronze badges

1 Comment

Brad Moore Over a year ago

Did not know you could set SetTitleTextAttributes the way you did.

RameshVel · Accepted Answer · 2015-02-21 11:53:30Z

12

Swift / iOS8

let textAttributes = NSMutableDictionary(capacity:1)
textAttributes.setObject(UIColor.whiteColor(), forKey: NSForegroundColorAttributeName)
navigationController?.navigationBar.titleTextAttributes = textAttributes

edited Feb 21, 2015 at 11:53

RameshVel

66.1k32 gold badges173 silver badges213 bronze badges

answered Sep 27, 2014 at 12:28

LondonGuy

11.1k12 gold badges83 silver badges160 bronze badges

1 Comment

juliensaad Over a year ago

let textAttributes = NSMutableDictionary(capacity:1) is now the correct call for the NSMutableDictionary initialization.

Sebyddd · Accepted Answer · 2016-01-31 15:25:35Z

11

[[UINavigationBar appearance] setTitleTextAttributes:@{NSForegroundColorAttributeName : [UIColor whiteColor]}];

edited Jan 31, 2016 at 15:25

Sebyddd

4,3152 gold badges41 silver badges43 bronze badges

answered Jun 28, 2014 at 21:25

Atef

2,9021 gold badge39 silver badges32 bronze badges

1 Comment

user2239333 Over a year ago

I like this approach as you can set this in AppDelegate itself, and it uses the Appearance proxy.

Ravi Gautam · Accepted Answer · 2015-07-01 11:51:50Z

7

To change color of UINavigationBar title the correct way use this code:

[self.navigationController.navigationBar setTitleTextAttributes:[NSDictionary dictionaryWithObject:[UIColor whiteColor] forKey:UITextAttributeTextColor]];

UITextAttributeTextColor is deprecated in lastest ios 7 version. Use NSForegroundColorAttributeName instead.

edited Jul 1, 2015 at 11:51

Ravi Gautam

9782 gold badges9 silver badges21 bronze badges

answered Nov 4, 2013 at 1:14

aZtraL-EnForceR

1,7882 gold badges16 silver badges19 bronze badges

Comments

OhadM · Accepted Answer · 2015-08-04 10:33:05Z

If you're looking to change the title text size and the text color you have to change the NSDictionary titleTextAttributes, for 2 of its objects:

    self.navigationController.navigationBar.titleTextAttributes = [NSDictionary dictionaryWithObjectsAndKeys:[UIFont fontWithName:@"Arial" size:13.0],NSFontAttributeName,
                                                                  [UIColor whiteColor], NSForegroundColorAttributeName, 
                                                                  nil];

grepit · Accepted Answer · 2014-01-05 23:42:02Z

I think previous answers are correct , this is another way of doing the same thing. I am sharing it here with others just in case if it becomes useful for someone. This is how you can change the text/title color for the navbar in ios7:

UIColor *red = [UIColor colorWithRed:254.0f/255.0f green:0.0f/255.0f blue:0.0f/255.0f alpha:1.0];
NSMutableDictionary *navBarTextAttributes = [NSMutableDictionary dictionaryWithCapacity:1];
[navBarTextAttributes setObject:red forKey:NSForegroundColorAttributeName ];
self.navigationController.navigationBar.titleTextAttributes = navBarTextAttributes;

Patrick · Accepted Answer · 2016-06-01 13:50:50Z

1

It seems that Accessibility controls in the iOS Settings override pretty much everything you try to do color-wise to the navigation bar buttons. Make sure you have all the settings to the default positions (set increase contrast, bold text, button shapes, etc to off) otherwise you won't see anything change. Once I did it, all the color change code started working as expected. You might not need to turn them all off, but I didn't pursue it further.

edited Jun 1, 2016 at 13:50

Patrick

1,6655 gold badges24 silver badges45 bronze badges

answered Apr 15, 2015 at 22:41

strangeluck

8569 silver badges10 bronze badges

1 Comment

Ken Roy Over a year ago

Exactly what happened to me. I was unable to change the tint color of a bar button item when "Bold Text" was on. That is not good. Now I will have to use a graphic instead :-(

Mahdi Moqadasi · Accepted Answer · 2020-02-29 11:29:16Z

0

Swift 5/iOS 13

To change color of title in controller:

UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white]

edited Feb 29, 2020 at 11:29

answered Feb 29, 2020 at 10:24

Mahdi Moqadasi

2,5274 gold badges32 silver badges58 bronze badges

Collectives™ on Stack Overflow

iOS 7 Navigation Bar text and arrow color

11 Answers 11

8 Comments

6 Comments

Comments

1 Comment

1 Comment

1 Comment

Comments

Comments

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

11 Answers 11

8 Comments

6 Comments

Comments

1 Comment

1 Comment

1 Comment

Comments

Comments

Comments

1 Comment

Comments

Linked

Related