Firefox/Projects/New Theme/Linux

From MozillaWiki
Jump to: navigation, search

Design

The Linux design picks up many aspects from the ideas proposed for Windows. With specific emphasis on how to integrate with various system themes.

Linux-theme-design.png

  1. TitleBar Gradient - Use unified titlebar when native theme allows.
  2. Active Tab + Toolbar Backgrounds - Overlay white highlight gradient, edge effects, borders and shadows on window color.
  3. Inactive Tab - Use window color at -20% luminance and saturation and 90% opacity. Alternatively get gtk theme inactive tab color at 90% opacity. Overlay gradients, edge effects, borders and shadows.
  4. Toolbar Buttons - Create adaptive toolbar buttons with translucent shades to fit any theme. Select icon set based on current theme or use SVG icons with base color using “Highlight” color.
  5. Toolbar Fields - Use native fields for location and search bars.

Mockups