expand icon under brave shields using incorrect colour when Privacy Report enabled

[kjozwiak]

Description

The -> icon appears to be using the incorrect colour scheme under Brave Shields when Privacy Report has been enabled.

Steps to reproduce

1. launch Brave and enabled Privacy Report via onboarding
2. once enabled, visit any website and expand the shields panel
3. notice that the -> button looks ping rather than the correct colour

Actual result

Expected result

Issue reproduces how often

100% reproducible using the STR/Cases outlined above.

Version/Channel Information:

• Can you reproduce this issue with the current Play Store version? Yes
• Can you reproduce this issue with the current Play Store Beta version? Yes
• Can you reproduce this issue with the current Play Store Nightly version? Yes

Device details

• Install type (ARM, x86):
• Device type (Phone, Tablet, Phablet):
• Android version:

Brave version

1.37.110 Chromium 100.0.4896.60

Website problems only

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

Additional information

CCing @anthonypkeane @SergeyZhukovsky @Uni-verse @srirambv

[kjozwiak]

Verification PASSED on Samsung S10+ running Android 12 using the following build(s):

Brave | 1.39.109 Chromium: 102.0.5005.50 (Official Build) (64-bit)
--- | ---
Revision | f6e2cf8f59ec714bdcff8499991d55898875f287-refs/branch-heads/5005@{#648}
OS | Android 11; Build/RP1A.200720.012

Went through the STR/Cases outlined via #22049 (comment) and ensured that the -> button is appearing correctly under Brave Shields as per the following:

1.38.113 Chromium: 101.0.4951.61 (Broken)	1.39.109 (Fixed)	1.39.109 (Fixed)