ttt-skin guide

[Hotlist Selector Skin]

Description: bg for the panel selector
Version: at least since 9.0 in skin.ini, at least since 9.0 implemented
Visible: click the panel button at the left of the tab bar in order to show/hide the panel selector
Related: Hotlist skin: general bg behind all the panel toolbars, 9.0›
Selector button skin: button area around the panel selector icons, 9.0›
Hotlist floating skin: mobile toolbar area behind the `plus` button in the panel selector, 9.5›
Hotlist floating button skin: button area around the `plus` button in the panel selector, 9.5›
Not directly related, but it`s the `neighbour` at the left; Panel toggle skin.left / .right: arrows and bg for the panel toggle, to enable in Appearance→ Panels, 9.0›

Padding: ✔
Margin: -
Spacing: ✔ space between buttons (`+` button not affected)
Color: ✔
Colorize: ✔
Border/Border color: ✔
Text color: ✔ priority [Selector button skin] - [Hotlist selector skin] - [Hotlist skin] - [Browser window skin]→ 3D-ojects from OS
Text bold: -
Text underline: -
Text shadow/Text shadow color: -
Text zoom: - but possible for the Selector button skin
Blend: -
Child: ✔
Clone: ✔
If no image / no color in the section, you see: [Hotlist skin]→ Black bg

Section-types: .top, .left, .bottom and .right
Section-states: .hover, .selected, .pressed, .attention (only text color for buttons if not already defined in the `Selector button skin`)

If no section, Info-Version 3 and
- Options-Fallback background 1, you see: [Hotlist Selector Skin] from standard-skin
- Options-Fallback background 0, you see: [Hotlist skin] from current-skin
If no section, Info-Version 2 and
- Options-Fallback background 1, you see: [Hotlist Selector Skin] from standard-skin
- Options-Fallback background 0, you see: [Hotlist skin] from current-skin

Note 1: the buttons in the standard-skin are transparent, so you see the [Hotlist Selector Skin] behind it, like on the screenshot

Note 2: the overall width of the panel selector/selector buttons depends on the setting for `Maximum Button Width=` in the section [Hotlist Panel Selector.style] inside the current Toolbar.ini; default is 0:
```
[Hotlist Panel Selector.style]
Button style=3
Large Images=0
Wrapping=2
Maximum Button Width=0
Grow To Fit=1
Mini Buttons=0
```

Note 3: here the relations between all the panel skins - please note, that all the statements here are made without having clones. An arrow means: this skin you see on top of the next skin - so all the settings not made in this skin, comes from the next. For instance: if there is no image and no color in the [Panel normal toolbar skin] you see the image/color of the [Hotlist panel skin] - and if the [Hotlist panel skin] have no image/color, you see the image/color of the [Hotlist skin]:

Note 4: here the order in another form:
[Hotlist panel header skin] - [Hotlist skin]
[Hotlist selector skin] - [Hotlist skin]
[Panel normal toolbar skin] - [Hotlist panel skin] - [Hotlist skin]
[Panel treeview skin] - [Hotlist panel skin] - [Hotlist skin]
[Panel browser skin] - [Hotlist panel skin] - [Hotlist skin]
[Transfer panel details skin] - [Hotlist panel skin] - [Hotlist skin]
[Multilineedit skin] - [Hotlist panel skin] - [Hotlist skin]
[Search skin] - [Hotlist panel skin] - [Hotlist skin]