Firefox/Projects/New Theme/Linux
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 - Use unified titlebar when native theme allows.
- Active Tab + Toolbar Backgrounds - Overlay white highlight gradient, edge effects, borders and shadows on window color.
- 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.
- 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.
KDE
While Firefox is a GTK+ based application, it’s high customizability together with the new possibilities of CSS 3 gradients and shadows gives us the opportunity to recreate KDE’s default theme “Oxygen” pixel perfect (or at least near pixel perfect) using these styling methods.
In this way, by avoiding the use of images, a pure css clone of this theme can be easily generated out of the theme configuration files. (While “easily” means “easily from that moment on, when we have a finished copy of the theme using the default color scheme”)
Supporting KDE should be the second highest priority after ambiance/radiance, because KDE is considered one of the two “big” DEs alongside Gnome, which can be interpreted as “It’s standard theme is on most linux desktops alongside GNOME’s”.