Skip to content

GitLab

T
tangled
Commit 0d0a217a authored by Andrei Chulkov's avatar Andrei Chulkov Committed by Commit Bot
Browse files
Options

Add real images for password manager onboarding 

Tested on:
 -- light mode
 -- dark mode
 -- KitKat

that will later be used for experiments. Eventually we will only
use one of them. I have already used avocado.

Binary-Size: Adds 3 images as well as their dark mode counterparts
Bug: 983445
Change-Id: I077dace271bc85fc626ba3cc57334cdc1d0ee0e1
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1773222
Commit-Queue: Andrei Chulkov <achulkov@google.com>
Reviewed-by: default avatarTheresa  <twellington@chromium.org>
Cr-Commit-Position: refs/heads/master@{#691976}
parent b5be7212
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 350 additions and 2 deletions
chrome/android/java/res/drawable/password_manager_onboarding_illustration03.xml 0 → 100644
View file @ 0d0a217a
<?xml version="1.0" encoding="utf-8"?>
<!--Copyright 2019 The Chromium Authors. All rights reserved. Use of this source code is governed by a BSD-style license that can be found in the LICENSE file.-->
<!--VectorRaster warning is ignored because we intentionally want the width to be greater than 200.-->
<!--UnusedResources warning is ignored because the images will be used for experiments later.-->
<vector xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" tools:targetApi="21" tools:ignore="VectorRaster, UnusedResources" android:width="312dp" android:height="156dp" android:viewportWidth="312" android:viewportHeight="156">
<path android:pathData="M77.385 108.133a24.772 2.241 0 1 0 49.544 0 24.772 2.241 0 1 0-49.544 0zM221 128.241a24.772 2.241 0 1 0 49.544 0 24.772 2.241 0 1 0-49.544 0zm-166.858 2.242c11.677 0 2.755-4.483 0-4.483S33 127.003 33 128.241c0 1.238 9.466 2.242 21.142 2.242z" android:strokeAlpha="0.04" android:strokeWidth="1" android:fillColor="#202124" android:fillAlpha="0.04"/>
<path android:pathData="M102 39.288h112a3 3 0 0 1 3 3v64a3 3 0 0 1-3 3H102a3 3 0 0 1-3-3v-64a3 3 0 0 1 3-3z" android:strokeWidth="1" android:fillColor="#FFFFFF"/>
<path android:pathData="M214 40.288c1.105 0 2 0.895 2 2v64c0 1.105-0.895 2-2 2H102c-1.105 0-2-0.895-2-2v-64c0-1.105 0.895-2 2-2h112zm0-2H102c-2.209 0-4 1.791-4 4v64c0 2.209 1.791 4 4 4h112c2.209 0 4-1.791 4-4v-64c0-2.209-1.791-4-4-4z" android:strokeWidth="1" android:fillColor="#E8EAED"/>
<path android:pathData="M86 50.288h100a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H86a4 4 0 0 1-4-4v-24a4 4 0 0 1 4-4z" android:strokeWidth="1" android:fillColor="#4285F4"/>
<path android:pathData="M131.37 66.288h97.26a5.37 5.37 0 0 1 5.37 5.37v21.26a5.37 5.37 0 0 1-5.37 5.37h-97.26a5.37 5.37 0 0 1-5.37-5.37v-21.26a5.37 5.37 0 0 1 5.37-5.37z" android:strokeWidth="1" android:fillColor="#F1F3F4"/>
<path android:pathData="M217 72.288a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1 1 0 0 1-1-1v-18a1 1 0 0 1 1-1z" android:strokeWidth="1" android:fillColor="#EA4335"/>
<path android:pathData="M138 81.038h16v2.5h-16z" android:strokeWidth="1" android:fillColor="#1A73E8"/>
<path android:pathData="M143.088 74.731l8 13.856-2.165 1.25-8-13.856z" android:strokeWidth="1" android:fillColor="#1A73E8"/>
<path android:pathData="M151.088 75.981l-8 13.856-2.165-1.25 8-13.856zM164 81.038h16v2.5h-16z" android:strokeWidth="1" android:fillColor="#1A73E8"/>
<path android:pathData="M169.088 74.738l8 13.856-2.165 1.25-8-13.856z" android:strokeWidth="1" android:fillColor="#1A73E8"/>
<path android:pathData="M177.088 75.988l-8 13.856-2.165-1.25 8-13.856zM190 81.038h16v2.5h-16z" android:strokeWidth="1" android:fillColor="#1A73E8"/>
<path android:pathData="M195.088 74.734l8 13.856-2.165 1.25-8-13.856z" android:strokeWidth="1" android:fillColor="#1A73E8"/>
<path android:pathData="M203.088 75.984l-8 13.856-2.165-1.25 8-13.856z" android:strokeWidth="1" android:fillColor="#1A73E8"/>
<path android:pathData="M99 56.288a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1 1 0 0 1-1-1v-18a1 1 0 0 1 1-1z" android:strokeWidth="1" android:fillColor="#FFFFFF"/>
<path android:pathData="M181.5 40.288v-12c0-0.828-0.672-1.5-1.5-1.5s-1.5 0.672-1.5 1.5v12c0 0.828 0.672 1.5 1.5 1.5s1.5-0.672 1.5-1.5zm-52.779 12.599l-9.66-9.66c-0.586-0.585-1.536-0.585-2.122 0-0.585 0.586-0.585 1.536 0 2.122l9.66 9.66c0.586 0.585 1.536 0.585 2.122 0 0.585-0.586 0.585-1.536 0-2.122zm104.68 2.122l9.66-9.66c0.585-0.586 0.585-1.536 0-2.122-0.586-0.585-1.536-0.585-2.122 0l-9.66 9.66c-0.585 0.586-0.585 1.536 0 2.122 0.586 0.585 1.536 0.585 2.122 0z" android:strokeWidth="1" android:fillColor="#FBBC04"/>
<path android:pathData="M57.99 130.288c8.508-3.955 14.414-11.972 15.67-21.27 0.198-1.519 0.312-3.048 0.34-4.58v-11.15l-16-5-16 5v11.15c0.032 1.532 0.149 3.061 0.35 4.58 1.229 9.3 7.129 17.325 15.64 21.27z" android:strokeWidth="1" android:fillColor="#4285F4"/>
<path android:pathData="M57.99 130.288c8.508-3.955 14.414-11.972 15.67-21.27 0.198-1.519 0.312-3.048 0.34-4.58v-11.15l-16-5-0.01 42z" android:strokeAlpha="0.2" android:strokeWidth="1" android:fillColor="#FFFFFF" android:fillAlpha="0.2"/>
<path android:pathData="M246 98.288h28a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4h-28a4 4 0 0 1-4-4v-24a4 4 0 0 1 4-4z" android:strokeWidth="1" android:fillColor="#FBBC04"/>
<path android:pathData="M251.5 98.288v-7c0-4.694 3.806-8.5 8.5-8.5s8.5 3.806 8.5 8.5v7h3v-7c0-6.351-5.149-11.5-11.5-11.5s-11.5 5.149-11.5 11.5v7h3z" android:strokeWidth="1" android:fillColor="#9AA0A6"/>
<path android:pathData="M246 98.288h28a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4h-28a4 4 0 0 1-4-4v-24a4 4 0 0 1 4-4z" android:strokeWidth="1" android:fillColor="#FAB505"/>
<path android:pathData="M274 130.288c2.209 0 4-1.791 4-4v-24c0-2.209-1.791-4-4-4h-14v32h14z" android:strokeAlpha="0.2" android:strokeWidth="1" android:fillColor="#FFFFFF" android:fillAlpha="0.2"/>
<path android:pathData="M273.102 32.45c-4.229 0.548-7.829 3.293-9.492 7.179-2.562 0.038-4.61 2.109-4.61 4.659 0 0.552 0.448 1 1 1s1-0.448 1-1c0-1.469 1.191-2.66 2.66-2.66 0.132 0.003 0.285 0.018 0.437 0.045l0.834 0.146 0.282-0.798c1.256-3.556 4.405-6.103 8.146-6.587 3.74-0.484 7.434 1.177 9.554 4.296l0.414 0.61 0.706-0.216c1.635-0.5 3.411-0.195 4.786 0.824 1.374 1.018 2.184 2.628 2.181 4.339-0.001 0.552 0.446 1 0.998 1.001 0.553 0.001 1.001-0.446 1.002-0.998 0.004-2.346-1.106-4.553-2.991-5.949-1.688-1.251-3.818-1.718-5.856-1.308-2.593-3.371-6.798-5.133-11.051-4.583z" android:strokeWidth="1" android:fillColor="#E8EAED"/>
<path android:pathData="M285.602 36.858c-1.965-0.003-3.849 0.781-5.232 2.176-0.389 0.392-0.386 1.026 0.006 1.414 0.392 0.389 1.025 0.386 1.414-0.006 1.007-1.016 2.378-1.586 3.808-1.584 0.553 0.001 1.001-0.446 1.002-0.998 0.001-0.553-0.446-1.001-0.998-1.002zm-18.648 4.12c-0.868-0.885-2.057-1.383-3.297-1.38-0.552 0.001-0.998 0.45-0.997 1.003 0.001 0.552 0.45 0.998 1.003 0.997 0.7-0.002 1.372 0.28 1.863 0.78 0.386 0.394 1.02 0.401 1.414 0.014 0.394-0.386 0.401-1.02 0.014-1.414zm-240.663 5.47c-4.33 1.319-7.29 5.313-7.291 9.84 0 0.552 0.447 1 1 1 0.552 0 1-0.447 1-1 0.001-3.646 2.385-6.864 5.874-7.927 3.488-1.063 7.262 0.278 9.296 3.305l0.418 0.621 0.713-0.225c0.412-0.131 0.842-0.196 1.275-0.194 2.445 0 4.424 1.979 4.424 4.42 0 0.552 0.448 1 1 1s1-0.448 1-1c0-3.546-2.874-6.42-6.42-6.42-0.39-0.002-0.781 0.034-1.166 0.107-2.601-3.349-7.021-4.777-11.123-3.527z" android:strokeWidth="1" android:fillColor="#E8EAED"/>
<path android:pathData="M38.58 49.868c-1.703 0-3.336 0.678-4.538 1.884-0.39 0.391-0.389 1.024 0.002 1.414 0.391 0.39 1.024 0.389 1.414-0.002 0.827-0.829 1.951-1.296 3.122-1.296 0.552 0 1-0.448 1-1s-0.448-1-1-1zm18.883-22c-1.707-0.013-3.352 0.658-4.566 1.864C51.683 30.937 51 32.577 51 34.288c0 0.552 0.448 1 1 1s1-0.448 1-1c0-1.178 0.47-2.307 1.306-3.137 0.836-0.83 1.969-1.292 3.147-1.283 0.425 0.001 0.844 0.067 1.246 0.194l0.713 0.225 0.418-0.621c2.034-3.027 5.808-4.368 9.296-3.305 3.489 1.063 5.873 4.281 5.874 7.927 0 0.553 0.448 1 1 1 0.553 0 1-0.448 1-1-0.001-4.527-2.961-8.521-7.291-9.84-4.102-1.25-8.522 0.178-11.123 3.527-0.37-0.07-0.745-0.106-1.123-0.107z" android:strokeWidth="1" android:fillColor="#E8EAED"/>
<path android:pathData="M57.461 29.868c1.171-0.001 2.294 0.466 3.12 1.296 0.39 0.391 1.023 0.392 1.415 0.003 0.391-0.39 0.392-1.023 0.003-1.415-1.202-1.207-2.836-1.885-4.54-1.884-0.552 0-0.999 0.448-0.999 1.001 0 0.552 0.448 0.999 1.001 0.999z" android:strokeWidth="1" android:fillColor="#E8EAED"/>
</vector>
chrome/android/java/res/drawable/password_manager_onboarding_illustration03_dark_mode.xml 0 → 100644
View file @ 0d0a217a
<?xml version="1.0" encoding="utf-8"?>
<!--Copyright 2019 The Chromium Authors. All rights reserved. Use of this source code is governed by a BSD-style license that can be found in the LICENSE file.-->
<!--VectorRaster warning is ignored because we intentionally want the width to be greater than 200.-->
<!--UnusedResources warning is ignored because the images will be used for experiments later.-->
<vector xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" tools:targetApi="21" tools:ignore="VectorRaster, UnusedResources" android:width="312dp" android:height="156dp" android:viewportWidth="312" android:viewportHeight="156">
<path android:pathData="M77.385 108.133a24.772 2.241 0 1 0 49.544 0 24.772 2.241 0 1 0-49.544 0zM221 128.241a24.772 2.241 0 1 0 49.544 0 24.772 2.241 0 1 0-49.544 0zm-166.858 2.242c11.677 0 2.755-4.483 0-4.483S33 127.003 33 128.241c0 1.238 9.466 2.242 21.142 2.242z" android:strokeAlpha="0.16272135" android:strokeWidth="1" android:fillColor="#EDEDED" android:fillAlpha="0.16272135"/>
<path android:pathData="M102 39.288h112a3 3 0 0 1 3 3v64a3 3 0 0 1-3 3H102a3 3 0 0 1-3-3v-64a3 3 0 0 1 3-3z" android:strokeWidth="1" android:fillColor="#303030"/>
<path android:pathData="M214 40.288c1.105 0 2 0.895 2 2v64c0 1.105-0.895 2-2 2H102c-1.105 0-2-0.895-2-2v-64c0-1.105 0.895-2 2-2h112zm0-2H102c-2.209 0-4 1.791-4 4v64c0 2.209 1.791 4 4 4h112c2.209 0 4-1.791 4-4v-64c0-2.209-1.791-4-4-4z" android:strokeWidth="1" android:fillColor="#5F6368"/>
<path android:pathData="M86 50.288h100a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H86a4 4 0 0 1-4-4v-24a4 4 0 0 1 4-4z" android:strokeWidth="1" android:fillColor="#8AB4F8"/>
<path android:pathData="M131.37 66.288h97.26a5.37 5.37 0 0 1 5.37 5.37v21.26a5.37 5.37 0 0 1-5.37 5.37h-97.26a5.37 5.37 0 0 1-5.37-5.37v-21.26a5.37 5.37 0 0 1 5.37-5.37z" android:strokeWidth="1" android:fillColor="#F1F3F4"/>
<path android:pathData="M217 72.288a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1 1 0 0 1-1-1v-18a1 1 0 0 1 1-1z" android:strokeWidth="1" android:fillColor="#F28B82"/>
<path android:pathData="M138 81.038h16v2.5h-16z" android:strokeWidth="1" android:fillColor="#669DF6"/>
<path android:pathData="M143.088 74.731l8 13.856-2.165 1.25-8-13.856z" android:strokeWidth="1" android:fillColor="#669DF6"/>
<path android:pathData="M151.088 75.981l-8 13.856-2.165-1.25 8-13.856zM164 81.038h16v2.5h-16z" android:strokeWidth="1" android:fillColor="#669DF6"/>
<path android:pathData="M169.088 74.738l8 13.856-2.165 1.25-8-13.856z" android:strokeWidth="1" android:fillColor="#669DF6"/>
<path android:pathData="M177.088 75.988l-8 13.856-2.165-1.25 8-13.856zM190 81.038h16v2.5h-16z" android:strokeWidth="1" android:fillColor="#669DF6"/>
<path android:pathData="M195.088 74.734l8 13.856-2.165 1.25-8-13.856z" android:strokeWidth="1" android:fillColor="#669DF6"/>
<path android:pathData="M203.088 75.984l-8 13.856-2.165-1.25 8-13.856z" android:strokeWidth="1" android:fillColor="#669DF6"/>
<path android:pathData="M99 56.288a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1 1 0 0 1-1-1v-18a1 1 0 0 1 1-1z" android:strokeWidth="1" android:fillColor="#FFFFFF"/>
<path android:pathData="M181 40.288v-12c0-0.552-0.448-1-1-1s-1 0.448-1 1v12c0 0.552 0.448 1 1 1s1-0.448 1-1zm-52.633 12.953l-9.66-9.66c-0.39-0.391-1.024-0.391-1.414 0-0.391 0.39-0.391 1.024 0 1.414l9.66 9.66c0.39 0.391 1.024 0.391 1.414 0 0.391-0.39 0.391-1.024 0-1.414zm104.68 1.414l9.66-9.66c0.391-0.39 0.391-1.024 0-1.414-0.39-0.391-1.024-0.391-1.414 0l-9.66 9.66c-0.391 0.39-0.391 1.024 0 1.414 0.39 0.391 1.024 0.391 1.414 0z" android:strokeWidth="1" android:fillColor="#FED563" android:strokeColor="#FED563" android:fillType="evenOdd"/>
<path android:pathData="M57.99 130.288c8.508-3.955 14.414-11.972 15.67-21.27 0.198-1.519 0.312-3.048 0.34-4.58v-11.15l-16-5-16 5v11.15c0.032 1.532 0.149 3.061 0.35 4.58 1.229 9.3 7.129 17.325 15.64 21.27z" android:strokeWidth="1" android:fillColor="#669DF6"/>
<path android:pathData="M57.99 130.288c8.508-3.955 14.414-11.972 15.67-21.27 0.198-1.519 0.312-3.048 0.34-4.58v-11.15l-16-5-0.01 42z" android:strokeWidth="1" android:fillColor="#8AB4F8"/>
<path android:pathData="M246 98.288h28a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4h-28a4 4 0 0 1-4-4v-24a4 4 0 0 1 4-4z" android:strokeWidth="1" android:fillColor="#FBBC04"/>
<path android:pathData="M251.5 98.288v-7c0-4.694 3.806-8.5 8.5-8.5s8.5 3.806 8.5 8.5v7h3v-7c0-6.351-5.149-11.5-11.5-11.5s-11.5 5.149-11.5 11.5v7h3z" android:strokeWidth="1" android:fillColor="#7F858C"/>
<path android:pathData="M246.5 98.788h27a4 4 0 0 1 4 4v23a4 4 0 0 1-4 4h-27a4 4 0 0 1-4-4v-23a4 4 0 0 1 4-4z" android:strokeWidth="1" android:fillColor="#FED563" android:strokeColor="#FED563" android:fillType="evenOdd"/>
<path android:pathData="M274 130.288c2.209 0 4-1.791 4-4v-24c0-2.209-1.791-4-4-4h-14v32h14z" android:strokeWidth="1" android:fillColor="#FDE293" android:fillType="evenOdd"/>
<path android:pathData="M273.102 32.45c-4.229 0.548-7.829 3.293-9.492 7.179-2.562 0.038-4.61 2.109-4.61 4.659 0 0.552 0.448 1 1 1s1-0.448 1-1c0-1.469 1.191-2.66 2.66-2.66 0.132 0.003 0.285 0.018 0.437 0.045l0.834 0.146 0.282-0.798c1.256-3.556 4.405-6.103 8.146-6.587 3.74-0.484 7.434 1.177 9.554 4.296l0.414 0.61 0.706-0.216c1.635-0.5 3.411-0.195 4.786 0.824 1.374 1.018 2.184 2.628 2.181 4.339-0.001 0.552 0.446 1 0.998 1.001 0.553 0.001 1.001-0.446 1.002-0.998 0.004-2.346-1.106-4.553-2.991-5.949-1.688-1.251-3.818-1.718-5.856-1.308-2.593-3.371-6.798-5.133-11.051-4.583z" android:strokeWidth="1" android:fillColor="#5F6368"/>
<path android:pathData="M285.602 36.858c-1.965-0.003-3.849 0.781-5.232 2.176-0.389 0.392-0.386 1.026 0.006 1.414 0.392 0.389 1.025 0.386 1.414-0.006 1.007-1.016 2.378-1.586 3.808-1.584 0.553 0.001 1.001-0.446 1.002-0.998 0.001-0.553-0.446-1.001-0.998-1.002zm-18.648 4.12c-0.868-0.885-2.057-1.383-3.297-1.38-0.552 0.001-0.998 0.45-0.997 1.003 0.001 0.552 0.45 0.998 1.003 0.997 0.7-0.002 1.372 0.28 1.863 0.78 0.386 0.394 1.02 0.401 1.414 0.014 0.394-0.386 0.401-1.02 0.014-1.414zm-240.663 5.47c-4.33 1.319-7.29 5.313-7.291 9.84 0 0.552 0.447 1 1 1 0.552 0 1-0.447 1-1 0.001-3.646 2.385-6.864 5.874-7.927 3.488-1.063 7.262 0.278 9.296 3.305l0.418 0.621 0.713-0.225c0.412-0.131 0.842-0.196 1.275-0.194 2.445 0 4.424 1.979 4.424 4.42 0 0.552 0.448 1 1 1s1-0.448 1-1c0-3.546-2.874-6.42-6.42-6.42-0.39-0.002-0.781 0.034-1.166 0.107-2.601-3.349-7.021-4.777-11.123-3.527z" android:strokeWidth="1" android:fillColor="#5F6368"/>
<path android:pathData="M38.58 49.868c-1.703 0-3.336 0.678-4.538 1.884-0.39 0.391-0.389 1.024 0.002 1.414 0.391 0.39 1.024 0.389 1.414-0.002 0.827-0.829 1.951-1.296 3.122-1.296 0.552 0 1-0.448 1-1s-0.448-1-1-1zm18.883-22c-1.707-0.013-3.352 0.658-4.566 1.864C51.683 30.937 51 32.577 51 34.288c0 0.552 0.448 1 1 1s1-0.448 1-1c0-1.178 0.47-2.307 1.306-3.137 0.836-0.83 1.969-1.292 3.147-1.283 0.425 0.001 0.844 0.067 1.246 0.194l0.713 0.225 0.418-0.621c2.034-3.027 5.808-4.368 9.296-3.305 3.489 1.063 5.873 4.281 5.874 7.927 0 0.553 0.448 1 1 1 0.553 0 1-0.448 1-1-0.001-4.527-2.961-8.521-7.291-9.84-4.102-1.25-8.522 0.178-11.123 3.527-0.37-0.07-0.745-0.106-1.123-0.107z" android:strokeWidth="1" android:fillColor="#5F6368"/>
<path android:pathData="M57.461 29.868c1.171-0.001 2.294 0.466 3.12 1.296 0.39 0.391 1.023 0.392 1.415 0.003 0.391-0.39 0.392-1.023 0.003-1.415-1.202-1.207-2.836-1.885-4.54-1.884-0.552 0-0.999 0.448-0.999 1.001 0 0.552 0.448 0.999 1.001 0.999z" android:strokeWidth="1" android:fillColor="#5F6368"/>
</vector>
chrome/android/java/res_night/values-night/drawables.xml
View file @ 0d0a217a
......@@ -11,4 +11,7 @@
@drawable/ic_play_circle_filled_24dp_on_dark_bg
</drawable>
<drawable name="password_check_warning"> @drawable/password_check_warning_dark_mode</drawable>
<drawable name="password_manager_onboarding_illustration01">@drawable/password_manager_onboarding_illustration01_dark_mode</drawable>
<drawable name="password_manager_onboarding_illustration02">@drawable/password_manager_onboarding_illustration02_dark_mode</drawable>
<drawable name="password_manager_onboarding_illustration03">@drawable/password_manager_onboarding_illustration03_dark_mode</drawable>
</resources>
\ No newline at end of file
chrome/android/java/src/org/chromium/chrome/browser/password_manager/OnboardingDialogBridge.java
View file @ 0d0a217a
......@@ -35,9 +35,8 @@ public class OnboardingDialogBridge {
@CalledByNative
public void showDialog(String onboardingTitle, String onboardingDetails) {
// TODO(crbug.com/983445): Replace the drawable once the real image is available.
mOnboardingDialog.showDialog(onboardingTitle, onboardingDetails,
R.drawable.data_reduction_illustration,
R.drawable.password_manager_onboarding_illustration01,
mResources.getString(R.string.continue_button),
mResources.getString(R.string.cancel), this::onClick);
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment