1066751 - Add pressed color #E1E1E1 to palette

Status: RESOLVED INCOMPLETE

(Firefox for Android Graveyard :: Theme and Visual Design, defect)

Description

[Anthony Lam (:antlam) Find me, @antlam on Slack!]

Currently the buttons color is usually white and then the user taps it, the entire button hit area turns to a grey.

I've spotted multiple greys throughout so we should unify that as well.

Will attach specs later.

Comment 1

[Anthony Lam (:antlam) Find me, @antlam on Slack!]

I've noticed the tap grey is #CCCCCC. That looks extremely dark, how about we try #EBEBEB.

This would apply to all list items that are currently tap-able like history items, bookmarks, etc...

Comment 2

[Chenxia Liu [:liuche]]

It looks like we're using partially transparent colors [1] on top of these list items [2] to handle highlights.

[1] https://dxr.mozilla.org/mozilla-central/source/mobile/android/base/resources/values/colors.xml#43
[2] https://dxr.mozilla.org/mozilla-central/source/mobile/android/base/resources/drawable/action_bar_button.xml#11

Comment 3

[Anthony Lam (:antlam) Find me, @antlam on Slack!]

I'm renaming this bug to be more specific.

Let's add a pressed state to our folders and smart folders. We'll need this more as we start on Bookmarks management.

They currently use "about page header grey" #F5F5F5. Let's add a new color to the palette "about header pressed" and set it at #E1E1E1 for those items.

Comment 4

[BMO Automation]

We have completed our launch of our new Firefox on Android. The development of the new versions use GitHub for issue tracking. If the bug report still reproduces in a current version of [Firefox on Android nightly](https://play.google.com/store/apps/details?id=org.mozilla.fenix) an issue can be reported at the [Fenix GitHub project](https://github.com/mozilla-mobile/fenix/). If you want to discuss your report please use [Mozilla's chat](https://wiki.mozilla.org/Matrix#Connect_to_Matrix) server https://chat.mozilla.org and join the [#fenix](https://chat.mozilla.org/#/room/#fenix:mozilla.org) channel.