Steam Skins

From Valve Developer Community
Jump to navigation Jump to search

The most important thing about skinning in the new Steam is the change of the skinning method. Instead of using TrackerScheme.res, steamscheme.res is now used. The steamscheme.res file is located in the resource folder in the Steam root folder. It should be copied to skins\YourSkinName\resource. Like everything else, images are uncompressed 24-bit TGA files.

The following is documentation on the structure of sourcescheme.res.

Scheme

BaseSettings

Key name Description

Borders

Border.Bright Lit side of a control
Border.Dark Dark/unlit side of a control
Border.Selection Additional border color for displaying the default/selected button

CheckButton

CheckButton.BgColor
CheckButton.Border1 Left checkbutton border
CheckButton.Border2 Right checkbutton border
CheckButton.Check Color of the check itself

DragDrop

DragDrop.DragFrame
DragDrop.DropFrame

Frame

Frame.ClientInsetX Where to start the title bar (x)
Frame.ClientInsetY Where to start the title bar (y)
Frame.BgColor
Frame.OutOfFocusBgColor
Frame.FocusTransitionEffectTime Time for a window to fade on focus
Frame.TransitionEffectTime Time for a window to fade on open/close.
Frame.AutoSnapRange
Frame.UsesAlphaBlending
FrameTitleBar.Font
FrameTitleBar.SmallFont
FrameSystemButton.Icon Top left corner icon
FrameSystemButton.DisabledIcon Top left corner disabled icon

ListPanel

ListPanel.TextColor
ListPanel.BgColor
ListPanel.SelectedTextColor
ListPanel.SelectedBgColor
ListPanel.SelectedOutOfFocusBgColor
ListPanel.DisabledTextColor
ListPanel.DisabledSelectedTextColor
ListPanel.EmptyListInfoTextColor
ListPanel.RowHeight
ListPanel.PerPixelScrolling

Menu

Menu.TextInset

Panel

Panel.FgColor
Panel.BgColor

PropertySheet

PropertySheet.TransitionEffectTime Time to change from one tab to another
PropertySheet.TabGap

RichText

RichText.InsetX Margin (x)
RichText.InsetY Margin (y)
RichText.TextColor
RichText.BgColor
RichText.SelectedTextColor
RichText.SelectedBgColor

ScrollBar

ScrollBar.Wide

SectionedListPanel

SectionedListPanel.CollapserWidth

TextEntry

TextEntry.CursorColor

GamesList

GamesList.InstalledAppColor
GamesList.NotInstalledAppColor
GamesList.ReadyStatusColor
GamesList.UpdatingStatusColor
GamesList.NotInstalledStatusColor

Controls

The Override Keys sections list all of the functioning KeyValues entries for a specific control. What Override Keys do is replace the Base Keys when a specific condition is met. Once the condition is destroyed, the control converts back to the Base Keys.

BaseControls

Panel

Base Keys
Key name Description
textcolor
shadowtextcolor
bgcolor
selectedbgcolor
border Border must be defined as a subkey in the Borders KeyValues
image TGA image to be drawn on this control

Button

Override Keys
  • mousedown
  • keyfocus
  • disabled
  • keyfocus_mouseover
  • defaultbutton
  • defaultbutton_mouseover

CheckButton

Override Keys
  • mousedown
  • selected
  • selected_mouseover
  • selected_mousedown
  • selected_keyfocus
  • selected_keyfocus_mouseover
  • keyfocus
  • keyfocus_mouseover
  • disabled
  • selected_disabled

ComboBox

Override Keys
  • mouseover
  • mousedown
  • keyfocus
  • disabled

ComboBoxButton

Override Keys
  • mouseover
  • disabled

FrameButton

Override Keys
  • mousedown
  • keyfocus
  • outoffocus

FrameTitle

Override Keys
  • outoffocus

FrameBRGripPanel

Override Keys
  • mouseover
  • mousedown
  • disabled

HTMLInterior

Override Keys
  • scrollbar_visible

ListPanelInterior

Override Keys
  • scrollbar_visible

MenuBarItem

Override Keys
  • mouseover
  • mousedown
  • selected

MenuItem

Override Keys
  • mouseover
  • disabled

PageTab

Override Keys
  • mousedown
  • active
  • keyfocus
  • keyfocus_mouseover

RadioButton

Override Keys
  • mousedown
  • selected
  • selected_mouseover
  • selected_mousedown
  • selected_keyfocus
  • selected_keyfocus_mouseover
  • keyfocus
  • keyfocus_mouseover
  • disabled

RichTextInterior

Override Keys
  • scrollbar_visible

ScrollBarSlider

Override Keys
  • slider
  • slider_horiz

ScrollBarButton

Override Keys
  • mouseover
  • mousedown

SectionedListPanelInterior

Override Keys
  • scrollbar_visible

SectionedListPanelItem

Override Keys
  • selected

Slider

Override Keys
  • disabled

TextEntry

Override Keys
  • disabled

ToggleButton

Override Keys
  • mousedown
  • mouseover
  • keyfocus
  • selected
  • selected_mouseover
  • selected_mousedown
  • selected_keyfocus
  • selected_keyfocus_mouseover
  • disabled

WizardSubPanelControls

This Controls section defines property overrides for BaseControls on controls contained inside a wizard.

PropertyPageControls

This Controls section defines property overrides for BaseControls on controls contained inside a PropertyPage.