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.

TitleBar Gradient - Get current titlebar gradient and extend to behind the tabs. Use theme native titlebar widets. Use titlebar font for “Firefox” button.
Firefox Button/Menu - Create Firefox Button/Menu that resides in the titlebar. Should respect other system widgets in the titlebar.
Active Tab + Toolbar Backgrounds - Overlay white highlight gradient, edge effects, borders and shadows on window color.
Inactive Tab - Use window color at -20% luminence and saturation. Alternatively get gtk theme inactive tab color at 90% opacity. Overlay gradients, edge effects, borders and shadows.
Tab Progress Line - Use “Highlight” background color as base. Some themes like Ambiance use different color progress bars. Somehow extract that color?
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.
Toolbar Fields - Use native fields for location and search bars.

Mockups

There are some stylistic changes that are addressed in depth in the Linux Specific Visual Refresh article.