"You can switch between Brave profiles here" message has a Chrome blue background

[LaurenWags]

Description

Message which says "You can switch between Brave profiles here" is in Chrome blue color. Should be a Brave color/design instead.

Steps to Reproduce

1. Create a second profile.
2. Note message on the new window of second profile is in Chrome blue color, should be Brave-ified.

Actual result:

Expected result:

The blue color should be more Brave-ified

Reproduces how often:

easily

Brave version (brave://version info)

Brave	1.44.23 Chromium: 104.0.5112.81 (Official Build) nightly (x86_64)
Revision	5b7b76419d50f583022568b6764b630f6ddc9208-refs/branch-heads/5112@{#1309}
OS	macOS Version 12.5 (Build 21G72)

Version/Channel Information:

• Can you reproduce this issue with the current release? yes, not new with C104 though
• Can you reproduce this issue with the beta channel? yes
• Can you reproduce this issue with the nightly channel? yes

Other Additional Information:

• Does the issue resolve itself when disabling Brave Shields?
• Does the issue resolve itself when disabling Brave Rewards?
• Is the issue reproducible on the latest version of Chrome?

Miscellaneous Information:

cc @rebron

[rixant]

Could you please assign me this issue?

[rebron]

cc: @aguscruiz Can you provide a color for this one.

[aguscruiz]

Added designs here:

https://www.figma.com/file/sS3l8tqUFxt54MEiBTalUI/Desktop-toolbar-and-menu?node-id=1792%3A6053

[sangwoo108]

I believe this bubble is one of what's called In-product help bubble(IPH bubble) - let me check this out again. So, the new color could be applied to all other IPHs. Is it okay or do you want to change color only for IPH on profile button?

[aguscruiz]

I think we'll be ok changing it everywhere. If you find a scenario where this wouldn't work, let me know and we can talk about it :)

[sangwoo108]

Thank you for confirmation! Let me try this one quickly.

[sangwoo108]

on dark theme

on light theme

[sangwoo108]

@aguscruiz , I was looking at color configs from the upstream and found there are more colors

kColorFeaturePromoBubbleButtonBorder <-- #DADCE0
kColorFeaturePromoBubbleDefaultButtonBackground <-- uses bubble foreground
kColorFeaturePromoBubbleDefaultButtonForeground <-- uses bubble background

Some IPH seems to have a button on it and the button color will apply what we'll change. Let's see what happens. :)

[aguscruiz]

That color seems to be the same as the browser toolbar background, that's probably it.

Just a head's up, there's something junky happening there with the border radius and also the background. Seems to be 2 different ones acting together

[sangwoo108]

That color seems to be the same as the browser toolbar background, that's probably it.

Just a head's up, there's something junky happening there with the border radius and also the background. Seems to be 2 different ones acting together

Yeah, nice catch. It seems Ink drop's radius and border radius don't match. Let me create an issue for it. #25579

[stephendonner]

Verifying as PASSED, since I logged a follow-up issue: #26290, which we can milestone-triage further, once we have a fix.