All highlight / focus colour in Firefox should be the same in every version of Android

RESOLVED WORKSFORME

Status

()

Firefox for Android
General
P4
normal
RESOLVED WORKSFORME
7 years ago
6 years ago

People

(Reporter: patryk, Assigned: sriram)

Tracking

({uiwanted})

11 Branch
ARM
Android
uiwanted
Points:
---

Firefox Tracking Flags

(blocking-fennec1.0 -, fennec17+)

Details

Attachments

(1 attachment)

(Reporter)

Description

7 years ago
Every highlight should a Firefox specific colour not the Android skin default colour for 2 reasons:
1. Maintain a consistent Firefox identity between platforms
2. There is conflict in highlight colours between android manufacturer skins and android OS colours: ie. On HTC 2.3 devices green is used for some highlights and orange (2.3 default highlight colour) is used in other places.

The highlight used should be a gradient of #ff9500 > #e66000
If a gradient cannot be specified please us #f27a00
(Reporter)

Comment 1

7 years ago
This would apply to the following elements:
+ URL Bar focus border
+ List selection
+ Thumbnail selection
+ Tab menu (including "active tab" image)

Updated

7 years ago
OS: Mac OS X → Android
Hardware: x86 → ARM

Comment 2

7 years ago
not sure about this at all!

the highlight color of the browser should be consistent with every other application.  lets not stand out, right?
(Reporter)

Comment 3

7 years ago
On Android there is little consistency between the devices. On many devices you'll see atleast 2 colours. For instance: 
+ On ICS devices you'll see ICS blue and Gingerbread Orange. 
+ On skinned devices ie HTC. You'll see HTC green and Gingerbread Orange.
Some higher profile apps like Dolphin browser use a mix of green and native ICS blue.
Twitter uses a custom blue. etc.

I am pushing for a cohesive user experience on firefox properties where it feels like its a premium stand alone app not an assembly of native components, that's why we skinned the app with our own aesthetic and not copied ICS / gingerbread design.

Also since our properties tend to use silver / blues the orange really stands out creating a high visual accordance on what has been clicked / interacted with.  The ICS blue has far too little contrast. Not to mention the orange enforces the firefox brand identity. Also if Android decides to use a blue - silver as a highlight in the next release we'd have to redesign the entire app since it would be invisible against our skin. This would allow use to have some more independence from future Android visual design which changes frequently.
tracking-fennec: --- → 12+
Priority: -- → P4
(Assignee)

Comment 4

7 years ago
I guess the tabs-menu and thumbnails having a "orange" color would not look good. Since we are using a textured pattern, we can probably use a textured for them as well. The lists can have orange color, so are the urlbar and editbox.
(Assignee)

Updated

7 years ago
Assignee: nobody → sriram
(Assignee)

Comment 5

7 years ago
I need newer assets for the URL bar. And the color values for the gradients.
(Assignee)

Updated

7 years ago
Keywords: uiwanted
(Assignee)

Updated

7 years ago
Blocks: 725932
If we go with our own colors, and ignore the platform, the colors should at least be gettable/settable in about:config, and not hardcoded in the android resources dir. This will allow changing them for accessibility uses via extension, etc.
(Reporter)

Comment 7

6 years ago
Created attachment 605805 [details]
Colour Highlight Spec
Soft blocking nom?

Looks like we have all the UI spec here, but need some help implementing it.
blocking-fennec1.0: --- → ?
blocking-fennec1.0: ? → -
tracking-fennec: 12+ → 17+

Comment 9

6 years ago
Please don't do this.

I have only one phone but many applications on that phone, so consistency between applications is more important than consistency with other people's phones (that I'll never see).

To address the arguments in the description:

> 1. Maintain a consistent Firefox identity between platforms

Firefox on my Linux machine obeys the GTK theme. Firefox on Windows obeys the Windows theme. Neither is orange. Making everything orange on Android would therefore not maintain any sort of consistency between platforms.

> 2. There is conflict in highlight colours between android manufacturer skins and android OS colours: ie. On HTC 2.3 devices green is used for some highlights and orange (2.3 default highlight colour) is used in other places.

On my Galaxy S, with the applications I use, this is very rare. The only applications that override the highlight color are Firefox Aurora (recent builds) and the Google Search widget (well, and the text selection in Gmail).
(Assignee)

Comment 10

6 years ago
All changed to orange. Fixed by multiple bugs.
Status: NEW → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.