by Ian Oeschger
"Skin-ability" has been one the longest-awaited and least-well-understood features of the Mozilla project. By using technologies such as XML (extensible markup language) and CSS (cascading style sheets), Mozilla developers can now customize their application interfaces by creating skins (or, in Netscape 6, themes, which are based upon skins). In this article I'll show you how to create skins and explain the role they play within the Mozilla development platform.
What's a Skin?
Skin refers to the look or overall style of an application such as a web browser. In Gecko-based applications, the skin includes the images, colors, styles, positioning, and to some extent the behavior of elements in the UI. For the most part, the skin is created with CSS and images applied to the structural elements of the UI.
Who Does What for Gecko
XUL / DOM
Cascading Style Sheets and Images
Alphanumerica's Sullivan Skin.
FruityGum Skin, also from Alphanumerica.