Fixed carrets shown incorrectly as red in the Payments UI

Bug: 1127074
Change-Id: I99834a4c5efb2dd38ffea9e28f83c8d0592ca9c9
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2405572Reviewed-by: Danyao Wang <danyao@chromium.org>
Commit-Queue: Ravjit Singh Uppal <ravjit@chromium.org>
Cr-Commit-Position: refs/heads/master@{#808941}

chrome/browser/ui/views/payments/payment_sheet_view_controller.cc

@@ -50,6 +50,7 @@
 #include "ui/gfx/text_utils.h"
 #include "ui/views/border.h"
 #include "ui/views/controls/button/md_text_button.h"
+#include "ui/views/controls/color_tracking_icon_view.h"
 #include "ui/views/controls/image_view.h"
 #include "ui/views/controls/label.h"
 #include "ui/views/controls/styled_label.h"
@@ -289,14 +290,10 @@ class PaymentSheetRowBuilder {
   std::unique_ptr<PaymentRequestRowView> CreateWithChevron(
       std::unique_ptr<views::View> content_view,
       std::unique_ptr<views::View> extra_content_view) {
-    std::unique_ptr<views::ImageView> chevron =
-        std::make_unique<views::ImageView>();
-    chevron->set_can_process_events_within_subtree(false);
-    std::unique_ptr<views::Label> label =
-        std::make_unique<views::Label>(section_name_);
-    chevron->SetImage(gfx::CreateVectorIcon(
+    auto chevron = std::make_unique<views::ColorTrackingIconView>(
         views::kSubmenuArrowIcon,
-        color_utils::DeriveDefaultIconColor(label->GetEnabledColor())));
+        gfx::GetDefaultSizeOfVectorIcon(views::kSubmenuArrowIcon));
+    chevron->set_can_process_events_within_subtree(false);
     std::unique_ptr<PaymentRequestRowView> section = CreatePaymentSheetRow(
         listener_, section_name_, accessible_content_, std::move(content_view),
         std::move(extra_content_view), std::move(chevron),