Custom Tab toolbar text colour is always black

Hi, I work for a software company, and we have an Android app which uses a Custom Tab to load a web page. We’ve used “CustomTabColorSchemeParams” to define “setToolBarColor” to inherit the primary colour of our app, which is dark blue (#0464C8):
CustomTabColorSchemeParams (Google Dev documentation)

Custom Tabs don’t provide a separate setting to define the colour of the text and icons on the toolbar. There is only “toolbarColor” for defining the toolbar’s background colour.

The expected behaviour, then, is that the text and icons should be white if the background colour is a dark colour, and black if the background colour is a light colour. The Custom Tabs from other browsers (Chrome, Edge, Firefox etc) work this way, and it’s the expected behaviour depicted here.

However, Samsung Internet seems to only use black text and icons on the toolbar, regardless of the background colour. So for our app, it shows the dark blue background with black text/icons, which are therefore nearly invisible and impossible to see:

In comparison, here’s how the Custom Tab looks with Chrome:

To me this feels like a bug or oversight with Samsung Internet. Can the Samsung devs improve this behaviour so that the Custom Tab toolbar text/icon colour is white, when the background colour is dark, therefore matching the behaviour of Chrome/Edge/Firefox etc?

1 Like

Hello,

Welcome to the Samsung Developers Forums!

Your issue has been forwarded to the development team. Please wait while they get back to us with your request.

Sincerely,
Samiul Hossain
Samsung Developer Relations

Hello,

Sorry for the delay in getting back to you.

The development team got back to us with your query. I am glad to share that this is a known issue and will be fixed on the next update of Samsung Internet.

Thank you for being patient. Please let us know if you have any other queries.

Sincerely,
Samiul Hossain
Samsung Developer Relations

Hi Samiul,

Thanks for the update - this is great news!

I do have one further query which is related to Custom Tabs using Samsung Internet.

According to Google’s documentation here, Samsung Internet currently does not support these two Custom Tabs options:

  • setColorScheme()
  • setDefaultColorSchemeParams()

Are there any plans for Samsung Internet to add support for these?

1 Like

Hello,

You will be pleased to know that Samsung Internet is planning to add support for both of these options in the next update.

Sincerely,
Samiul Hossain
Samsung Developer Relations

Hi @samiul.h,
I just installed Samsung Internet Beta 23.0.0.34 (ie. the “next version” from the one I reported above), and I’m happy to say that the toolbar text, in the Custom Tab, is no longer black when the toolbar colour itself is dark blue, as you can see here:

So this is a nice improvement over the initial screenshot I posted in my first comment above.

However: the ‘X’ button, the padlock icon, the share icon, and the 3-dot overflow menu button, are all a light-blue colour, instead of being white.

As a result, it’s quite difficult to see them. It doesn’t look so bad in my screenshot here, but on the phone itself - Galaxy S23 - they are not so easy to see, due to the low contrast with the background colour. And this is bad for accessibility.

Could you kindly give feedback to the devs, to please set the colour of these elements to white, so they are easy to see? Ideally these elements should be the same colour as the page name (“Loading webpage” in my screenshot here).

For comparison, look at the 2nd screenshot of my first comment above, which shows the Custom Tab from Chrome - you can see that the buttons/icons there are true white, which make them easy to see.

Thanks!

1 Like

Hi @samiul.h, just checking if you’re able to give my feedback above to the devs for further improvement? :slight_smile: Thanks!

1 Like

Hello!

Sorry for the delay in responding to you.
I have forwarded your feedback to the development team. Thank you for being patient.

Sincerely,
Samiul Hossain
Samsung Developer Relations

Hello,

The Samsung Internet team got back to me. The issue you are talking about is the basic color UX concept of Samsung Internet. It can’t be changed arbitrarily due to UX uniformity. Sorry for the inconvenience caused by this.

However, If you want to change the text & icon color of your custom tab on Samsung Internet, you can use extra color data via intent like below:

  • {Samsung Internet APPLICATION ID} + “.customtabs.NEW_TITLE_COLOR”
    => com.sec.android.app.sbrowser.customtabs.NEW_TITLE_COLOR
    put color extra as string
    => “ffffff”

Hopefully, this will be of help to you!

Sincerely,
Samiul Hossain
Samsung Developer Relations