[controls refresh] Updates color control eye dropper for Dark Mode

Updates eye dropper icon for dark mode based on spec. Bug: 1125025 Change-Id: I13f8be7d4195b5ed24f781376b666668aca87c02 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2445050Reviewed-by: Ionel Popescu <iopopesc@microsoft.com> Reviewed-by: Mason Freed <masonfreed@chromium.org> Commit-Queue: Yu Han <yuzhehan@chromium.org> Cr-Commit-Position: refs/heads/master@{#813885}

[controls refresh] Updates color control eye dropper for Dark Mode
Updates eye dropper icon for dark mode based on spec. Bug: 1125025 Change-Id: I13f8be7d4195b5ed24f781376b666668aca87c02 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2445050Reviewed-by: Ionel Popescu <iopopesc@microsoft.com> Reviewed-by: Mason Freed <masonfreed@chromium.org> Commit-Queue: Yu Han <yuzhehan@chromium.org> Cr-Commit-Position: refs/heads/master@{#813885}
c9777b2b · Yu Han · Commit Bot · 195137d5 · c9777b2b · c9777b2b
Commit c9777b2b authored Oct 05, 2020 by Yu Han Committed by Commit Bot Oct 05, 2020
17 changed files
--- a/third_party/blink/renderer/core/html/forms/resources/color_picker.css
+++ b/third_party/blink/renderer/core/html/forms/resources/color_picker.css
@@ -220,6 +220,15 @@ channel-label {
    border: 1px solid #858585;
  }

+  eye-dropper {
+    background-image: -webkit-image-set(url(eye_dropper_icon_dark.svg) 1x);
+  }
+
+  eye-dropper.selected {
+    background-color: #454545;
+  }
+
+  eye-dropper:not(.selected):hover,
  format-toggler:hover {
    background-color: #545454;
  }

--- a/third_party/blink/renderer/core/html/forms/resources/eye_dropper_icon_dark.svg
+++ b/third_party/blink/renderer/core/html/forms/resources/eye_dropper_icon_dark.svg
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 24 24" width="20"><path d="M0 0h24v24H0z" fill="none"/><path fill="#FFFFFF" d="M20.71 5.63l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-3.12 3.12-1.93-1.91-1.41 1.41 1.42 1.42L3 16.25V21h4.75l8.92-8.92 1.42 1.42 1.41-1.41-1.92-1.92 3.12-3.12c.4-.4.4-1.03.01-1.42zM6.92 19L5 17.08l8.06-8.06 1.92 1.92L6.92 19z"/></svg>
\ No newline at end of file
--- a/third_party/blink/web_tests/MSANExpectations
+++ b/third_party/blink/web_tests/MSANExpectations
@@ -153,3 +153,4 @@ crbug.com/1095518 [ Linux ] crbug.com/840659 external/wpt/webrtc/simulcast/h264.

 # Sheriff 2020-10-05
 crbug.com/1134580 [ Linux ] virtual/eye-dropper/color-picker-show-eye-dropper.html [ Pass Timeout ]
+crbug.com/1134580 [ Linux ] virtual/dark-color-scheme/virtual/eye-dropper/color-picker-show-eye-dropper.html [ Pass Timeout ]
--- a/third_party/blink/web_tests/VirtualTestSuites
+++ b/third_party/blink/web_tests/VirtualTestSuites
@@ -546,9 +546,11 @@
  {
    "prefix": "dark-color-scheme",
    "bases": ["external/wpt/css/css-color-adjust/rendering/dark-color-scheme",
-              "fast/forms/color-scheme"],
+              "fast/forms/color-scheme",
+              "virtual/eye-dropper"],
    "args": ["--force-dark-mode",
-             "--enable-blink-features=CSSColorScheme,CSSColorSchemeUARendering"]
+             "--enable-blink-features=CSSColorScheme,CSSColorSchemeUARendering",
+             "--enable-features=EyeDropper"]
  },
  {
    "prefix": "appcache-origin-trial",

--- a/third_party/blink/web_tests/platform/linux/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-picker-appearance-expected.png
+++ b/third_party/blink/web_tests/platform/linux/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-picker-appearance-expected.png
--- a/third_party/blink/web_tests/platform/linux/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-suggestion-picker-appearance-expected.png
+++ b/third_party/blink/web_tests/platform/linux/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-suggestion-picker-appearance-expected.png
--- a/third_party/blink/web_tests/platform/linux/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-suggestion-picker-appearance-with-scrollbar-expected.png
+++ b/third_party/blink/web_tests/platform/linux/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-suggestion-picker-appearance-with-scrollbar-expected.png
--- a/third_party/blink/web_tests/platform/linux/virtual/dark-color-scheme/virtual/eye-dropper/color-picker-show-eye-dropper-expected.png
+++ b/third_party/blink/web_tests/platform/linux/virtual/dark-color-scheme/virtual/eye-dropper/color-picker-show-eye-dropper-expected.png
--- a/third_party/blink/web_tests/platform/mac/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-picker-appearance-expected.png
+++ b/third_party/blink/web_tests/platform/mac/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-picker-appearance-expected.png
--- a/third_party/blink/web_tests/platform/mac/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-suggestion-picker-appearance-expected.png
+++ b/third_party/blink/web_tests/platform/mac/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-suggestion-picker-appearance-expected.png
--- a/third_party/blink/web_tests/platform/mac/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-suggestion-picker-appearance-with-scrollbar-expected.png
+++ b/third_party/blink/web_tests/platform/mac/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-suggestion-picker-appearance-with-scrollbar-expected.png
--- a/third_party/blink/web_tests/platform/mac/virtual/dark-color-scheme/virtual/eye-dropper/color-picker-show-eye-dropper-expected.png
+++ b/third_party/blink/web_tests/platform/mac/virtual/dark-color-scheme/virtual/eye-dropper/color-picker-show-eye-dropper-expected.png
--- a/third_party/blink/web_tests/platform/win/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-picker-appearance-expected.png
+++ b/third_party/blink/web_tests/platform/win/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-picker-appearance-expected.png
--- a/third_party/blink/web_tests/platform/win/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-suggestion-picker-appearance-expected.png
+++ b/third_party/blink/web_tests/platform/win/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-suggestion-picker-appearance-expected.png
--- a/third_party/blink/web_tests/platform/win/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-suggestion-picker-appearance-with-scrollbar-expected.png
+++ b/third_party/blink/web_tests/platform/win/virtual/dark-color-scheme/fast/forms/color-scheme/color/color-suggestion-picker-appearance-with-scrollbar-expected.png
--- a/third_party/blink/web_tests/platform/win/virtual/dark-color-scheme/virtual/eye-dropper/color-picker-show-eye-dropper-expected.png
+++ b/third_party/blink/web_tests/platform/win/virtual/dark-color-scheme/virtual/eye-dropper/color-picker-show-eye-dropper-expected.png
--- a/third_party/blink/web_tests/virtual/eye-dropper/color-picker-show-eye-dropper.html
+++ b/third_party/blink/web_tests/virtual/eye-dropper/color-picker-show-eye-dropper.html
 <!DOCTYPE html>
 <html>
 <head>
+<meta name="color-scheme" content="light dark">
 <script>
 testRunner.waitUntilDone();
 </script>