1351821 - Text in the translation textarea has poor contrast

Status: RESOLVED FIXED

(Webtools Graveyard :: Pontoon, enhancement, P2)

Description

[Khaled Hosny]

I find myself making much much more typos when typing in Pontoon than elsewhere. I think the poor contrast of the text in the translation textarea is contributing to this (in addition to bug 1351813). Overriding the color to be black instead of the grayish text it has now seems to improve the text readability for me. (Even this very text I’m typing in suffers from this, but I don’t do much editing in bugzilla to be as affected).

Comment 1

[Matjaz Horvat [:mathjazz]]

Interestingly, most websites actually use a dark shade of grey instead of black (#000) on white background to improve readability of the text. ;)

Still, Pontoon uses a relatively light shade of dark grey (#444), so we should go with e.g. #333 or #222 instead. I also think fixing bug 1351813 will have a bigger impact on readability than this.

Comment 2

[Matjaz Horvat [:mathjazz]]

Khaled, what are your thoughts on the proposed improvement deployed to stage?
https://mozilla-pontoon-staging.herokuapp.com/ar/engagement/snippets/2017/may2017_b.lang/

For reference, this is the current state:
https://pontoon.mozilla.org/ar/engagement/snippets/2017/may2017_b.lang/

Comment 3

[[github robot]]

Commit pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/1f744b19a7caef889f6d159e8b2554af812c7b48
Fix bug 1351821: More text contrast in textarea

Comment 4

[Khaled Hosny]

It is hard indeed to tell if the improvement is due to text size or color change, but if I manually revert to the old color the text becomes a little bit blurry. So I think it is an overall improvement. Thanks.