753150 - Improve visual style of in-content preferences on Linux

Status: RESOLVED WONTFIX

(Firefox :: Theme, defect)

Description

[Jon Rietveld]

Attachment: screenshot of landing pane

Styling for the landing page of Linux to fit more with the Linux theme and Windows and OSX styling for in-content preferences

Comment 1

[Jon Rietveld]

Attachment: linux styling patch

added landingButton-icon:hover to make it look similar to windows and OSX but used Linux colors. Also changed the heading color

Comment 2

[Jared Wein [:jaws] (please needinfo? me)]

Comment on attachment 622202 [details] [diff] [review]
linux styling patch

Fine for now until we get some mockups for how we want to do the styling.

Comment 3

[Dão Gottwald [:dao]]

Comment on attachment 622202 [details] [diff] [review]
linux styling patch

>+.landingButton:active {
>+  border-radius: 3px;
>+  background: rgb(249,209,195);
>+  border-color: rgba(239,137,102, .5);
>+  box-shadow: 0 0 3px 1px rgba(239,137,102, .2) inset;

These aren't "Linux colors". You seem to be incorrectly assuming the Ubuntu default theme here.

Comment 4

[Blair McBride [:Unfocused] (UNAVAILABLE)]

Comment on attachment 622202 [details] [diff] [review]
linux styling patch

Review of attachment 622202 [details] [diff] [review]:
-----------------------------------------------------------------

What Dao said. Specifically, to fit in with Linux system themes, you can (generally) only use color keywords that map to system colors, which are described here:
https://developer.mozilla.org/en/CSS/color_value#System_Colors

eg, ThreeDLightShadow, -moz-Field, etc

Comment 5

[Marco Castelluccio [:marco]]

I think we won't need this when bug 754344 will land.

Comment 6

[Blair McBride [:Unfocused] (UNAVAILABLE)]

Indeed, we've decided to move away from the existing landing page, and bug 754344 is the way forward. WONTFIXing.