The white gradient is quite strong. We should check with UX and update it accordingly.
Gradient specs have been updated (attached) to black instead of white.
Attached are some screenshots from patchset 1 of crrev.com/c/929995
Thanks, it looks much better! I wonder if we could get the top gradient slightly smaller. Though, I realise that we would lose the nice symmetry :)
The following revision refers to this bug: https://chromium.googlesource.com/chromium/src.git/+/1d6a54bac0af6375fa2df6adc45f3ae769c8c910 commit 1d6a54bac0af6375fa2df6adc45f3ae769c8c910 Author: Tommy Steimel <steimel@chromium.org> Date: Wed Feb 28 01:12:32 2018 Change modern media controls to dark scrim with white controls This CL modifies the modern media controls CSS to use a dark scrim and white controls for videos (besides ones with audio-only track). Bug: 776770 Change-Id: Ib07c6f53e50991698f0087a86d7b6fc97346c151 Reviewed-on: https://chromium-review.googlesource.com/929995 Commit-Queue: Tommy Steimel <steimel@chromium.org> Reviewed-by: Mounir Lamouri <mlamouri@chromium.org> Cr-Commit-Position: refs/heads/master@{#539608} [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_100_percent/modern/ic_fullscreen_exit_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_100_percent/modern/ic_fullscreen_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_100_percent/modern/ic_menu_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_100_percent/modern/ic_pause_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_100_percent/modern/ic_play_arrow_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_100_percent/modern/ic_volume_off_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_100_percent/modern/ic_volume_up_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_200_percent/modern/ic_fullscreen_exit_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_200_percent/modern/ic_fullscreen_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_200_percent/modern/ic_menu_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_200_percent/modern/ic_pause_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_200_percent/modern/ic_play_arrow_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_200_percent/modern/ic_volume_off_white.png [add] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/default_200_percent/modern/ic_volume_up_white.png [modify] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/ic_arrow_left.svg [modify] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/ic_arrow_right.svg [modify] https://crrev.com/1d6a54bac0af6375fa2df6adc45f3ae769c8c910/third_party/WebKit/Source/modules/media_controls/resources/modernMediaControls.css
Comment 1 by mlamouri@chromium.org
, Oct 23 2017