NB: This was originally posted to community.appcelerator.com but then I was asked to post the question here. The following is a copy of what was posted at community.appcelerator.com.
https://community.appcelerator.com/topic/3683/navigationwindow-backgroundcolor-not-working
----
I'm trying to set the NavigationWindow title bar to a specific background color but whatever hex value that is put in, the rendered color is a very light shade of the color I'd like. How do I get the title bar background to be rendered in the exact color that is put in?
Rendered color (#E2EFF7):
!5192C1 ipad.jpg|thumbnail!
Expected color (#5192C1):
!5192C1 expected.jpg|thumbnail!
NB: For comparison, setting the background color to black results in a very light shade of gray (no screenshot at the moment).
"NavigationWindow": {
backgroundColor: "#5192C1"
}
<Alloy>
<!-- iPad -->
<SplitWindow id="index" platform="ios" formFactor="tablet">
<NavigationWindow>
<Require src="master" id="master" />
</NavigationWindow>
<NavigationWindow>
<Require src="detail" id="detail" />
</NavigationWindow>
</SplitWindow>
</Alloy>
Appcelerator Studio 4.3.2
iPad Air
Thank you in advance!
Thank you to @Himanshu in the community Q&A for the help. The solution was to set barColor in the app.tss.
Closing ticket as a solution was found and customer was satisfied.