Winamp support classic and modern skins. Winamp Modern skins allows to change Winamp look and behavior. Changing Winamp look is possible thanks to Color Themes. Color Themes are a set of special text files that determine the look of Winamp skins. This text files are written as XML document. Default Winamp skins contains plenty of predefined color themes.
Thanks to the Winamp community, there are tons of color themes that you can use in Winamp or WACUP. The most popular and the best of them have been compiled into one Color Themes Installer which can be downloaded from the download section. It also includes a special tool, the so-called Color Editor. Thanks to this tool, creating new Color Themes or editing existing ones is very simple.
Winamp Color Themes Installer is written in NSIS. The installation process is described in this document. It shouldn't be a problem for anyone. Installer will copy required files and will configure system.
XML document contains XML declaration, that is located at the begining of the file. It contains version attribute and two optional attributes: encoding and standalone.
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
Another XML file element is WasabiXML declaration. WasabiXML is an XML object that contains all objects of the skin (it is a container for GUI objects). It has version attribute.
The last element of XML document is Color Themes declaration. There is a gammaset object definition (representing the Color Theme) and gammagroup object definition (group of elements with specific properties).
The 'gammaset' object is parent element and it defines Color Themes. It contains 'id' attribute.
<gammagroup id="Titlebar" value="0,0,0" gray="0" boost="0" />
The 'gammagroup' object is an element that defines specific GUI element (for example: Titlebar). It contains 'id', 'value', 'gray' and 'boost' attributes.
You can find below the example Bento / Big Bento Color Themes file with default Color Theme named '*Default'.
You can find below the example Winamp Modern Color Themes file with default Color Theme named 'Default'.
Winamp Color Editor is a special tool that allows users to create their own Color Themes. Thanks to this it is very simple and easy to do. You can find below Color Editor interface. Program is developed by Nullsoft.
Color Editor window is divided into several areas. Left upper panel shows a list of installed Color Themes. Right upper panel shows a list of Color Groups. There are two panels at the bottom of the window. The first one is Group settings panel for selected group of colors of Winamp interface. The second one is Tools panel. Each of these areas includes appropriate controls, which will be described below.
Color Themes panel is used to select a base Color Theme. It contains three controls.
This list contains all of the installed Winamp Color Themes for the skin.
This button allows you to clone the selected Color Theme. This Color Theme can be edited.
This button allows you to create a new Color Theme with the default color values.
Color Groups panel is used to select groups of interface elements with the same properties. It contains three controls.
This list contains color groups whose properties you want to edit.
This button allows you to copy selected group of colors.
This button allows you to paste the previously copied color group.
Group Settings panel allows to set selected group of colors suitable properties. It includes several controls described below.
The RGB color model is an additive color model in which red, green, and blue light is added together in various ways to reproduce a broad array of colors. The name of the model comes from the initials of the three additive primary colors (r,g,b):
- R: Red color
- G: Green color
- B: Blue color
HSL is cylindrical-coordinate representations of points in an RGB color model, which rearrange the geometry of RGB in an attempt to be more intuitive and perceptually relevant than the cartesian (cube) representation. HSL stands for hue, saturation, and lightness (h,s,l):
- H: Hue – values in 0..360° scope.
- S: Saturation – values in 0...1 or 0...100% scope.
- L: Lightness – values in 0...1 or 0...100% scope.
This button allows you to preview all changes in real time.
This three sliders allows to determine the value of color components.
This three fields allows to type value of color component.
This button allows you to determine the maximum range of gray scale.
This button allows you to determine the average range of gray scale.
This button allows to saturate colors.
Tools panel contains a collection of functions necessary to create new Color Themes. It includes several controls grouped in two panels: 'Preview source color' and 'Manage'.
'Preview source color' panel:
This fields allows you to type a value from given range (0..255) for selected component of color.
Clicking this field allows you to select the source color from the color palette.
This button allows you to export the edited Color Theme to an XML file. This file can be distributed as Winamp Color Theme (to be able to use it it must be placed in the Winamp Color Themes directory, see FAQ 2).
This button allows you to save any changes made when editing colors (see FAQ 14).
This button allows you to display the webpage with Winamp Color Themes FAQ.
This button allows you to display the dialog box that presents information about the Color Editor-name, version, copyright and credits.
This button allows you to undo any changes made when editing colors.
This button allows you to apply the changes and preview them.
A skin may be zipped, and so the Color Editor cannot 1) unzip your skin, 2) change the themes definitions, and 3) rezip the skin. Even if it could, or if the skin was unzipped in the first place, the Color Editor would have to find the file that defines the Color Themes, and this may be any xml file in the skin. The Color Editor's philosophy is therefore not to touch the skins directly : the only editable Color Themes are those you create. To edit a Color Theme, you should clone it first !
You should first export your colorthemes using the export button on the Color Editor, and then install the exported file into the Winamp5 colorthemes directory located at :
The file you install should have the xml extention and a somewhat unique name so that it does not conflicts with other custom themes packs (ie: not “themes.xml”). Upon reloading Winamp5, the themes should now appear in the colorthemes selection box. Note that they will not be editable (see faq 1 above).
Although all RGB colors have an HSL equivalent and vice-versa, these are not one-to-one equivalents (two RGB colors may have the same HSL equivalent). This is a consequence of the RGB/HSL conversion algorithms.
Color groups are an integral part of the skin, they change for each skin, and they are defined by the skinner. The Color Editor's purpose is to let you assign new color values for these color groups, not to let you create more groups in the skin you are using or for the skin you are making.
The only way to do this for now is to try each color group. A later version may let you flash a specific color group in the skin, but this will be very cpu-intensive (changing a color group reloads all the skins images), but since a given widget may implicitly use more than one colortheme, we would need to have the skinner list these colorthemes explicitly for each widget to be able to let you find this out more easily. This would be a daunting task for the skinner, and so this is not a viable option.
Either the skinner forgot to define a color group for the graphical elements used by the widget, or you have missed it.
Max grayscale is computed by getting the maximum value of each red, green and blue color channels, and assigning this value to each three (each pixel is done independently). Avg (average) grayscale is computed by getting the average value of the red, green and blue color channels, and assigning this value to each three (each pixel is done independently).
“Saturate channels” adds 127 to each pixels's color channel.
The color you see above each slider is the color you get for a pixel that has the “Preview source color” values for its color channels. To get an accurate result, you should select a previous source color that is approximately the average color of the graphical element you are tweaking. For instance, if you are changing a graphical element that has only red (ie: it has 0 in its green and blue channels), no matter the poxition of the green and blue sliders, it will not change anything in the element. If that happens, you can use one of the two grayscale checkboxes, so that the element will be grayscaled before the color tweak is applied, or you can use the saturate channels checkbox to boost its color channels so that all three sliders will have an effect.
See faq 9.
The red green and blue values in the xml for a Color Theme are not a direct representation of the color you get (otherwise, it would make all pixels this value!), they are (arbitrarilly ranged) values that are used to multiply (or divide) each pixels's channel.
The hue slider works just as the RGB sliders do, it changes each pixel color starting from its original channel values. The hue value you select makes the pixel's hue be shifted left or right over the hue circle just as the red (or green or blue) sliders shifts the red (or green or blue) value left or right in the original pixel, and so you can go one complete circle in one direction, or one complete circle in the other. In effect, where photoshop lets you go from 0° to 360° on the hue circle, the Color Editor lets you go from -360° to +360°.
Here too, the sliders let you change the original pixels one direction or another, so the saturation slider lets you desaturate a pixel beyond the zero limit (and the luminance slider lets you subtract luminosity bellow the zero limit) of a standard HSL algorithm. In effect, where photoshop lets you go from 0 to 100% for these two components, the Color Editor lets you go from -100% to +100%.
When you save your themes it will save in one of the following places, depending on what type of installation of Winamp you have:
When you move one of the sliders you can press Ctrl or Shift to move the other 2 sliders too. This is sometimes usefull of you just want to finetune a certain color.