|
|
(72 intermediate revisions by 15 users not shown) |
Line 1: |
Line 1: |
| The most important thing about skinning in the new Steam is the change of the skinning method. Instead of using <code>TrackerScheme.res</code>, <code>steamscheme.res</code> is now used. The <code>steamscheme.res</code> file is located in the <code>resource</code> folder in the Steam root folder. It should be copied to <code>skins\''YourSkinName''\resource</code>. Like everything else, images are uncompressed 24-bit [[TGA]] files.
| | {{No longer relevant}}{{toc-right}} |
| __TOC__
| |
| The following is documentation on the structure of <code>sourcescheme.res</code>.
| |
| =Scheme=
| |
| ==BaseSettings==
| |
| {| | |
| ! Key name !! Description
| |
| |-
| |
| |colspan="2"|
| |
| ===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
| |
| |-
| |
| |colspan="2"|
| |
| ===CheckButton===
| |
| |-
| |
| | CheckButton.BgColor ||
| |
| |-
| |
| | CheckButton.Border1 || Left checkbutton border
| |
| |-
| |
| | CheckButton.Border2 || Right checkbutton border
| |
| |-
| |
| | CheckButton.Check || Color of the check itself
| |
| |-
| |
| |colspan="2"|
| |
| ===DragDrop===
| |
| |-
| |
| | DragDrop.DragFrame ||
| |
| |-
| |
| | DragDrop.DropFrame ||
| |
| |-
| |
| |colspan="2"|
| |
| ===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
| |
| |-
| |
| |colspan="2"|
| |
| ===ListPanel===
| |
| |-
| |
| | ListPanel.TextColor ||
| |
| |-
| |
| | ListPanel.BgColor ||
| |
| |-
| |
| | ListPanel.SelectedTextColor ||
| |
| |-
| |
| | ListPanel.SelectedBgColor ||
| |
| |-
| |
| | ListPanel.SelectedOutOfFocusBgColor ||
| |
| |-
| |
| | ListPanel.DisabledTextColor ||
| |
| |-
| |
| | ListPanel.DisabledSelectedTextColor ||
| |
| |-
| |
| | ListPanel.EmptyListInfoTextColor ||
| |
| |-
| |
| | ListPanel.RowHeight ||
| |
| |-
| |
| | ListPanel.PerPixelScrolling ||
| |
| |-
| |
| |colspan="2"|
| |
| ===Menu===
| |
| |-
| |
| | Menu.TextInset ||
| |
| |-
| |
| |colspan="2"|
| |
| ===Panel===
| |
| |-
| |
| | Panel.FgColor ||
| |
| |-
| |
| | Panel.BgColor ||
| |
| |-
| |
| |colspan="2"|
| |
| ===PropertySheet===
| |
| |-
| |
| | PropertySheet.TransitionEffectTime || Time to change from one tab to another
| |
| |-
| |
| | PropertySheet.TabGap ||
| |
| |-
| |
| |colspan="2"|
| |
| ===RichText===
| |
| |-
| |
| | RichText.InsetX || Margin (x)
| |
| |-
| |
| | RichText.InsetY || Margin (y)
| |
| |-
| |
| | RichText.TextColor ||
| |
| |-
| |
| | RichText.BgColor ||
| |
| |-
| |
| | RichText.SelectedTextColor ||
| |
| |-
| |
| | RichText.SelectedBgColor ||
| |
| |-
| |
| |colspan="2"|
| |
|
| |
|
| ===ScrollBar===
| | Over the years Steam has been slowly replacing aspects of the Steam Client from VGUI to a web-based framework called [https://bitbucket.org/chromiumembedded/cef Chromium Embedded Framework] |
| |-
| |
| | ScrollBar.Wide ||
| |
| |-
| |
| |colspan="2"|
| |
| ===SectionedListPanel===
| |
| |-
| |
| | SectionedListPanel.CollapserWidth ||
| |
| |-
| |
| |colspan="2"|
| |
| ===TextEntry===
| |
| |-
| |
| | TextEntry.CursorColor ||
| |
| |-
| |
| |colspan="2"|
| |
| ===GamesList===
| |
| |-
| |
| | GamesList.InstalledAppColor ||
| |
| |-
| |
| | GamesList.NotInstalledAppColor ||
| |
| |-
| |
| | GamesList.ReadyStatusColor ||
| |
| |-
| |
| | GamesList.UpdatingStatusColor ||
| |
| |-
| |
| | GamesList.NotInstalledStatusColor ||
| |
| |}
| |
|
| |
|
| ==Controls==
| | On April 27th, 2023, with the Steam client now being rendered using CEF, Steam skins '''completely lost support''' and only work through community based patching methods. |
| 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|Panel]]
| |
| * [[#Button|Button]]
| |
| * GripPanel
| |
| * [[#CheckButton|CheckButton]]
| |
| * CheckButtonList
| |
| * [[#ComboBox|ComboBox]]
| |
| * [[#ComboBoxButton|ComboBoxButton]]
| |
| * ContextLabel
| |
| * Divider
| |
| * Frame
| |
| * [[#FrameButton|FrameButton]]
| |
| * FrameSystemButton
| |
| * [[#FrameTitle|FrameTitle]]
| |
| * [[#FrameBRGripPanel|FrameBRGripPanel]]
| |
| * GraphPanel
| |
| * HTML
| |
| * [[#HTMLInterior|HTMLInterior]]
| |
| * [[#Button|icon_button_news]]
| |
| * [[#Button|icon_button_friends]]
| |
| * [[#Button|icon_button_servers]]
| |
| * [[#Button|icon_button_settings]]
| |
| * [[#Button|icon_button_support]]
| |
| * [[#Button|icon_button_MiniMeShrink]]
| |
| * Label
| |
| * LabelDull
| |
| * LabelBright
| |
| * ListPanel
| |
| * [[#ListPanelInterior|ListPanelInterior]]
| |
| * ListPanelColumnHeader
| |
| * ListViewPanel
| |
| * Menu
| |
| * MenuBar
| |
| * [[#MenuBarItem|MenuBarItem]]
| |
| * [[#MenuItem|MenuItem]]
| |
| * MenuSeparator
| |
| * PanelListPanel
| |
| * PanelHorizListPanel
| |
| * [[#PageTab|PageTab]]
| |
| * PropertyPage
| |
| * SteamGamesPage
| |
| * PropertySheet
| |
| * ProgressBar
| |
| * [[#RadioButton|RadioButton]]
| |
| * RichText
| |
| * [[#RichTextInterior|RichTextInterior]]
| |
| * [[#ScrollBarSlider|ScrollBarSlider]]
| |
| * [[#ScrollBarButton|ScrollBarButton]]
| |
| * SectionedListPanel
| |
| * [[#SectionedListPanelInterior|SectionedListPanelInterior]]
| |
| * [[#SectionedListPanelItem|SectionedListPanelItem]]
| |
| * SectionedListPanelHeader
| |
| * SectionedListPanelCollapser
| |
| * [[#Slider|Slider]]
| |
| * SplitterHandle
| |
| * [[#TextEntry|TextEntry]]
| |
| * [[#ToggleButton|ToggleButton]]
| |
| * TooltipWindow
| |
| * TreeView
| |
| * TreeNode
| |
| * TreeViewSubPanel
| |
| * TreeNodeText
| |
| * URLLabel
| |
| * WizardPanel
| |
| * WizardSubPanel
| |
| ====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==== | | ==History== |
| =====Override Keys=====
| | Removal of skin support for the Friends List on [https://steamcommunity.com/app/593110/eventcomments/1633040337767599626/ July 24th 2018] |
| * mousedown
| |
| * keyfocus
| |
| * disabled
| |
| * keyfocus_mouseover
| |
| * defaultbutton
| |
| * defaultbutton_mouseover
| |
|
| |
|
| ====CheckButton====
| | Removal of skin support for the Library on [https://steamcommunity.com/app/593110/eventcomments/1640926712932113346/ October 30th 2019] |
| =====Override Keys=====
| |
| * mousedown
| |
| * selected
| |
| * selected_mouseover
| |
| * selected_mousedown
| |
| * selected_keyfocus
| |
| * selected_keyfocus_mouseover
| |
| * keyfocus
| |
| * keyfocus_mouseover
| |
| * disabled
| |
| * selected_disabled
| |
|
| |
|
| ====ComboBox====
| | Removal of skin support for the main window frame and all additional windows in Steam Beta on [https://steamcommunity.com/groups/SteamClientBeta/eventcomments/3826413850812502632/ April 27th 2023] |
| =====Override Keys=====
| |
| * mouseover
| |
| * mousedown
| |
| * keyfocus
| |
| * disabled
| |
|
| |
|
| ====ComboBoxButton====
| | The above update was later pushed to all users since [https://steamcommunity.com/app/593110/eventcomments/5514142341086067567/ June 15, 2023], completely removing skin support for all common windows. |
| =====Override Keys=====
| |
| * mouseover
| |
| * disabled
| |
|
| |
|
| ====FrameButton==== | | == Can I Still Install themes? == |
| =====Override Keys=====
| | Yes, Steam themes still exist! And the community is still thriving! |
| * mousedown
| |
| * keyfocus
| |
| * outoffocus
| |
|
| |
|
| ====FrameTitle==== | | == How to install themes in {{CURRENTYEAR}}== |
| =====Override Keys=====
| |
| * outoffocus
| |
|
| |
|
| ====FrameBRGripPanel====
| | As the official skin support (for [[VGUI]]) has been removed, with the new CEF-based UI not providing any official way of changing skins, it was unofficially replaced by '''[https://steambrew.app Millennium for Steam]''' '''For Windows 10+'''<br> |
| =====Override Keys=====
| | Millennium is an open source patcher that allows skins/themes after April 27th 2023. [https://github.com/ShadowMonster99/millennium-steam-patcher view source] |
| * mouseover
| |
| * mousedown
| |
| * disabled
| |
|
| |
|
| ====HTMLInterior==== | | [[File:SteamTheme2024.png|thumb|left|Millennium for Steam with a dark version of the Steam Client loaded [https://millennium.web.app/theme?id=F8h9ZhwOdoNygNcAfjIZ from here] ]] |
| =====Override Keys=====
| | {{clr}} |
| * scrollbar_visible
| |
|
| |
|
| ====ListPanelInterior==== | | ==Setting Up== |
| =====Override Keys===== | | Refer to this page [https://github.com/ShadowMonster99/millennium-steam-patcher/?tab=readme-ov-file#installation Installation Guide] |
| * scrollbar_visible
| |
|
| |
|
| ====MenuBarItem==== | | == Finding Themes == |
| =====Override Keys=====
| | The main sources for up-to-date themes are found on this website |
| * mouseover
| | * https://steambrew.app/themes |
| * mousedown
| |
| * selected | |
|
| |
|
| ====MenuItem==== | | == Discord Community == |
| =====Override Keys=====
| | * https://steambrew.app/discord |
| * 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.
| |
| [[Category:Steam]] | | [[Category:Steam]] |
Over the years Steam has been slowly replacing aspects of the Steam Client from VGUI to a web-based framework called Chromium Embedded Framework
On April 27th, 2023, with the Steam client now being rendered using CEF, Steam skins completely lost support and only work through community based patching methods.
History
Removal of skin support for the Friends List on July 24th 2018
Removal of skin support for the Library on October 30th 2019
Removal of skin support for the main window frame and all additional windows in Steam Beta on April 27th 2023
The above update was later pushed to all users since June 15, 2023, completely removing skin support for all common windows.
Can I Still Install themes?
Yes, Steam themes still exist! And the community is still thriving!
How to install themes in 2025
As the official skin support (for VGUI) has been removed, with the new CEF-based UI not providing any official way of changing skins, it was unofficially replaced by Millennium for Steam For Windows 10+
Millennium is an open source patcher that allows skins/themes after April 27th 2023. view source
Millennium for Steam with a dark version of the Steam Client loaded
from here
Setting Up
Refer to this page Installation Guide
Finding Themes
The main sources for up-to-date themes are found on this website