[ProfilePicker]: Update illustration + Improve css

Bug: 1063856
Fixed: 1121142
Change-Id: I8471310b8c0c3e8fb139ba5f48ee6d2f90176a41
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2367834Reviewed-by: David Roger <droger@chromium.org>
Reviewed-by: Esmael Elmoslimany <aee@chromium.org>
Commit-Queue: Monica Basta <msalama@chromium.org>
Cr-Commit-Position: refs/heads/master@{#800997}

chrome/browser/resources/signin/profile_picker/images/dark_mode_left_banner_image.svg

-<svg width="250" height="628" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44.8 159.201l-8.3 43.1c-.5 2.4 1.9 4.4 4.2 3.6l41.5-14.3c2.3-.8 2.9-3.8 1.1-5.4l-33.3-28.8c-1.8-1.6-4.7-.6-5.2 1.8z" fill="#FDD663"/><path d="M69.4 46.2L52.8 41c-1.7-.5-3.5.4-4 2.1l-5.2 16.6c-.5 1.7.4 3.5 2.1 4l16.6 5.2c1.7.5 3.5-.4 4-2.1l5.2-16.6c.5-1.7-.4-3.5-2.1-4z" stroke="#606367" stroke-width="2" stroke-miterlimit="10"/><path d="M45.2 281.3a8.6 8.6 0 10-.001-17.2 8.6 8.6 0 000 17.2z" fill="#606367"/><path d="M122 164.6a8.6 8.6 0 100-17.2 8.6 8.6 0 000 17.2z" fill="#81C995"/><path d="M60.5 536.9L22.7 528c-1.7-.4-3.4.7-3.8 2.4L10 568.1c-.4 1.7.7 3.4 2.4 3.8l37.8 8.9c1.7.4 3.4-.7 3.8-2.4l8.9-37.8c.4-1.6-.7-3.3-2.4-3.7z" fill="#FDD663"/><path d="M116.101 351.6l-17.7 11.8c-1 .6-1.5 1.7-1.4 2.9l1.4 21.2c.1 1.1.7 2.2 1.8 2.7l19.1 9.5c1 .5 2.2.4 3.2-.2l17.7-11.8c1-.6 1.5-1.7 1.4-2.9l-1.4-21.2c-.1-1.1-.7-2.2-1.8-2.7l-19.1-9.5c-1-.5-2.2-.5-3.2.2z" fill="#3D4043"/><path d="M44.5 413.399c3.6 4.8 2.6 11.6-2.2 15.3-4.8 3.7-11.6 2.6-15.3-2.2-3.6-4.8-2.6-11.6 2.2-15.3 4.8-3.7 11.7-2.6 15.3 2.2zm-23.2-12.9c-10.7 8-12.9 23.2-4.9 33.9s23.2 12.9 33.9 4.9 12.9-23.2 4.9-33.9-23.2-12.9-33.9-4.9z" fill="#F28B82"/><path d="M91.7 283.3l-28.9 36.4c-1.1 1.4-.9 3.4.5 4.5l15.1 12c1.4 1.1 3.4.9 4.5-.5l28.9-36.4c1.1-1.4.9-3.4-.5-4.5l-15.1-12c-1.4-1.1-3.4-.9-4.5.5z" fill="#8AB4F8"/><path d="M144 401.7c7.124 0 12.9-5.775 12.9-12.9 0-7.124-5.776-12.9-12.9-12.9-7.125 0-12.9 5.776-12.9 12.9 0 7.125 5.775 12.9 12.9 12.9z" fill="#FDD663"/><path d="M131.201 388.101c-.1 1.8.2 3.4.7 5l8.2-5.5c1-.6 1.5-1.7 1.4-2.9l-.5-8.4c-5.4 1.3-9.5 6-9.8 11.8z" fill="#FDE293"/><path d="M98.2 502.3c6.101-7.3 5.101-18.2-2.2-24.3-2.6-2.2-5.7-3.499-8.8-3.899l-4.4-.6c-4.3-.5-8.2-2.9-10.5-6.5l-2.9-4.3c-.6-.8-1.3-1.6-2.1-2.2-5.2-4.3-12.9-3.7-17.3 1.5S46.3 474.9 51.5 479.3c.8.7 1.7 1.2 2.5 1.6l4.7 2.1c4 1.7 7 5.101 8.3 9.201l1.3 4.199c1 3 2.8 5.8 5.4 8 7.5 6.2 18.4 5.2 24.5-2.1z" stroke="#606367" stroke-width="2" stroke-miterlimit="10"/><path d="M20.7 538.299c-1.2-.3-2.4-.5-3.6-.6l-7.2 30.6c-.4 1.6.6 3.3 2.3 3.6l29.1 6.9c.6-1.5 1.1-3.1 1.5-4.7 3.8-16-6.1-32-22.1-35.8z" fill="#FDE293"/><path d="M191 96.8c6.7-2.3 10.3-9.6 8.1-16.3-2.2-6.7-9.6-10.3-16.3-8.1l-32 10.8c-6.7 2.3-10.3 9.6-8.1 16.3 2.2 6.7 9.6 10.3 16.3 8.1l32-10.8z" fill="#3D4043"/></svg>
\ No newline at end of file
+<svg width="169" height="400" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M75.7 64.2l-16.3-5.1c-1.7-.5-3.4.4-4 2.1l-5.1 16.3c-.5 1.7.4 3.4 2.1 4l16.3 5.1c1.7.5 3.4-.4 4-2.1l5.1-16.3c.5-1.7-.5-3.4-2.1-4z" fill="#8AB4F8"/><path d="M103.8 242.1a6.9 6.9 0 100-13.8 6.9 6.9 0 000 13.8z" fill="#FDD663"/><path d="M81.3 277.3l-13 11.1c-.7.6-1 1.5-.9 2.4l3.1 16.7c.2.9.8 1.6 1.7 1.9l16.1 5.7c.9.3 1.8.1 2.5-.5l13-11.1c.7-.6 1-1.5.9-2.4l-3.1-16.7c-.2-.9-.8-1.6-1.7-1.9l-16.1-5.7c-.9-.3-1.8-.1-2.5.5zM38.9 351.3c1.6 2.1 1.2 5.2-1 6.8-2.2 1.6-5.2 1.2-6.8-1-1.6-2.1-1.2-5.2 1-6.8 2.2-1.5 5.2-1.1 6.8 1zm-10.4-5.7c-4.8 3.6-5.7 10.3-2.2 15.1 3.6 4.8 10.3 5.7 15.1 2.2 4.8-3.5 5.7-10.3 2.2-15.1-3.5-4.8-10.3-5.8-15.1-2.2z" fill="#616161"/><path d="M66.4 164l-32.2 18.6c-1.2.7-1.6 2.3-.9 3.5l7.7 13.4c.7 1.2 2.3 1.6 3.5.9l32.2-18.6c1.2-.7 1.6-2.3.9-3.5l-7.7-13.4c-.7-1.2-2.3-1.7-3.5-.9z" stroke="#81C995" stroke-width="2" stroke-miterlimit="10"/><path d="M162.1 81.9c2.8-4.9 1-11.2-3.9-14-4.9-2.8-11.2-1-14 3.9l-13.3 23.5c-2.8 4.9-1 11.2 3.9 14 4.9 2.8 11.2 1 14-3.9l13.3-23.5z" fill="#616161"/></svg>

chrome/browser/resources/signin/profile_picker/images/dark_mode_right_banner_image.svg

-<svg width="250" height="628" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M108.2 153.1c5.2 4.8 13.3 4.5 18.2-.7 4.9-5.2 4.5-13.3-.7-18.2l-24.7-23c-5.2-4.8-13.3-4.5-18.2.7-4.9 5.2-4.5 13.3.7 18.2l24.7 23z" stroke="#606367" stroke-width="2" stroke-miterlimit="10"/><path d="M178 295.9c7.124 0 12.9-5.776 12.9-12.9 0-7.125-5.776-12.9-12.9-12.9-7.125 0-12.9 5.775-12.9 12.9 0 7.124 5.775 12.9 12.9 12.9z" fill="#F28B82"/><path d="M181.301 255.701l-16.6-5.2c-1.7-.5-3.5.4-4 2.1l-5.2 16.6c-.5 1.7.4 3.5 2.1 4l16.6 5.2c1.7.5 3.5-.4 4-2.1l5.2-16.6c.5-1.6-.4-3.4-2.1-4z" fill="#3D4043"/><path d="M227.1 87.7l-16.6-5.2c-1.7-.5-3.5.4-4 2.1l-5.2 16.601c-.5 1.7.4 3.5 2.1 4l16.6 5.2c1.7.5 3.5-.4 4-2.1l5.2-16.6c.5-1.7-.4-3.5-2.1-4z" fill="#606367"/><path d="M171.2 272.1c-1.7 1.1-3.1 2.5-4.1 4.1l7.1 2.2c1.7.5 3.5-.4 4-2.1l1.9-6c-3-.5-6.1 0-8.9 1.8z" fill="#F6AEA9"/><path d="M91.4 309.1l-10.9 9c-.9.7-1.3 1.9-1.1 3l2.4 13.9c.2 1.1 1 2.1 2 2.5l13.2 4.9c1.1.4 2.3.2 3.2-.5l10.9-9c.9-.7 1.3-1.9 1.1-3l-2.4-13.9c-.2-1.1-1-2.1-2-2.5l-13.2-4.9c-1.1-.4-2.3-.2-3.2.5z" fill="#3D4043"/><path d="M201.9 173.2l-10.9 9c-.9.7-1.3 1.9-1.1 3l2.4 13.9c.2 1.1 1 2.1 2 2.5l13.2 4.9c1.1.4 2.3.2 3.2-.5l10.9-9c.9-.7 1.3-1.9 1.1-3l-2.4-13.9c-.2-1.1-1-2.1-2-2.5l-13.2-4.9c-1.1-.5-2.3-.3-3.2.5zm-24.4 404.6a8.6 8.6 0 100-17.2 8.6 8.6 0 000 17.2zm50.799-227.299c0 6-4.9 10.9-10.9 10.9s-10.9-4.9-10.9-10.9 4.9-10.9 10.9-10.9 10.9 4.9 10.9 10.9zm-10.9-24.2c-13.4 0-24.2 10.8-24.2 24.2 0 13.4 10.8 24.2 24.2 24.2 13.4 0 24.2-10.8 24.2-24.2 0-13.3-10.8-24.2-24.2-24.2z" fill="#8AB4F8"/><path d="M144.7 410l-29.5 32.5c-1.7 1.8-.7 4.8 1.7 5.3l42.9 9.3c2.4.5 4.5-1.8 3.7-4.1l-13.4-41.8c-.8-2.4-3.8-3-5.4-1.2z" fill="#3D4043"/><path d="M222.599 476.5l-36.9 28.3c-1.4 1.1-1.7 3.1-.6 4.5l11.8 15.3c1.1 1.4 3.1 1.7 4.5.6l36.9-28.3c1.4-1.1 1.7-3.1.6-4.5l-11.8-15.3c-1-1.4-3.1-1.7-4.5-.6z" stroke="#81C995" stroke-width="2" stroke-miterlimit="10"/><path d="M133 152.4c7.124 0 12.9-5.776 12.9-12.9 0-7.125-5.776-12.9-12.9-12.9-7.125 0-12.9 5.775-12.9 12.9 0 7.124 5.775 12.9 12.9 12.9z" fill="#FDD663"/><path d="M168.201 44.6c-5.1-8-15.8-10.4-23.8-5.3-2.9 1.8-5 4.4-6.4 7.2l-1.9 4c-1.8 3.9-5.2 6.9-9.4 8.1l-5 1.4c-.9.3-1.9.7-2.7 1.3-5.7 3.6-7.4 11.2-3.8 16.9 3.6 5.7 11.2 7.4 16.9 3.8.9-.6 1.7-1.2 2.3-1.9l3.4-3.9c2.8-3.3 7-5.1 11.3-5.1h4.4a17 17 0 009.2-2.7c8.3-5.1 10.6-15.8 5.5-23.8z" fill="#3D4043"/><path d="M195.7 456.001c6.7-2.3 10.299-9.6 8.099-16.3-2.3-6.7-9.599-10.3-16.299-8.1l-32 10.8c-6.7 2.3-10.3 9.6-8.1 16.3 2.3 6.7 9.6 10.3 16.3 8.1l32-10.8z" fill="#FDD663"/><path d="M146.801 454.3l13 2.8c2.4.5 4.5-1.8 3.7-4.1l-3.8-12-4.1 1.4c-5.4 1.7-8.7 6.6-8.8 11.9z" fill="#FDE293"/><path d="M123.501 130.801c-.4.5-.9 1-1.2 1.6l2.8 2.6c2.3 2.2 3.7 5.1 3.8 8.3.1 2.7-.7 5.2-2.2 7.3l1.8.9c1.7-2.4 2.5-5.3 2.4-8.3-.1-3.7-1.7-7.1-4.4-9.6l-3-2.8z" fill="#fff"/></svg>
\ No newline at end of file
+<svg width="169" height="400" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48.5 182c-2.7 0-5.4-1-7.5-3l-19.8-18.4c-2.2-2-3.4-4.8-3.5-7.7-.1-3 .9-5.8 3-8 4.2-4.5 11.2-4.7 15.7-.6l19.8 18.4c2.2 2 3.4 4.8 3.5 7.7.1 3-.9 5.8-3 8-2.3 2.4-5.2 3.6-8.2 3.6zm-19.8-38.9c-2.5 0-5.1 1-6.9 3-1.7 1.9-2.6 4.3-2.5 6.8.1 2.5 1.2 4.9 3 6.6l19.8 18.4c3.8 3.6 9.8 3.3 13.4-.5 1.7-1.9 2.6-4.3 2.5-6.8-.1-2.5-1.2-4.9-3-6.6l-19.8-18.4c-1.8-1.7-4.1-2.5-6.5-2.5z" fill="#616161"/><path d="M75.7 257.4c5.689 0 10.3-4.612 10.3-10.3 0-5.689-4.611-10.3-10.3-10.3-5.688 0-10.3 4.611-10.3 10.3 0 5.688 4.612 10.3 10.3 10.3z" fill="#8AB4F8"/><path d="M117.201 184l-8.7 7.2c-.7.6-1 1.5-.9 2.4l1.9 11.1c.2.9.8 1.7 1.6 2l10.6 3.9c.9.3 1.8.2 2.5-.4l8.7-7.2c.7-.6 1-1.5.9-2.4l-1.9-11.1c-.2-.9-.8-1.7-1.6-2l-10.6-3.9c-.8-.3-1.8-.1-2.5.4z" fill="#FDD663"/><path d="M111.599 376.2a6.9 6.9 0 100-13.8 6.9 6.9 0 000 13.8zM141.1 282.6l-33.9 9.1c-1.9.5-2.5 2.9-1.1 4.3l24.8 24.8c1.4 1.4 3.8.8 4.3-1.1l9.1-33.9c.5-2-1.3-3.7-3.2-3.2z" fill="#616161"/><path d="M91.8 65.1c-3.4 1.8-5.5 4.8-6.2 8.2-.5 2.3-1.8 4.3-3.7 5.6l-.9.6c-1.9 1.3-4.3 1.6-6.6 1.2-3.4-.7-7 .1-10 2.5-4.4 3.5-5.8 9.9-3.2 14.9 3.3 6.601 11.5 8.601 17.5 4.701 2.8-1.8 4.6-4.6 5.2-7.6.5-2.2 1.8-4.2 3.7-5.5l.9-.6c1.9-1.3 4.2-1.7 6.5-1.2 3 .6 6.301.1 9.101-1.7 6-3.9 7.4-12.3 2.7-17.9-3.7-4.6-10-5.8-15-3.2z" stroke="#81C995" stroke-width="2" stroke-miterlimit="10"/></svg>

chrome/browser/resources/signin/profile_picker/images/left_banner_image.svg

-<svg xmlns="http://www.w3.org/2000/svg" width="250" height="628" fill="none"><path d="M44.8 159.201l-8.3 43.1c-.5 2.4 1.9 4.4 4.2 3.6l41.5-14.3c2.3-.8 2.9-3.8 1.1-5.4l-33.3-28.8c-1.8-1.6-4.7-.6-5.2 1.8z" fill="#FBBC05"/><path d="M69.4 46.2L52.8 41c-1.7-.5-3.5.4-4 2.1l-5.2 16.6c-.5 1.7.4 3.5 2.1 4l16.6 5.2c1.7.5 3.5-.4 4-2.1l5.2-16.6c.5-1.7-.4-3.5-2.1-4z" stroke="#E8EAED" stroke-width="2" stroke-miterlimit="10"/><path d="M45.2 281.3a8.6 8.6 0 10-.001-17.2 8.6 8.6 0 000 17.2z" fill="#E8EAED"/><path d="M122 164.6a8.6 8.6 0 100-17.2 8.6 8.6 0 000 17.2z" fill="#34A853"/><path d="M60.5 536.9L22.7 528c-1.7-.4-3.4.7-3.8 2.4L10 568.1c-.4 1.7.7 3.4 2.4 3.8l37.8 8.9c1.7.4 3.4-.7 3.8-2.4l8.9-37.8c.4-1.6-.7-3.3-2.4-3.7z" fill="#FBBC05"/><path d="M116.101 351.6l-17.7 11.8c-1 .6-1.5 1.7-1.4 2.9l1.4 21.2c.1 1.1.7 2.2 1.8 2.7l19.1 9.5c1 .5 2.2.4 3.2-.2l17.7-11.8c1-.6 1.5-1.7 1.4-2.9l-1.4-21.2c-.1-1.1-.7-2.2-1.8-2.7l-19.1-9.5c-1-.5-2.2-.5-3.2.2z" fill="#F1F3F4"/><path d="M44.5 413.399c3.6 4.8 2.6 11.6-2.2 15.3-4.8 3.7-11.6 2.6-15.3-2.2-3.6-4.8-2.6-11.6 2.2-15.3 4.8-3.7 11.7-2.6 15.3 2.2zm-23.2-12.9c-10.7 8-12.9 23.2-4.9 33.9s23.2 12.9 33.9 4.9 12.9-23.2 4.9-33.9-23.2-12.9-33.9-4.9z" fill="#EA4335"/><path d="M91.7 283.3l-28.9 36.4c-1.1 1.4-.9 3.4.5 4.5l15.1 12c1.4 1.1 3.4.9 4.5-.5l28.9-36.4c1.1-1.4.9-3.4-.5-4.5l-15.1-12c-1.4-1.1-3.4-.9-4.5.5z" fill="#4285F4"/><path d="M144 401.7c7.124 0 12.9-5.775 12.9-12.9 0-7.124-5.776-12.9-12.9-12.9-7.125 0-12.9 5.776-12.9 12.9 0 7.125 5.775 12.9 12.9 12.9z" fill="#FBBC05"/><path d="M131.201 388.101c-.1 1.8.2 3.4.7 5l8.2-5.5c1-.6 1.5-1.7 1.4-2.9l-.5-8.4c-5.4 1.3-9.5 6-9.8 11.8z" fill="#fff"/><path d="M98.2 502.3c6.101-7.3 5.101-18.2-2.2-24.3-2.6-2.2-5.7-3.499-8.8-3.899l-4.4-.6c-4.3-.5-8.2-2.9-10.5-6.5l-2.9-4.3c-.6-.8-1.3-1.6-2.1-2.2-5.2-4.3-12.9-3.7-17.3 1.5S46.3 474.9 51.5 479.3c.8.7 1.7 1.2 2.5 1.6l4.7 2.1c4 1.7 7 5.101 8.3 9.201l1.3 4.199c1 3 2.8 5.8 5.4 8 7.5 6.2 18.4 5.2 24.5-2.1z" stroke="#E8EAED" stroke-width="2" stroke-miterlimit="10"/><path d="M20.7 538.299c-1.2-.3-2.4-.5-3.6-.6l-7.2 30.6c-.4 1.6.6 3.3 2.3 3.6l29.1 6.9c.6-1.5 1.1-3.1 1.5-4.7 3.8-16-6.1-32-22.1-35.8z" fill="#FCC934"/><path d="M191 96.8c6.7-2.3 10.3-9.6 8.1-16.3-2.2-6.7-9.6-10.3-16.3-8.1l-32 10.8c-6.7 2.3-10.3 9.6-8.1 16.3 2.2 6.7 9.6 10.3 16.3 8.1l32-10.8z" fill="#F1F3F4"/></svg>
\ No newline at end of file
+<svg width="169" height="400" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M75.7 64.2l-16.3-5.1c-1.7-.5-3.4.4-4 2.1l-5.1 16.3c-.5 1.7.4 3.4 2.1 4l16.3 5.1c1.7.5 3.4-.4 4-2.1l5.1-16.3c.5-1.7-.5-3.4-2.1-4z" fill="#4285F4"/><path d="M103.8 242.101a6.9 6.9 0 100-13.8 6.9 6.9 0 000 13.8z" fill="#FBBC05"/><path d="M81.3 277.3l-13 11.1c-.7.6-1 1.5-.9 2.4l3.1 16.7c.2.9.8 1.6 1.7 1.9l16.1 5.7c.9.3 1.8.1 2.5-.5l13-11.1c.7-.6 1-1.5.9-2.4l-3.1-16.7c-.2-.9-.8-1.6-1.7-1.9l-16.1-5.7c-.9-.3-1.8-.1-2.5.5zM38.9 351.301c1.6 2.1 1.2 5.2-1 6.8-2.2 1.6-5.2 1.2-6.8-1-1.6-2.1-1.2-5.2 1-6.8 2.2-1.5 5.2-1.1 6.8 1zm-10.4-5.7c-4.8 3.6-5.7 10.3-2.2 15.1 3.6 4.8 10.3 5.7 15.1 2.2 4.8-3.5 5.7-10.3 2.2-15.1-3.5-4.8-10.3-5.8-15.1-2.2z" fill="#F1F3F4"/><path d="M66.4 164l-32.2 18.6c-1.2.7-1.6 2.3-.9 3.5l7.7 13.4c.7 1.2 2.3 1.6 3.5.9l32.2-18.6c1.2-.7 1.6-2.3.9-3.5l-7.7-13.4c-.7-1.2-2.3-1.7-3.5-.9z" stroke="#34A853" stroke-width="2" stroke-miterlimit="10"/><path d="M162.1 81.9c2.8-4.9 1-11.2-3.9-14-4.9-2.8-11.2-1-14 3.9l-13.3 23.5c-2.8 4.9-1 11.2 3.9 14 4.9 2.8 11.2 1 14-3.9l13.3-23.5z" fill="#F1F3F4"/></svg>

chrome/browser/resources/signin/profile_picker/images/right_banner_image.svg

-<svg xmlns="http://www.w3.org/2000/svg" width="250" height="628" fill="none"><path d="M108.2 153.1c5.2 4.8 13.3 4.5 18.2-.7 4.9-5.2 4.5-13.3-.7-18.2l-24.7-23c-5.2-4.8-13.3-4.5-18.2.7-4.9 5.2-4.5 13.3.7 18.2l24.7 23z" stroke="#E8EAED" stroke-width="2" stroke-miterlimit="10"/><path d="M178 295.9c7.124 0 12.9-5.776 12.9-12.9 0-7.125-5.776-12.9-12.9-12.9-7.125 0-12.9 5.775-12.9 12.9 0 7.124 5.775 12.9 12.9 12.9z" fill="#EA4335"/><path d="M181.301 255.701l-16.6-5.2c-1.7-.5-3.5.4-4 2.1l-5.2 16.6c-.5 1.7.4 3.5 2.1 4l16.6 5.2c1.7.5 3.5-.4 4-2.1l5.2-16.6c.5-1.6-.4-3.4-2.1-4z" fill="#F1F3F4"/><path d="M227.1 87.7l-16.6-5.2c-1.7-.5-3.5.4-4 2.1l-5.2 16.601c-.5 1.7.4 3.5 2.1 4l16.6 5.2c1.7.5 3.5-.4 4-2.1l5.2-16.6c.5-1.7-.4-3.5-2.1-4z" fill="#E8EAED"/><path d="M171.2 272.1c-1.7 1.1-3.1 2.5-4.1 4.1l7.1 2.2c1.7.5 3.5-.4 4-2.1l1.9-6c-3-.5-6.1 0-8.9 1.8z" fill="#fff"/><path d="M91.4 309.1l-10.9 9c-.9.7-1.3 1.9-1.1 3l2.4 13.9c.2 1.1 1 2.1 2 2.5l13.2 4.9c1.1.4 2.3.2 3.2-.5l10.9-9c.9-.7 1.3-1.9 1.1-3l-2.4-13.9c-.2-1.1-1-2.1-2-2.5l-13.2-4.9c-1.1-.4-2.3-.2-3.2.5z" fill="#F1F3F4"/><path d="M201.9 173.2l-10.9 9c-.9.7-1.3 1.9-1.1 3l2.4 13.9c.2 1.1 1 2.1 2 2.5l13.2 4.9c1.1.4 2.3.2 3.2-.5l10.9-9c.9-.7 1.3-1.9 1.1-3l-2.4-13.9c-.2-1.1-1-2.1-2-2.5l-13.2-4.9c-1.1-.5-2.3-.3-3.2.5zm-24.4 404.6a8.6 8.6 0 100-17.2 8.6 8.6 0 000 17.2zm50.799-227.299c0 6-4.9 10.9-10.9 10.9s-10.9-4.9-10.9-10.9 4.9-10.9 10.9-10.9 10.9 4.9 10.9 10.9zm-10.9-24.2c-13.4 0-24.2 10.8-24.2 24.2 0 13.4 10.8 24.2 24.2 24.2 13.4 0 24.2-10.8 24.2-24.2 0-13.3-10.8-24.2-24.2-24.2z" fill="#4285F4"/><path d="M144.7 410l-29.5 32.5c-1.7 1.8-.7 4.8 1.7 5.3l42.9 9.3c2.4.5 4.5-1.8 3.7-4.1l-13.4-41.8c-.8-2.4-3.8-3-5.4-1.2z" fill="#F1F3F4"/><path d="M222.599 476.5l-36.9 28.3c-1.4 1.1-1.7 3.1-.6 4.5l11.8 15.3c1.1 1.4 3.1 1.7 4.5.6l36.9-28.3c1.4-1.1 1.7-3.1.6-4.5l-11.8-15.3c-1-1.4-3.1-1.7-4.5-.6z" stroke="#34A853" stroke-width="2" stroke-miterlimit="10"/><path d="M133 152.4c7.124 0 12.9-5.776 12.9-12.9 0-7.125-5.776-12.9-12.9-12.9-7.125 0-12.9 5.775-12.9 12.9 0 7.124 5.775 12.9 12.9 12.9z" fill="#FBBC05"/><path d="M168.201 44.6c-5.1-8-15.8-10.4-23.8-5.3-2.9 1.8-5 4.4-6.4 7.2l-1.9 4c-1.8 3.9-5.2 6.9-9.4 8.1l-5 1.4c-.9.3-1.9.7-2.7 1.3-5.7 3.6-7.4 11.2-3.8 16.9 3.6 5.7 11.2 7.4 16.9 3.8.9-.6 1.7-1.2 2.3-1.9l3.4-3.9c2.8-3.3 7-5.1 11.3-5.1h4.4a17 17 0 009.2-2.7c8.3-5.1 10.6-15.8 5.5-23.8z" fill="#F1F3F4"/><path d="M195.7 456.001c6.7-2.3 10.299-9.6 8.099-16.3-2.3-6.7-9.599-10.3-16.299-8.1l-32 10.8c-6.7 2.3-10.3 9.6-8.1 16.3 2.3 6.7 9.6 10.3 16.3 8.1l32-10.8z" fill="#FBBC05"/><path d="M146.801 454.3l13 2.8c2.4.5 4.5-1.8 3.7-4.1l-3.8-12-4.1 1.4c-5.4 1.7-8.7 6.6-8.8 11.9z" fill="#34A853"/><path d="M123.501 130.801c-.4.5-.9 1-1.2 1.6l2.8 2.6c2.3 2.2 3.7 5.1 3.8 8.3.1 2.7-.7 5.2-2.2 7.3l1.8.9c1.7-2.4 2.5-5.3 2.4-8.3-.1-3.7-1.7-7.1-4.4-9.6l-3-2.8z" fill="#fff"/></svg>
\ No newline at end of file
+<svg width="169" height="400" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48.5 181.999c-2.7 0-5.4-1-7.5-3l-19.8-18.4c-2.2-2-3.4-4.8-3.5-7.7-.1-3 .9-5.8 3-8 4.2-4.5 11.2-4.7 15.7-.6l19.8 18.4c2.2 2 3.4 4.8 3.5 7.7.1 3-.9 5.8-3 8-2.3 2.4-5.2 3.6-8.2 3.6zm-19.8-38.9c-2.5 0-5.1 1-6.9 3-1.7 1.9-2.6 4.3-2.5 6.8.1 2.5 1.2 4.9 3 6.6l19.8 18.4c3.8 3.6 9.8 3.3 13.4-.5 1.7-1.9 2.6-4.3 2.5-6.8-.1-2.5-1.2-4.9-3-6.6l-19.8-18.4c-1.8-1.7-4.1-2.5-6.5-2.5z" fill="#E8EAED"/><path d="M75.7 257.401c5.689 0 10.3-4.612 10.3-10.3 0-5.689-4.611-10.3-10.3-10.3-5.688 0-10.3 4.611-10.3 10.3 0 5.688 4.612 10.3 10.3 10.3z" fill="#4285F4"/><path d="M117.201 184l-8.7 7.2c-.7.6-1 1.5-.9 2.4l1.9 11.1c.2.9.8 1.7 1.6 2l10.6 3.9c.9.3 1.8.2 2.5-.4l8.7-7.2c.7-.6 1-1.5.9-2.4l-1.9-11.1c-.2-.9-.8-1.7-1.6-2l-10.6-3.9c-.8-.3-1.8-.1-2.5.4z" fill="#FBBC05"/><path d="M111.599 376.2a6.9 6.9 0 100-13.8 6.9 6.9 0 000 13.8zM141.1 282.6l-33.9 9.1c-1.9.5-2.5 2.9-1.1 4.3l24.8 24.8c1.4 1.4 3.8.8 4.3-1.1l9.1-33.9c.5-2-1.3-3.7-3.2-3.2z" fill="#F1F3F4"/><path d="M91.8 65.1c-3.4 1.8-5.5 4.8-6.2 8.2-.5 2.3-1.8 4.3-3.7 5.6l-.9.6c-1.9 1.3-4.3 1.6-6.6 1.2-3.4-.7-7 .1-10 2.5-4.4 3.5-5.8 9.9-3.2 14.9 3.3 6.601 11.5 8.601 17.5 4.701 2.8-1.8 4.6-4.6 5.2-7.6.5-2.2 1.8-4.2 3.7-5.5l.9-.6c1.9-1.3 4.2-1.7 6.5-1.2 3 .6 6.301.1 9.101-1.7 6-3.9 7.4-12.3 2.7-17.9-3.7-4.6-10-5.8-15-3.2z" stroke="#34A853" stroke-width="2" stroke-miterlimit="10"/></svg>

chrome/browser/resources/signin/profile_picker/profile_picker.html

@@ -7,6 +7,10 @@
   </head>
   <body>
     <style>
+      body {
+        margin: 0;
+      }
+
       @media (prefers-color-scheme: dark) {
         html {
           background: var(--md-background-color);

chrome/browser/resources/signin/profile_picker/profile_picker_app.html

@@ -4,6 +4,11 @@
     font-size: 100%;
     margin: 0;
   }
+
+  cr-view-manager > [slot='view'] {
+    min-height: var(--view-min-size);
+    min-width: var(--view-min-size);
+  }
 </style>
 <cr-view-manager id="viewManager">
   <profile-picker-main-view id="mainView" slot="view">

chrome/browser/resources/signin/profile_picker/profile_picker_app.js

@@ -8,6 +8,7 @@ import './profile_picker_main_view.js';
 import './profile_picker_shared_css.js';
 
 import {assert, assertNotReached} from 'chrome://resources/js/assert.m.js';
+import {loadTimeData} from 'chrome://resources/js/load_time_data.m.js';
 import {html, Polymer} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';
 
 import {AutogeneratedThemeColorInfo, ManageProfilesBrowserProxy, ManageProfilesBrowserProxyImpl} from './manage_profiles_browser_proxy.js';
@@ -45,6 +46,11 @@ Polymer({
         ManageProfilesBrowserProxyImpl.getInstance();
   },
 
+  /** @override */
+  attached() {
+    this.setMinimumSize_();
+  },
+
   /**
    * @param {Routes} route
    * @param {string} step
@@ -99,4 +105,10 @@ Polymer({
     this.newProfileThemeInfo = await this.manageProfilesBrowserProxy_
                                    .getNewProfileSuggestedThemeInfo();
   },
+
+  /** @private */
+  setMinimumSize_() {
+    this.style.setProperty(
+        '--view-min-size', loadTimeData.getString('minimumPickerSize'));
+  },
 });

chrome/browser/resources/signin/profile_picker/profile_picker_main_view.html

 <style include="profile-picker-shared">
   :host {
     --avatar-icon-size: 74px;
-    --banner-img-height: 628px;
-    --banner-img-width: 250px;
-    min-height: var(--view-min-size);
-    min-width: var(--view-min-size);
+    --banner-img-height: 400px;
+    --banner-img-width: 169px;
   }
 
   .banner {
@@ -28,12 +26,14 @@
 
   .title-container {
     margin: 30px auto 0 auto;
+    padding-inline-end: calc(var(--banner-img-width) - 10px);
+    padding-inline-start: calc(var(--banner-img-width) - 10px);
     text-align: center;
   }
 
   #wrapper {
     display: flex;
-    height: calc(max(100vh, var(--main-view-min-height)) - 260px);
+    height: calc(max(100vh, var(--view-min-size)) - 290px);
     margin-inline-end: 140px;
     margin-inline-start: 140px;
   }

chrome/browser/resources/signin/profile_picker/profile_picker_main_view.js

@@ -62,7 +62,6 @@ Polymer({
 
   /** @override */
   attached() {
-    this.setMinimumSize_();
     this.addWebUIListener(
         'profiles-list-changed', this.handleProfilesListChanged_.bind(this));
     this.addWebUIListener(
@@ -125,10 +124,4 @@ Polymer({
       }
     }
   },
-
-  /** @private */
-  setMinimumSize_() {
-    this.style.setProperty(
-        '--view-min-size', loadTimeData.getString('minimumPickerSize'));
-  },
 });

chrome/browser/ui/webui/signin/profile_picker_handler.cc

@@ -31,6 +31,7 @@
 
 namespace {
 const size_t kAvatarIconSize = 74;
+const size_t kProfileCreationAvatarSize = 100;
 }
 
 ProfilePickerHandler::ProfilePickerHandler() = default;
@@ -167,7 +168,7 @@ void ProfilePickerHandler::HandleGetNewProfileSuggestedThemeInfo(
   gfx::Image icon = profiles::GetPlaceholderAvatarIconWithColors(
       /*fill_color=*/theme_colors.frame_color,
       /*stroke_color=*/GetAvatarStrokeColor(theme_colors.frame_color),
-      kAvatarIconSize);
+      kProfileCreationAvatarSize);
   dict.SetStringKey("themeGenericAvatar",
                     webui::GetBitmapDataUrl(icon.AsBitmap()));