[PaymentHandler] Fix dark mode colors

The payment handler web flow view currently sets colors based on the
Chrome theme. This causes issues when the payment handler web view sets
a theme color, which overrides the payment handler header color, e.g.
the Chrome theme may be dark mode but the payment handler sets a light
theme. This patch sets the header colors based on the background (theme)
color, as close as possible to their default theme colors based on
whether the background is light or dark, while also ensuring minimum
contrast for readability and visibility where applicable.

The title text was previously being set to contrast the actual
background, but using GetColorWithMaxContrast which returns full-white
or a dark black which are unnecessarily high contrast. The other header
elements were just set colored using the chrome theme and therefore did
not correctly contrast with a custom header color.

This change is entirely gated by PaymentHandlerMinimalHeaderUX because
it is a related and somewhat complex UI change, and the logic would be
more complex to fix this across both header implementations.

Bug: 1152182
Change-Id: I5b01dbe79d7e5b32702b21eed579718275787130
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4258325
Reviewed-by: Stephen McGruer <smcgruer@chromium.org>
Commit-Queue: Nick Burris <nburris@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1107800}
1 file changed
tree: 0748ee420243f224e89efd9192341171c71107b2
  1. android_webview/
  2. apps/
  3. ash/
  4. base/
  5. build/
  6. build_overrides/
  7. buildtools/
  8. cc/
  9. chrome/
  10. chromecast/
  11. chromeos/
  12. codelabs/
  13. components/
  14. content/
  15. courgette/
  16. crypto/
  17. dbus/
  18. device/
  19. docs/
  20. extensions/
  21. fuchsia_web/
  22. gin/
  23. google_apis/
  24. google_update/
  25. gpu/
  26. headless/
  27. infra/
  28. ios/
  29. ipc/
  30. media/
  31. mojo/
  32. native_client_sdk/
  33. net/
  34. pdf/
  35. ppapi/
  36. printing/
  37. remoting/
  38. rlz/
  39. sandbox/
  40. services/
  41. skia/
  42. sql/
  43. storage/
  44. styleguide/
  45. testing/
  46. third_party/
  47. tools/
  48. ui/
  49. url/
  50. weblayer/
  51. .clang-format
  52. .clang-tidy
  53. .eslintrc.js
  54. .git-blame-ignore-revs
  55. .gitattributes
  56. .gitignore
  57. .gn
  58. .mailmap
  59. .rustfmt.toml
  60. .vpython3
  61. .yapfignore
  62. ATL_OWNERS
  63. AUTHORS
  64. BUILD.gn
  65. CODE_OF_CONDUCT.md
  66. codereview.settings
  67. DEPS
  68. DIR_METADATA
  69. LICENSE
  70. LICENSE.chromium_os
  71. OWNERS
  72. PRESUBMIT.py
  73. PRESUBMIT_test.py
  74. PRESUBMIT_test_mocks.py
  75. README.md
  76. WATCHLISTS
README.md

Logo Chromium

Chromium is an open-source browser project that aims to build a safer, faster, and more stable way for all users to experience the web.

The project's web site is https://www.chromium.org.

To check out the source code locally, don't use git clone! Instead, follow the instructions on how to get the code.

Documentation in the source is rooted in docs/README.md.

Learn how to Get Around the Chromium Source Code Directory Structure .

For historical reasons, there are some small top level directories. Now the guidance is that new top level directories are for product (e.g. Chrome, Android WebView, Ash). Even if these products have multiple executables, the code should be in subdirectories of the product.

If you found a bug, please file it at https://crbug.com/new.