Bugzilla

**User Story**
As a new user or existing user I want to be able to pick the color of my Firefox right from the onboarding, so I can find something that suits my mood and don’t have to settle upon one of the default themes until I discover Colorways later on my own. 

[Figma file (new users)](https://www.figma.com/file/2TrMkNefxzhMCXjUqM8KIy/Onboarding?node-id=3492%3A69444)
[Figma file (existing users)](https://www.figma.com/file/2TrMkNefxzhMCXjUqM8KIy/Onboarding?node-id=3496%3A73973)

**Acceptance Criteria**
1. All new and existing users are presented with the Colorways selection card in MR that includes colorways themselves, plus titles and descriptions. 

2. The hover state for each colorway display its title, and default/no colorway selected state’s hover state is “None”. 

3. For new users “Balanced” intensity is a default for all colorways.

For existing users, their previous intensity is used. 

4. Existing users who have a custom home page are presented with a “Make Firefox Home my colorful home page" checkbox. It is unchecked by default. If a user checks the checkbox, their existing Home page will be replaced by the Firefox Home page. 

5. Clicking a colorway circle changes Firefox chrome, but does not save it. The user has to click “Set Colorway” for his choice to get saved. 
6. Clicking the “Set Colorway” button sets the Colorway and moves users to the next step in Onboarding. 

7. The screen is always displayed with a random colorway selected rather than user’s existing theme or system default for new users. 

8. Bypass CTA that allows users to move to the next step without setting the Colorway is available on this screen. System theme is selected for new users and existing user’s theme/Colorway remains unchanged in the case they choose the bypass CTA. 

9. If a Colorways collection is expired, this screen is not displayed at all.

**User Story**
As a new user or existing user I want to be able to pick the color of my Firefox right from the onboarding, so I can find something that suits my mood and don’t have to settle upon one of the default themes until I discover Colorways later on my own. 

[Figma file (new users)](https://www.figma.com/file/2TrMkNefxzhMCXjUqM8KIy/Onboarding?node-id=3492%3A69444)
[Figma file (existing users)](https://www.figma.com/file/2TrMkNefxzhMCXjUqM8KIy/Onboarding?node-id=3496%3A73973)

**Acceptance Criteria**
1. All new and existing users are presented with the Colorways selection card in MR that includes colorways themselves, plus titles and descriptions. 

2. The hover state for each colorway display its title, and default/no colorway selected state’s hover state is “None”. 

3. For new users “Balanced” intensity is a default for all colorways.

For existing users, their previous intensity is used. 

4. Existing users who have a custom home page are presented with a “Make Firefox Home my colorful home page" checkbox. It is unchecked by default. If a user checks the checkbox, their existing Home page will be replaced by the Firefox Home page. 

5. Clicking a colorway circle changes Firefox chrome, but does not save it. The user has to click “Set Colorway” for his choice to get saved. 
6. Clicking the “Set Colorway” button sets the Colorway and moves users to the next step in Onboarding. 

7. The screen is always displayed with a random colorway selected rather than user’s existing theme or system default for new users. 

8. Bypass CTA that allows users to move to the next step without setting the Colorway is available on this screen. System theme is selected for new users and existing user’s theme/Colorway remains unchanged in the case they choose the bypass CTA. 

9. If a Colorways collection is expired, this screen is not displayed at all.

10. For the representation of the system default (for new users) and the user's existing theme a separate option with the description "Use my current Firefox colors" text is displayed.