├── css ├── 1010.css ├── library.css ├── customroot.css ├── customlibrary.css └── custom1010.css ├── screenshot.png ├── graphics ├── i_vrIcon.tga ├── c_viewIcon0.tga ├── c_viewIcon1.tga ├── c_viewIcon2.tga ├── i_viewIcon3.tga ├── i_viewIcon4.tga ├── i_viewIcon5.tga ├── i_viewIcon6.tga ├── i_viewIcon7.tga ├── i_viewIcon8.tga ├── i_viewIcon9.tga ├── c_vrIconHappy.tga ├── c_vrIconOnline.tga ├── c_vrIconOver.tga ├── clienttexture2.tga ├── clienttexture3.tga ├── clienttexture4.tga ├── clienttexture8.tga ├── i_clientIcon0.tga ├── i_clientIcon1.tga ├── i_clientIcon10.tga ├── i_clientIcon11.tga ├── i_clientIcon12.tga ├── i_clientIcon13.tga ├── i_clientIcon14.tga ├── i_clientIcon15.tga ├── i_clientIcon16.tga ├── i_clientIcon17.tga ├── i_clientIcon2.tga ├── i_clientIcon20.tga ├── i_clientIcon21.tga ├── i_clientIcon22.tga ├── i_clientIcon23.tga ├── i_clientIcon24.tga ├── i_clientIcon25.tga ├── i_clientIcon26.tga ├── i_clientIcon27.tga ├── i_clientIcon28.tga ├── i_clientIcon29.tga ├── i_clientIcon30.tga ├── i_clientIcon31.tga ├── i_clientIcon32.tga ├── i_clientIcon33.tga ├── i_clientIcon34.tga ├── i_clientIcon35.tga ├── i_clientIcon36.tga ├── i_clientIcon37.tga ├── i_clientIcon38.tga ├── i_clientIcon39.tga ├── i_clientIcon4.tga ├── i_clientIcon40.tga ├── i_clientIcon41.tga ├── i_clientIcon42.tga ├── i_clientIcon49.tga ├── i_clientIcon5.tga ├── i_clientIcon50.tga ├── i_clientIcon51.tga ├── i_clientIcon52.tga ├── i_clientIcon53.tga ├── i_clientIcon54.tga ├── i_clientIcon6.tga ├── i_clientIcon7.tga ├── i_clientIcon8.tga ├── i_clientIcon83.tga ├── i_clientIcon84.tga ├── i_clientIcon89.tga ├── i_clientIcon90.tga ├── i_viewIcon10.tga ├── i_viewIcon11.tga ├── icon_status_vr.png ├── c_vrIconDisabled.tga ├── clienttexture2b.tga ├── avatarBorderInGame.tga ├── avatarBorderOnline.tga ├── icon_status_bigpic.png ├── icon_status_mobile.png ├── icon_status_vr_ingame.png ├── icon_status_bigpic_ingame.png └── icon_status_mobile_ingame.png ├── friends ├── icon_chat_idle.tga ├── icon_chat_activity.tga ├── ChatRoomDlgFriend.res └── FriendsDialog.res ├── screenshots └── screenshot_download.png ├── .prettierrc.json ├── resource ├── layout │ ├── modifiedLayoutFiles.txt │ ├── steamrootdialog_mediapage.layout │ ├── steamrootdialog_gamespage_list.layout │ ├── steamrootdialog_toolspage.layout │ ├── newlibrary.layout │ ├── steamrootdialog_gamespage_details2.layout │ ├── musicplayervolumepanel.layout │ ├── announcement_text.layout │ ├── friendpanel_rightaligned.layout │ ├── steamrootdialog_musicpage_details.layout │ ├── layoutdebugdialog.layout │ ├── app_validation_dialog.layout │ ├── editfriendsgroups.layout │ ├── debugstats.layout │ ├── htmlimebar.layout │ ├── deletecustomimagedialog.layout │ ├── choosepurchaseorauthorization.layout │ ├── authorizelocaldevice.layout │ ├── announcement_web.layout │ ├── chattitlepanel.layout │ ├── gameargsprompt.layout │ ├── uistatuspanel.layout │ ├── downloadspage.layout │ ├── steamcontrollerwarning.layout │ ├── htmlfindbar.layout │ ├── settingsdialog.layout │ ├── friendpanel_compact.layout │ ├── accountmenu.layout │ ├── blecontrollerfirmware.layout │ ├── toolwindow.layout │ ├── pagination_panel.layout │ ├── htmlpopup.layout │ ├── cloud_conflict_dialog.layout │ ├── accountbutton.layout │ ├── gameproperties_updates.layout │ ├── gameproperties_general.layout │ ├── friendpanel.layout │ ├── musiclibrarypanel.layout │ ├── musicplayerpanel.layout │ ├── downloadsummarypanel.layout │ ├── appdownloadpanel.layout │ ├── steamrootdialog_gamespage_details.layout │ └── steamrootdialog.layout ├── styles │ └── gameoverlay.styles └── menus │ ├── friends.menu │ └── steam.menu ├── metadata.ini ├── install.bat ├── install.sh ├── LICENSE ├── README.md └── INSTALL.md /css/1010.css: -------------------------------------------------------------------------------- 1 | @import 'steam1010.css'; 2 | @import 'custom1010.css'; 3 | -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/screenshot.png -------------------------------------------------------------------------------- /css/library.css: -------------------------------------------------------------------------------- 1 | @import 'steamlibrary.css'; 2 | @import 'customlibrary.css'; 3 | -------------------------------------------------------------------------------- /graphics/i_vrIcon.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_vrIcon.tga -------------------------------------------------------------------------------- /graphics/c_viewIcon0.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/c_viewIcon0.tga -------------------------------------------------------------------------------- /graphics/c_viewIcon1.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/c_viewIcon1.tga -------------------------------------------------------------------------------- /graphics/c_viewIcon2.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/c_viewIcon2.tga -------------------------------------------------------------------------------- /graphics/i_viewIcon3.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_viewIcon3.tga -------------------------------------------------------------------------------- /graphics/i_viewIcon4.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_viewIcon4.tga -------------------------------------------------------------------------------- /graphics/i_viewIcon5.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_viewIcon5.tga -------------------------------------------------------------------------------- /graphics/i_viewIcon6.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_viewIcon6.tga -------------------------------------------------------------------------------- /graphics/i_viewIcon7.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_viewIcon7.tga -------------------------------------------------------------------------------- /graphics/i_viewIcon8.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_viewIcon8.tga -------------------------------------------------------------------------------- /graphics/i_viewIcon9.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_viewIcon9.tga -------------------------------------------------------------------------------- /friends/icon_chat_idle.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/friends/icon_chat_idle.tga -------------------------------------------------------------------------------- /graphics/c_vrIconHappy.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/c_vrIconHappy.tga -------------------------------------------------------------------------------- /graphics/c_vrIconOnline.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/c_vrIconOnline.tga -------------------------------------------------------------------------------- /graphics/c_vrIconOver.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/c_vrIconOver.tga -------------------------------------------------------------------------------- /graphics/clienttexture2.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/clienttexture2.tga -------------------------------------------------------------------------------- /graphics/clienttexture3.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/clienttexture3.tga -------------------------------------------------------------------------------- /graphics/clienttexture4.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/clienttexture4.tga -------------------------------------------------------------------------------- /graphics/clienttexture8.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/clienttexture8.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon0.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon0.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon1.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon1.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon10.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon10.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon11.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon11.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon12.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon12.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon13.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon13.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon14.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon14.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon15.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon15.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon16.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon16.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon17.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon17.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon2.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon2.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon20.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon20.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon21.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon21.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon22.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon22.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon23.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon23.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon24.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon24.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon25.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon25.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon26.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon26.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon27.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon27.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon28.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon28.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon29.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon29.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon30.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon30.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon31.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon31.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon32.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon32.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon33.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon33.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon34.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon34.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon35.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon35.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon36.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon36.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon37.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon37.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon38.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon38.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon39.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon39.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon4.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon4.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon40.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon40.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon41.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon41.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon42.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon42.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon49.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon49.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon5.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon5.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon50.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon50.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon51.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon51.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon52.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon52.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon53.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon53.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon54.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon54.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon6.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon6.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon7.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon7.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon8.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon8.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon83.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon83.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon84.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon84.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon89.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon89.tga -------------------------------------------------------------------------------- /graphics/i_clientIcon90.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_clientIcon90.tga -------------------------------------------------------------------------------- /graphics/i_viewIcon10.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_viewIcon10.tga -------------------------------------------------------------------------------- /graphics/i_viewIcon11.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/i_viewIcon11.tga -------------------------------------------------------------------------------- /graphics/icon_status_vr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/icon_status_vr.png -------------------------------------------------------------------------------- /graphics/c_vrIconDisabled.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/c_vrIconDisabled.tga -------------------------------------------------------------------------------- /graphics/clienttexture2b.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/clienttexture2b.tga -------------------------------------------------------------------------------- /friends/icon_chat_activity.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/friends/icon_chat_activity.tga -------------------------------------------------------------------------------- /graphics/avatarBorderInGame.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/avatarBorderInGame.tga -------------------------------------------------------------------------------- /graphics/avatarBorderOnline.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/avatarBorderOnline.tga -------------------------------------------------------------------------------- /graphics/icon_status_bigpic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/icon_status_bigpic.png -------------------------------------------------------------------------------- /graphics/icon_status_mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/icon_status_mobile.png -------------------------------------------------------------------------------- /graphics/icon_status_vr_ingame.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/icon_status_vr_ingame.png -------------------------------------------------------------------------------- /screenshots/screenshot_download.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/screenshots/screenshot_download.png -------------------------------------------------------------------------------- /graphics/icon_status_bigpic_ingame.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/icon_status_bigpic_ingame.png -------------------------------------------------------------------------------- /graphics/icon_status_mobile_ingame.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/steam/HEAD/graphics/icon_status_mobile_ingame.png -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "arrowParens": "avoid", 3 | "bracketSpacing": true, 4 | "semi": false, 5 | "singleQuote": true, 6 | "tabWidth": 2, 7 | "trailingComma": "es5", 8 | "useTabs": false 9 | } 10 | -------------------------------------------------------------------------------- /resource/layout/modifiedLayoutFiles.txt: -------------------------------------------------------------------------------- 1 | List of files that have been modified for the theme and are definitely important. 2 | 3 | appdownloadpanel.layout 4 | downloadspage.layout 5 | downloadsummarypanel.layout 6 | 7 | 8 | -------------------------------------------------------------------------------- /resource/layout/steamrootdialog_mediapage.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/steamrootdialog_mediapage.layout" 2 | { 3 | 4 | layout 5 | { 6 | // content pages 7 | place { control=GamesList width=max height=max margin=1 } 8 | 9 | } 10 | 11 | } 12 | -------------------------------------------------------------------------------- /css/customroot.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --draculaBG: #282a36; 3 | --draculaAccent: #44475a; 4 | --draculaCFAccent: #bd93f9; 5 | --draculaComment: #6272a4; 6 | --draculaForeGround: #f8f8f2; 7 | 8 | --draculaCyan: #8be9fd; 9 | --draculaGreen: #50fa7b; 10 | --draculaOrange: #ffb86c; 11 | --draculaPink: #ff79c6; 12 | --draculaPurple: #bd93f9; 13 | --draculaRed: #ff5555; 14 | --draculaYellow: #f1fa8c; 15 | } 16 | -------------------------------------------------------------------------------- /resource/layout/steamrootdialog_gamespage_list.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/steamrootdialog_gamespage_list.layout" 2 | { 3 | controls 4 | { 5 | "GamesList" 6 | { 7 | tabposition=1 8 | } 9 | } 10 | 11 | colors 12 | { 13 | ListPanel.PostSectionLeading 12 14 | } 15 | 16 | layout 17 | { 18 | // content pages 19 | place { control="GamesList" width=max height=max margin-left=1 margin-top=1 } 20 | 21 | } 22 | 23 | } 24 | -------------------------------------------------------------------------------- /metadata.ini: -------------------------------------------------------------------------------- 1 | [Template] 2 | Name=Enhanced Steam 3 | Version=1573377876 4 | SkinBase=default 5 | Author=Trollwut 6 | AuthorURL=https://github.com/dracula/steam 7 | Description=A dark skin for Steam 8 | [Skin] 9 | Name=Dracula 10 | Revision=2 11 | SkinURL=https://github.com/dracula/steam 12 | Author=Trollwut 13 | PrimaryColor=0x282a36 14 | PrimaryTextColor=0xa9a9a9 15 | AccentColor=0xbd93f9 16 | AccentTextColor=0x4c4c4c 17 | Id=anqbr 18 | Thumbnail=thumb.jpg 19 | -------------------------------------------------------------------------------- /resource/layout/steamrootdialog_toolspage.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/steamrootdialog_toolspage.layout" 2 | { 3 | 4 | layout 5 | { 6 | // content pages 7 | place { control="GamesList" width=max height=max margin=1 } 8 | 9 | } 10 | 11 | styles 12 | { 13 | "GamesList" 14 | { 15 | bgcolor=none 16 | render 17 | { 18 | } 19 | render_bg 20 | 21 | 0="fill( x0, y0, x1, y1, dialogbg)" 22 | } 23 | } 24 | } 25 | 26 | } 27 | -------------------------------------------------------------------------------- /resource/layout/newlibrary.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/newlibrary.layout" 2 | { 3 | controls 4 | { 5 | HTMLRoot { controlname=HTML style="HTMLRoot" } 6 | } 7 | 8 | styles 9 | { 10 | HTMLRoot 11 | { 12 | inset="0 0 0 0" 13 | } 14 | } 15 | 16 | layout 17 | { 18 | region { name="root" y=0 x=0 width=max height=max } 19 | 20 | place 21 | { 22 | control=HTMLRoot 23 | region=root 24 | x=0 25 | y=0 26 | width=max 27 | height=max 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /resource/layout/steamrootdialog_gamespage_details2.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/steamrootdialog_gamespage_details2.layout" 2 | { 3 | controls 4 | { 5 | } 6 | 7 | styles 8 | { 9 | CGamesPage_Details 10 | { 11 | bgcolor="none" 12 | inset="0 0 0 1" 13 | 14 | render 15 | { 16 | } 17 | 18 | render_bg 19 | { 20 | 0="gradient( x0+2, y0+2, x1-1, y1 - 1, dialogbg, almostblack )" 21 | } 22 | } 23 | } 24 | 25 | layout 26 | { 27 | place { controls="WebContent" width=max height=max } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /resource/layout/musicplayervolumepanel.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/musicplayervolumepanel.layout" 2 | { 3 | controls 4 | { 5 | VolumeSlider { controlname=Slider style="VolumeSlider" zpos="4" } 6 | } 7 | 8 | colors 9 | { 10 | } 11 | 12 | styles 13 | { 14 | CMusicPlayerVolumePanel 15 | { 16 | minimum-width = 100 17 | minimum-height = 18 18 | } 19 | 20 | 21 | VolumeSlider { bgcolor=none font-family=basefont font-size=16 } 22 | } 23 | 24 | 25 | layout 26 | { 27 | place { control="VolumeSlider" x=0 y=0 height=18 width=100 } 28 | } 29 | 30 | } 31 | -------------------------------------------------------------------------------- /resource/layout/announcement_text.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/announcement_text.layout" 2 | { 3 | controls 4 | { 5 | announcementtextpanel { controlname="CAnnouncementTextPanel" style="announcementtextpanel" } 6 | announcementtext { controlname="Label" style="announcementtext" } 7 | } 8 | 9 | styles 10 | { 11 | announcementtextpanel 12 | { 13 | bgcolor=AnnouncementBlue 14 | } 15 | 16 | announcementtext 17 | { 18 | font-size=16 19 | textcolor=white 20 | } 21 | } 22 | 23 | layout 24 | { 25 | place { control=announcementtext width=max margin=4 } 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /resource/layout/friendpanel_rightaligned.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/friendpanel_compact.layout" 2 | { 3 | 4 | controls 5 | { 6 | MenuButton 7 | { 8 | style=menuButtonStyle 9 | } 10 | } 11 | styles 12 | { 13 | menuButtonStyle 14 | { 15 | inset="-7 2 0 0" 16 | padding=3 17 | } 18 | } 19 | 20 | // custom layout 21 | layout 22 | { 23 | place { control="StatusLabel" margin-right=60 y=19 align=right } 24 | place { control="GameLabel" margin-right=60 y=31 align=right } 25 | place { control="ControlPanelLink" margin-right=60 y=31 align=right } 26 | } 27 | 28 | 29 | 30 | 31 | 32 | 33 | } 34 | -------------------------------------------------------------------------------- /resource/styles/gameoverlay.styles: -------------------------------------------------------------------------------- 1 | gameoverlay.styles 2 | { 3 | include "resource/styles/steam.styles" 4 | 5 | colors 6 | { 7 | mostly_black "41 41 41 240" 8 | semi_black "20 20 20 128" 9 | semi_gray "20 20 20 220" 10 | Notifications.PanelPosition "BottomRight" // osx has toast in the upper right, but in-overlay should not. 11 | } 12 | 13 | styles 14 | { 15 | detailsbox 16 | { 17 | render_bg 18 | { 19 | 0="fill( x0, y0, x1, y1, ClientBG )" 20 | } 21 | } 22 | 23 | detailsboxtitle 24 | { 25 | font-size=28 26 | font-style=uppercase 27 | textcolor="98 114 164 255" 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /resource/layout/steamrootdialog_musicpage_details.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/steamrootdialog_musicpage_details.layout" 2 | { 3 | controls 4 | { 5 | CMusicPage_Details_Content { controlname="CMusicPage_Details_Content" } 6 | } 7 | 8 | styles 9 | { 10 | CMusicPage_Details 11 | { 12 | inset="0 0 0 1" 13 | render 14 | { 15 | } 16 | render_bg 17 | { 18 | 0="gradient( x0+2, y0+2, x1-1, y1 - 1, dialogbg, almostblack )" 19 | } 20 | } 21 | 22 | } 23 | 24 | layout 25 | { 26 | region { name="content" y=0 x=0 width=max height=max } 27 | place { control=CMusicPage_Details_Content region=content x=0 y=0 width=max height=max } 28 | } 29 | 30 | } 31 | -------------------------------------------------------------------------------- /resource/layout/layoutdebugdialog.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/layoutdebugdialog.layout" 2 | { 3 | controls 4 | { 5 | wiki_link { controlname="URLLabel" labeltext="VGUI editor wiki page" urltext="https://intranet.valvesoftware.com/wiki/index.php/VGUI_Editing" } 6 | } 7 | 8 | layout 9 | { 10 | place { control="containerlabel,fileurl" y=30 x=6 dir="right" align="top" spacing=10 margin=4 } 11 | place { control="selectionlabel" y=48 x=6 dir="right" align="top" spacing=10 margin=4 } 12 | 13 | place { control="tabs" y=64 width="max" height="max" margin=8 margin-bottom=32 } 14 | place { control="wiki_link" align=bottom width="max" margin=16 margin-bottom=12 margin-right=16 } 15 | } 16 | 17 | } 18 | -------------------------------------------------------------------------------- /resource/menus/friends.menu: -------------------------------------------------------------------------------- 1 | "menubar" 2 | { 3 | Friends 4 | { 5 | text="#steam_menu_friends_view" 6 | 7 | AddFriend { text="#steam_menu_friends_add" shellcmd="steam://friends/add" } 8 | Divider {} 9 | SortByName { text="#steam_menu_friends_sortbyname" command="ToggleSortByName" checkable=1 } 10 | ShowAvatars { text="#steam_menu_friends_showavatars" command="Avatars" checkable=1 } 11 | OnlineUsersOnly { text="#steam_menu_friends_hideoffline" command="OnlineOnly" checkable=1 } 12 | ShowTagged { text="#steam_menu_friends_showtagged" command="ToggleTagged" checkable=1 } 13 | Divider {} 14 | Settings { text="#steam_menu_friends_settings" shellcmd="steam://settings/friends" } 15 | } 16 | 17 | } 18 | -------------------------------------------------------------------------------- /resource/layout/app_validation_dialog.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/app_validation_dialog.layout" 2 | { 3 | controls 4 | { 5 | app_validation_dialog { wide=360 tall=216 } 6 | 7 | Label1 { controlname=label labelText="#Steam_ValidatingSteamCaches" } 8 | ProgressBar1 { controlname=ProgressBar variable=progress } 9 | Button1 { controlname=Button labelText="#vgui_Cancel" Command="Close" selected=0 } 10 | 11 | } 12 | 13 | colors 14 | { 15 | } 16 | 17 | styles 18 | { 19 | 20 | } 21 | 22 | 23 | layout 24 | { 25 | place { controls=Label1 x=20 y=80 width=320 height=24 } 26 | place { controls=ProgressBar1 x=20 y=110 width=320 height=24 } 27 | place { controls=Button1 x=254 y=176 width=88 height=24 } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /resource/layout/editfriendsgroups.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/editfriendsgroups.layout" 2 | { 3 | controls 4 | { 5 | Description {controlname=Label labelText="#friends_group_edit_categories" wrap=1 } 6 | TextEntry { controlname=TextEntry tabposition=1 maxchars=32 unicode=1 } 7 | AddTagButton { controlname=Button style="button" tabposition=2 default=1 } 8 | } 9 | 10 | layout 11 | { 12 | region { name="main" x=16 y=4 width=max height=max margin-bottom=0 } 13 | 14 | place { control="Description" width=428 height=72 x=18 y=2 } 15 | 16 | place { control=TagChecks region=main y=78 width=446 height=140 margin-left=0 margin-right=15 } 17 | 18 | place { control="TextEntry" width=240 y=100 } 19 | place { control="TextEntry,AddTagButton" y=228 region=main height=24 spacing=10 margin=2 width=max margin-right=16 } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /resource/layout/debugstats.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/debugstats.layout" 2 | { 3 | controls 4 | { 5 | // the container 6 | KVStatsTree { controlname="KeyValuesTree" } 7 | DebugStatsChart { controlname="ChartPanel" } 8 | AddDebugStatAbs { controlname="Button" } 9 | AddDebugStatRate { controlname="Button" } 10 | RemoveDebugStat { controlname="Button" } 11 | 12 | } 13 | 14 | styles 15 | { 16 | } 17 | 18 | layout 19 | { 20 | place { control="KVStatsTree" x=0 y=24 width=240 height=max margin-bottom=32 } 21 | place { control="DebugStatsChart" x=240 y=24 width=max height=max margin=1 } 22 | place { control="AddDebugStatAbs" align=bottom margin-left=4 margin-bottom=4 } 23 | place { control="AddDebugStatRate" align=bottom margin-left=72 margin-bottom=4 } 24 | place { control="RemoveDebugStat" align=bottom margin-left=180 margin-bottom=4 } 25 | 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /install.bat: -------------------------------------------------------------------------------- 1 | @echo off 2 | setlocal 3 | 4 | echo Installing CSS... 5 | 6 | set originalfile=..\..\steamui\css\1010.css 7 | set copiedfile=..\..\steamui\css\steam1010.css 8 | set originallibrary=..\..\steamui\css\library.css 9 | set copiedlibrary=..\..\steamui\css\steamlibrary.css 10 | 11 | FOR /F "usebackq" %%A IN ('%originalfile%') DO set "originalfilesize=%%~zA" 12 | set /A originalfilesize=%originalfilesize% + 0 13 | 14 | if %originalfilesize% gtr 100 ( 15 | echo Renaming 1010.css 16 | move %originalfile% %copiedfile% 17 | move %originallibrary% %copiedlibrary% 18 | ) else ( 19 | if NOT exist %copiedfile% ( 20 | echo The original 1010.css file is missing 21 | echo Please remove all files in /steamui/css/ and start Steam without flags to regain missing files 22 | ) 23 | ) 24 | 25 | cd css\ 26 | 27 | echo Copying custom css files into steamui\css 28 | 29 | xcopy .\*.css ..\..\..\steamui\css\ /sy 30 | 31 | echo Successfully copied custom css files 32 | -------------------------------------------------------------------------------- /resource/layout/htmlimebar.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/htmlimebar.layout" 2 | { 3 | controls 4 | { 5 | IMEEntry { controlname=TextEntry default=1 unicode=1 tabposition=1 style="IMEEntry" } 6 | Close { controlname=Button command="Close" style="CloseButtonSm" } 7 | } 8 | 9 | styles 10 | { 11 | IMEEntry 12 | { 13 | // vary font size for legibility in CJK languages 14 | font-size=18 15 | } 16 | CloseButtonSm 17 | { 18 | bgcolor=none 19 | inset="0 0 0 0" 20 | render_bg={} 21 | image="graphics/win32_win_close" 22 | } 23 | CloseButtonSm:hover 24 | { 25 | render_bg {} 26 | image="graphics/win32_win_close_hover" 27 | } 28 | } 29 | 30 | layout 31 | { 32 | place { control="IMEEntry" width=320 height=max align=left y=0 margin-right=3 margin-left=3 margin-top=2 margin-bottom=2} 33 | place { control="Close" align=right height=24 width=22 margin-right=5 margin-top=6 } 34 | 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /resource/layout/deletecustomimagedialog.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/deletecustomimagedialog.layout" 2 | { 3 | controls 4 | { 5 | DeleteCustomImageDialog { controlname="Frame" title="#SteamUI_DeleteCustomImage_Title" style="DeleteCustomImageDialog" } 6 | 7 | ConfirmText { controlname="Label" labeltext="#SteamUI_DeleteCustomImage_Confirm" wrap=1 } 8 | 9 | Continue { controlname="Button" tabposition=1 labeltext="#SteamUI_DeleteCustomImage_Continue" } 10 | Cancel { controlname="Button" tabposition=2 labeltext="#SteamUI_DeleteCustomImage_Cancel" } 11 | } 12 | 13 | styles 14 | { 15 | DeleteCustomImageDialog 16 | { 17 | minimum-width = 300 18 | minimum-height = 186 19 | } 20 | 21 | } 22 | 23 | layout 24 | { 25 | region { name="bottom" width=max align=bottom height=40 margin=10 } 26 | 27 | place { control="ConfirmText" width=max y=40 margin=15 } 28 | place { control="Continue,Cancel" region="bottom" align=right spacing=5 } 29 | 30 | } 31 | 32 | } 33 | -------------------------------------------------------------------------------- /install.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | echo "Installing CSS…" 3 | 4 | declare -a originalfiles=( "../../steamui/css/1010.css" "../../steamui/css/library.css" ) 5 | declare -a copiedfiles=( "../../steamui/css/steam1010.css" "../../steamui/css/steamlibrary.css" ) 6 | 7 | for i in "${!originalfiles[@]}"; do 8 | 9 | #stores word count of originalfile 10 | originalfilesize=$(wc -c ${originalfiles[i]} | awk '{print $1}') 11 | if [ $originalfilesize -gt 100 ] ; then 12 | echo "renaming css files" 13 | mv ${originalfiles[i]} ${copiedfiles[i]} 14 | 15 | else 16 | #if the original libraryroot.css is not there an error occured 17 | if [ ! -e ${copiedfiles[i]} ] ; then 18 | echo "The original ${originalfiles[i]} file is missing" 19 | echo "Pls remove all files in /steamui/css/ and start steam without flags to regain missing files" 20 | fi 21 | fi 22 | 23 | done 24 | 25 | cd css/ 26 | 27 | echo "copying custom css files into steamui/css" 28 | 29 | for f in *.css 30 | do 31 | cp "$f" ../../../steamui/css/ 32 | done 33 | 34 | echo "successful copied custom css files" 35 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2016-present Dracula Theme 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /resource/layout/choosepurchaseorauthorization.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/requestdeviceauthorization.layout" 2 | { 3 | controls 4 | { 5 | DialogTitle { controlname=label labeltext=#Steam_DeviceAuth_ChooseDialog_Title style=BigLable } 6 | DialogText { controlname=label labeltext=#Steam_DeviceAuth_ChooseDialog_Text wrap=1 } 7 | AuthorizationButton { controlname=button labeltext=#Steam_DeviceAuth_ChooseDialog_Request command=RequestAuthorization } 8 | PurchaseGameButton { controlname=button labeltext=#Steam_DeviceAuth_ChooseDialog_Purchase command=PurchaseGame } 9 | CancelButton { controlname=button labeltext=#Steam_DeviceAuth_ChooseDialog_Cancel command=Close } 10 | } 11 | 12 | styles 13 | { 14 | BigLable 15 | { 16 | textcolor=Text 17 | font-size=18 18 | } 19 | } 20 | 21 | layout 22 | { 23 | place { control="DialogTitle" y=24 x=16 height=24 width=360 } 24 | place { control="DialogText" y=52 x=16 height=200 width=360 } 25 | place { control="PurchaseGameButton" y=148 x=194 height=24 width=168 } 26 | place { control="AuthorizationButton" y=148 x=16 height=24 width=168 } 27 | place { control="CancelButton" y=180 x=194 height=24 width=168 } 28 | } 29 | } -------------------------------------------------------------------------------- /resource/layout/authorizelocaldevice.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/authorizelocaldevice.layout" 2 | { 3 | controls 4 | { 5 | DescriptionLabel { controlname=label labeltext=#Steam_DeviceAuth_AuthorizeDevice_Description wrap=1 } 6 | DescriptionEntry { controlname=textentry } 7 | 8 | BorrowersLabel { controlname=label labeltext=#Steam_DeviceAuth_AuthorizeDevice_Borrowers wrap=1 } 9 | BorrowersList { controlname=listpanel } 10 | 11 | SendButton { controlname=button labeltext=#Steam_DeviceAuth_AuthorizeDevice_Send command=AuthorizeLocalDevice } 12 | CancelButton { controlname=button labeltext=#Steam_DeviceAuth_RequestDialog_Cancel command=Close } 13 | 14 | 15 | 16 | } 17 | 18 | styles 19 | { 20 | BigLable 21 | { 22 | textcolor=Text 23 | font-size=18 24 | } 25 | } 26 | 27 | layout 28 | { 29 | place { control="DescriptionLabel" y=32 x=16 height=48 width=350 } 30 | place { control="DescriptionEntry" y=65 x=16 height=24 width=350 } 31 | 32 | place { control="BorrowersLabel" y=104 x=16 height=48 width=350 } 33 | place { control="BorrowersList" y=128 x=16 height=144 width=350 } 34 | 35 | place { control="SendButton" y=280 x=16 height=24 width=164} 36 | place { control="CancelButton" y=280 x=200 height=24 width=164 } 37 | } 38 | } -------------------------------------------------------------------------------- /resource/layout/announcement_web.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/announcement_web.layout" 2 | { 3 | controls 4 | { 5 | announcementwebpanel { controlname="CAnnouncementWebPanel" style="announcementwebpanel" } 6 | announcementweb { controlname="HTML" style="announcementweb" zpos=10011 } 7 | announcementnotch { controlname="Panel" style="announcementnotch" } 8 | announcementbg { controlname="Panel" style="announcementbg" zpos=-100 } 9 | } 10 | 11 | colors 12 | { 13 | WebBorderColor = "64 64 64 255" 14 | } 15 | 16 | styles 17 | { 18 | announcementwebpanel 19 | { 20 | inset="0 0 0 0" 21 | } 22 | 23 | announcementweb 24 | { 25 | inset="0 0 0 0" 26 | } 27 | 28 | announcementnotch 29 | { 30 | wide=36 31 | tall=18 32 | 33 | render 34 | { 35 | 1="image( x0, y0 , x1, y1, graphics/announcement_arrow )" 36 | } 37 | } 38 | 39 | announcementbg 40 | { 41 | bgcolor=WebBorderColor 42 | } 43 | } 44 | 45 | layout 46 | { 47 | region { name="bottom" x=0 y=18 width=max height=max } 48 | 49 | place { control=announcementnotch x=0 y=0 width=36 height=18 } 50 | place { control=announcementbg region="bottom" width=max height=max } 51 | place { control=announcementweb region="bottom" margin=10 width=max height=max } 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /resource/layout/chattitlepanel.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/chattitlepanel.layout" 2 | { 3 | controls 4 | { 5 | "AvatarImage" { ControlName="ImagePanel" } 6 | "NameLabel" { ControlName="Label" } 7 | "StatusLabel" { ControlName="Label" style="statuslabel" } 8 | "LockImage" { ControlName="ImagePanel" } 9 | "MenuButton" { ControlName= "CChatTitlePanelAffordance" style="menuButtonStyle"} 10 | } 11 | 12 | styles 13 | { 14 | menuButtonStyle 15 | { 16 | minimum-width=14 17 | padding-top=3 18 | padding-bottom=4 19 | padding-right=5 20 | padding-left=6 21 | } 22 | 23 | menuButtonStyle:hover 24 | { 25 | 26 | render_bg { 27 | 28 | //background 29 | 0="fill( x0 + 5, y0 + 1 , x1 - 4, y1 - 2, buttonfaceactive )" 30 | //lines around 31 | 1="fill(x0 + 4, y0 + 2, x0 + 5, y1 - 3, buttonfaceactive )" //left 32 | 2="fill(x1 - 4, y0 + 2, x1 - 3, y1 - 3, buttonfaceactive )" //right 33 | } 34 | } 35 | 36 | statuslabel 37 | { 38 | font-size="14" 39 | } 40 | 41 | } 42 | 43 | layout 44 | { 45 | place { control="AvatarImage" x=2 y=7 align=left dir=right spacing=8 } 46 | place { control="NameLabel,MenuButton" x=70 y=9 align=left dir=right spacing=0 } 47 | place { control="LockImage" x=51 y=4 width=16} 48 | place { control="StatusLabel" align=left x=50 y=33 } 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /resource/layout/gameargsprompt.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/gameargsprompt.layout" 2 | { 3 | controls 4 | { 5 | GameArgs { controlname="Frame" title="#Steam_AllowGameLaunch_Title" style="GameArgsPromptDialog" wide=420 tall=220 } 6 | 7 | WarningText { controlname="Label" labeltext="#Steam_AllowGameLaunch_Info" wrap=1 } 8 | ArgumentsText { controlname="Label" labeltext="#Steam_AllowGameLaunch_Info_args" wrap=1 style="ArgumentsText" } 9 | ConfirmText { controlname="Label" labeltext="#Steam_AllowGameLaunch_Info_Prompt" wrap=1 } 10 | 11 | Cancel { controlname="Button" tabposition=1 labeltext="#QueryBox_Cancel" command="Cancel" } 12 | OK { controlname="Button" tabposition=2 labeltext="#MessageBox_OK" command="OK" } 13 | } 14 | 15 | styles 16 | { 17 | GameArgsPromptDialog 18 | { 19 | minimum-width = 420 20 | minimum-height = 220 21 | } 22 | 23 | ArgumentsText 24 | { 25 | textcolor = "128 128 0 255" 26 | } 27 | 28 | } 29 | 30 | layout 31 | { 32 | region { name="bottom" width=max align=bottom height=75 margin=10 margin-right=30 } 33 | 34 | place { control="WarningText,ArgumentsText" width=max spacing=15 align=left y=40 margin=15 dir=down margin-bottom=75 } 35 | place { control="ConfirmText" region="bottom" align=left width=max spacing=1 margin=5 margin-top=0 margin-bottom=20 } 36 | place { control="OK,Cancel" region="bottom" align=right spacing=10 margin-top=30 } 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /resource/layout/uistatuspanel.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/uistatuspanel.layout" 2 | { 3 | controls 4 | { 5 | StatusDownloading { controlname=URLLabel style="StatusLabel" labelText="" URLText="steam://open/downloads" } 6 | StatusPaused{ controlname=URLLabel style="StatusLabelDim" labelText="" URLText="steam://open/downloads" } 7 | StatusComplete { controlname=URLLabel style="StatusLabelDim" labelText="" URLText="steam://open/downloads" } 8 | StatusProgressbar { controlname="ProgressBar" style="SlimProgressBar" barinset=0 continuous=1 } 9 | } 10 | 11 | styles 12 | { 13 | SlimProgressBar 14 | { 15 | textcolor="focus4" 16 | render_bg 17 | { 18 | 0="fill( x0, y0, x1, y1, black )" 19 | } 20 | render 21 | { 22 | } 23 | } 24 | 25 | 26 | 27 | } 28 | 29 | layout 30 | { 31 | 32 | 33 | region { name="TitleRegion" width=max height=28 align=top margin=5 } 34 | region { name="statusRegion" y=28 width=max height=28 align=bottom margin=6 } 35 | region { name="ProgressRegion" y=37 width=max height=10 align=top margin=0 } 36 | 37 | place { control="StatusDownloading" region="TitleRegion" align="top-center" margin-top=2 } 38 | place { control="StatusPaused, StatusComplete" region="StatusRegion" align="top-center" margin-top=3 } 39 | place { control="StatusProgressbar" region="ProgressRegion" width=300 height=3 margin-top=0 align="top-center" } 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /css/customlibrary.css: -------------------------------------------------------------------------------- 1 | @import 'customroot.css'; 2 | 3 | /* Loading screen background */ 4 | .index_Container_2mu1w.index_PreloadThrobber_2dqG9 { 5 | background: linear-gradient( 6 | to bottom, 7 | var(--draculaBG) 0%, 8 | var(--draculaBG) 100% 9 | ); 10 | } 11 | 12 | /* Loading screen dots */ 13 | .index_Container_2mu1w .index_ThreeDots_1yjvY .index_Dot_Wd5cq { 14 | background-color: var(--draculaCFAccent); 15 | } 16 | 17 | /* Loading screen steam logo */ 18 | .throbber_LoadingWrapper_2wAKy 19 | .SVGIcon_Throbber 20 | .throbber_bottomCircle_2qjZmpath { 21 | fill: var(--draculaCFAccent); 22 | } 23 | 24 | .throbber_LoadingWrapper_2wAKy 25 | .SVGIcon_Throbber 26 | .throbber_topCircle_1LZff 27 | circle { 28 | stroke: var(--draculaCFAccent); 29 | } 30 | 31 | .throbber_LoadingWrapper_2wAKy .SVGIcon_Throbber path { 32 | stroke: var(--draculaCFAccent); 33 | } 34 | 35 | .throbber_LoadingWrapper_2wAKy 36 | .SVGIcon_Throbber 37 | .throbber_topCircle_1LZff 38 | circle { 39 | stroke: var(--draculaCFAccent); 40 | } 41 | 42 | .throbber_LoadingWrapper_2wAKy 43 | .SVGIcon_Throbber 44 | .throbber_bottomCircle_2qjZm 45 | path { 46 | fill: var(--draculaCFAccent); 47 | } 48 | 49 | .throbber_LoadingWrapper_2wAKy .SVGIcon_Throbber .throbber_roundOuter_2K0Lz { 50 | stroke: #8963be; 51 | } 52 | 53 | .throbber_LoadingWrapper_2wAKy .SVGIcon_Throbber.throbber_blur_1ctjA path { 54 | stroke: #986fd1; 55 | } 56 | 57 | .throbber_LoadingWrapper_2wAKy .throbber_ThrobberText_21nVi { 58 | color: #9b66e4; 59 | } 60 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Dracula for [Steam](https://store.steampowered.com) 2 | 3 | > ⚠️ Attention: **Steam** (the platform) **no longer supports themes**, and this repository **no longer has active maintainers**. So it's just a search and reference theme. 4 | 5 | > A dark theme for [Steam](https://store.steampowered.com) 6 | 7 | ![Screenshot Library](./screenshot.png) 8 | ![Screenshot Downloads](./screenshots/screenshot_download.png) 9 | 10 | ## Install 11 | 12 | Newest Version: 211224 13 | All installation instructions can be found at [draculatheme.com/steam](https://draculatheme.com/steam). 14 | 15 | ## Team 16 | 17 | This theme is maintained by the following person(s) and a bunch of [awesome contributors](https://github.com/dracula/steam/graphs/contributors). 18 | 19 | | [![Trollwut](https://avatars1.githubusercontent.com/u/3462975?s=70&v=4)](https://github.com/Trollwut) | [![tintinmaster](https://avatars2.githubusercontent.com/u/36089973?s=70&v=4)](https://github.com/tintinmaster) | 20 | | ----------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | 21 | | [Trollwut](https://github.com/Trollwut) | [tintinmaster](https://github.com/tintinmaster) | 22 | 23 | ## Community 24 | 25 | - [Twitter](https://twitter.com/draculatheme) - Best for getting updates about themes and new stuff. 26 | - [GitHub](https://github.com/dracula/dracula-theme/discussions) - Best for asking questions and discussing issues. 27 | - [Discord](https://draculatheme.com/discord-invite) - Best for hanging out with the community. 28 | 29 | ## License 30 | 31 | [MIT License](./LICENSE) 32 | -------------------------------------------------------------------------------- /resource/layout/downloadspage.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/downloadspage.layout" 2 | { 3 | controls 4 | { 5 | // the container 6 | "DownloadsPage" 7 | { 8 | "ControlName" "CDownloadsPage" 9 | Style=DownloadsPageStyle 10 | } 11 | 12 | "downloadsummarypanel" 13 | { 14 | "ControlName" "DownloadSummaryPanel" 15 | } 16 | 17 | "panel_list" 18 | { 19 | "ControlName" "SectionedListPanel" 20 | Style=ListPanelStyle 21 | } 22 | 23 | } 24 | 25 | styles 26 | { 27 | SectionedListPanelCollapser 28 | { 29 | inset = "0 0 0 -2" 30 | bgcolor=draculaSelection 31 | } 32 | SectionHeaderStyle 33 | { 34 | font-style="uppercase" 35 | render_bg 36 | { 37 | // background gradient 38 | 0="fill( x0 - 2, y0, x1, y1, draculaSelection )" 39 | } 40 | render 41 | { 42 | 43 | } 44 | } 45 | SectionHeaderStyleLabel 46 | { 47 | inset = "0 4 0 0" 48 | font-style="uppercase" 49 | } 50 | DownloadsPageStyle 51 | { 52 | 53 | bgcolor=none 54 | render 55 | { 56 | 57 | } 58 | } 59 | ListPanelStyle 60 | { 61 | inset = "0 0 0 0" 62 | bgcolor=clientbg 63 | font-family=basefont 64 | font-size=14 65 | font-weight=400 66 | textcolor="Text" 67 | selectedtextcolor="TextSelected" 68 | selectedbgcolor="Focus" 69 | shadowtextcolor="TextDisabled" // the color of disabled line items 70 | render 71 | { 72 | 73 | } 74 | render_bg 75 | { 76 | // background gradient 77 | 0="fill( x0, y0, x1, y1, ClientBG)" 78 | } 79 | } 80 | } 81 | 82 | layout 83 | { 84 | region { name=main x=0 y=0 margin=5 } 85 | place { control="downloadsummarypanel,panel_list" dir=down region=main width=max height=max spacing=0 } 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /resource/layout/steamcontrollerwarning.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/steamcontrollerwarning.layout" 2 | { 3 | controls 4 | { 5 | SteamController10ft { controlname="Frame" title=" " style="SteamController10ft" } 6 | 7 | ConfirmTextHeader { controlname="Label" labeltext="#Steam_VGUIControllerWarningHeader" wrap=0 style=ConfirmTextHeader } 8 | ConfirmText { controlname="Label" labeltext="#Steam_VGUIControllerWarning" wrap=1 style=ConfirmText } 9 | 10 | ControllerDontShowCheckButton { controlname="CheckButton" tabposition=3 labeltext="#SteamUI_NotifyTrayHintDialog_DontShow" } 11 | Help { controlname="Button" tabposition=2 labeltext="#steam_menu_help" } 12 | Close { controlname="Button" tabposition=1 labeltext="#vgui_close" } 13 | } 14 | 15 | styles 16 | { 17 | SteamController10ft 18 | { 19 | minimum-width = 706 20 | minimum-height = 370 21 | inset="0 0 0 0" 22 | 23 | render_bg 24 | { 25 | // background gradient 26 | 0="gradient( x0+1, y0, x1-1, y1-45, dialogbg, almostblack )" 27 | 5="image( x0 + 3, y0 + 3, x1, y1, graphics/controller_dialog )" 28 | } 29 | } 30 | 31 | ConfirmTextHeader 32 | { 33 | textcolor="110 192 236 255" 34 | font-size=26 35 | } 36 | 37 | ConfirmText 38 | { 39 | textcolor="110 192 236 255" 40 | font-size=20 41 | } 42 | } 43 | 44 | layout 45 | { 46 | region { name="bottom" width=max align=bottom height=45 margin=10 } 47 | 48 | place { control="ConfirmTextHeader" width=435 y=116 margin-left=30 } 49 | place { control="ConfirmText" width=430 y=140 margin=20 margin-left=30 } 50 | place { control="ControllerBackground" width=max y=40 height=max margin=15 } 51 | place { control="Close,Help" region="bottom" align=right spacing=20 width=100 height=25 } 52 | place { control="ControllerDontShowCheckButton" region="bottom" align=left spacing=5 margin-left=20 } 53 | 54 | } 55 | 56 | } 57 | -------------------------------------------------------------------------------- /resource/layout/htmlfindbar.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/htmlfindbar.layout" 2 | { 3 | controls 4 | { 5 | FindEntry { controlname=TextEntry default=1 unicode=1 tabposition=1 style="FindEntry" } 6 | FindCount { controlname=Label labeltext="#vgui_HTMLSearchMatch" } 7 | Close { controlname=Button command="Close" style="CloseButtonSm" } 8 | Next { controlname=Button command="next" style="NextButtonSm" } 9 | Previous { controlname=Button command="previous" style="PrevButtonSm" } 10 | SearchThisPage { controlname=Label labeltext="#vgui_HTMLSearchThisPage" style="" } 11 | } 12 | 13 | styles 14 | { 15 | FindEntry 16 | { 17 | 18 | } 19 | CloseButtonSm 20 | { 21 | bgcolor=none 22 | inset="0 0 0 0" 23 | render_bg={} 24 | image="graphics/win32_win_close" 25 | } 26 | CloseButtonSm:hover 27 | { 28 | render_bg {} 29 | image="graphics/win32_win_close_hover" 30 | } 31 | NextButtonSm 32 | { 33 | bgcolor=none 34 | inset="0 0 0 0" 35 | render_bg={} 36 | image="graphics/find_icon_down" 37 | } 38 | NextButtonSm:hover 39 | { 40 | bgcolor=none 41 | inset="0 0 0 0" 42 | render_bg={} 43 | image="graphics/find_icon_down_hover" 44 | } 45 | PrevButtonSm 46 | { 47 | bgcolor=none 48 | inset="0 0 0 0" 49 | render_bg={} 50 | image="graphics/find_icon_up" 51 | } 52 | PrevButtonSm:hover 53 | { 54 | bgcolor=none 55 | inset="0 0 0 0" 56 | render_bg={} 57 | image="graphics/find_icon_up_hover" 58 | } 59 | } 60 | 61 | layout 62 | { 63 | place { control="FindEntry" width=180 align=left y=6 margin-right=26 margin-left=98 } 64 | place { control="FindCount" width=70 align=right y=6 margin-right=40 margin-left=6 margin-top=5 } 65 | place { control="Next,Previous,Close" align=right height=24 width=22 margin-right=5 margin-top=6 } 66 | place { control="SearchThisPage" align=left height=22 width=94 margin-left=8 margin-top=8} 67 | 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /resource/layout/settingsdialog.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/settingsdialog.layout" 2 | { 3 | controls 4 | { 5 | SettingsDialog { controlname="CDialogSettings" } 6 | okbutton { controlname="OKButton" } 7 | cancelbutton { controlname="CancelButton" } 8 | settingslist { controlname="SettingsList" style="SettingsList" wide=180 } 9 | sheet { controlname="Sheet" style="PropertySheet" } 10 | 11 | } 12 | 13 | styles 14 | { 15 | CDialogSettings 16 | { 17 | minimum-width="740" 18 | minimum-height="585" 19 | bgcolor=DialogBG 20 | render_bg 21 | { 22 | // 0="gradient_horizontal( x0 + 10, y0 + 32, x1 - 10, y0 + 33, ButtonBorderDisabled, propertysheetbg )" 23 | } 24 | 25 | } 26 | 27 | PropertySheet 28 | { 29 | minimum-width="535" 30 | minimum-height="505" 31 | inset="0 32 0 0" 32 | bgcolor=DialogBG 33 | render_bg 34 | { 35 | 36 | } 37 | 38 | } 39 | "SettingsList" 40 | { 41 | inset="6 -14 4 0" 42 | minimum-width="200" 43 | minimum-height="525" 44 | font-size=18 45 | padding=6 46 | } 47 | 48 | ListPanelInterior 49 | { 50 | inset="3 0 0 0" 51 | font-size=15 52 | textcolor="text2" 53 | bgcolor="DialogBG" 54 | render 55 | { 56 | //line to hide a bug here 57 | //1="fill(x0, y0-1, x1, y0, almostblack )" 58 | //gradient to obscure content at bottom of scrolling region 59 | //2="gradient( x0+1, y1 - 16, x1-1, y1, none, almostblack )" 60 | } 61 | render_bg 62 | { 63 | 64 | } 65 | } 66 | 67 | 68 | } 69 | layout 70 | { 71 | region { name="buttons" width=max height=36 align="bottom" } 72 | region { name="body" margin-left=10 margin-right=10 margin-bottom=46 margin-top=-20 } 73 | 74 | 75 | place { control="settingslist,sheet" region=body width=max height=max spacing=-4 } 76 | place { control="settingslist" margin-top=32 } 77 | place { control="sheet" margin-left=194 margin-top=-18 } 78 | place { control="okbutton,cancelbutton" region="buttons" 79 | width=92 height=25 align=right 80 | margin-right=10 margin-top=0 81 | margin-bottom=2 spacing=10 } 82 | } 83 | } 84 | -------------------------------------------------------------------------------- /resource/layout/friendpanel_compact.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/friendpanel_compact.layout" 2 | { 3 | // custom layout 4 | 5 | controls 6 | { 7 | MenuButton 8 | {style=menuButtonStyle } 9 | AvatarOverlayImage { zpos=2 } 10 | 11 | AcceptLink { style="inviteLinkStyle" } 12 | IgnoreLink { style="inviteLinkStyle" } 13 | BlockLink { style="inviteLinkStyle" } 14 | } 15 | styles 16 | { 17 | CFriendPanel:selected //only used in non-avatar view for friends 18 | { 19 | render_bg { 20 | 0="gradient_horizontal( x0 - 1, y0+ 1, x1, y0+2, focus3, none )" 21 | 1="gradient_horizontal( x0 - 2, y0+2, x1, y1-2, focus3, none )" 22 | 1="gradient_horizontal( x0 - 1, y1-2, x1, y1-1, focus3, none )" 23 | } 24 | } 25 | 26 | SelfPanel:hover 27 | { 28 | render_bg 29 | { 30 | } 31 | } 32 | 33 | menuButtonStyle 34 | { 35 | minimum-width=14 36 | padding-top=3 37 | padding-bottom=3 38 | padding-right=2 39 | padding-left=1 40 | } 41 | 42 | menuButtonStyle:hover 43 | { 44 | 45 | render_bg { 46 | 47 | //background 48 | 0="fill( x0 + 2, y0 + 1 , x1 - 1, y1 - 1, buttonfaceactive )" 49 | //lines around 50 | 1="fill(x0 + 1, y0 + 2, x0 + 2, y1 - 2, buttonfaceactive )" //left 51 | 2="fill(x1 - 1, y0 + 2, x1, y1 - 2, buttonfaceactive )" //right 52 | } 53 | } 54 | 55 | downarrow:hover 56 | { 57 | 58 | render_bg { 59 | 60 | //background 61 | 0="fill( x0 + 2, y0 + 1 , x1 - 1, y1 - 1, buttonfaceactive )" 62 | //lines around 63 | 1="fill(x0 + 1, y0 + 2, x0 + 2, y1 - 2, buttonfaceactive )" //left 64 | 2="fill(x1 - 1, y0 + 2, x1, y1 - 2, buttonfaceactive )" //right 65 | 3="image( x0, y0, x1, y1, graphics/icon_down_hover )" 66 | } 67 | } 68 | 69 | inviteLinkStyle 70 | { 71 | font-style="" 72 | textcolor=Text2 73 | padding-left=2 74 | } 75 | 76 | inviteLinkStyle:hover 77 | { 78 | textcolor=White 79 | font-style=underline 80 | } 81 | } 82 | 83 | layout 84 | { 85 | place { control="ClanStatusImage,NameLabel,FriendsNameInstanceLabel,CompactSeparatorLabel,StatusLabel,GameLabel,AcceptLink,IgnoreLink,BlockLink,SuggestedImage,SuggestedLabel,SuggestedInvite,SuggestedIgnore,MenuButton" x=1 y=1 spacing=4 } 86 | } 87 | 88 | } 89 | -------------------------------------------------------------------------------- /resource/layout/accountmenu.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/accountmenu.layout" 2 | { 3 | controls 4 | { 5 | view_profile_button { controlname="Button" style="account_menu_button" labelText="#steam_menu_account_view_profile" } 6 | view_account_button { controlname="Button" style="account_menu_button" labelText="#steam_menu_account_details" } 7 | view_wallet_button { controlname="Button" style="account_menu_button" labelText="#steam_menu_account_wallet" } 8 | view_preferences_button { controlname="Button" style="account_menu_button" labelText="#steam_menu_account_preferences" } 9 | change_user_button { controlname="Button" style="account_menu_button" labelText="#steam_menu_account_logout" } 10 | account_name_label { controlname="Label" style="account_menu_label" labelText="%account%" } 11 | wallet_amount_label { controlname="Label" style="account_menu_label" labelText="%wallet%" } 12 | } 13 | 14 | styles 15 | { 16 | AccountMenuStyle 17 | { 18 | render_bg 19 | { 20 | // top area and graphic 21 | 0="fill( x0, y0, x1, y1, MenuBG )" 22 | 23 | 1="fill( x0 + 1, y0, x1 - 1, y0 + 1, blueborder )" // top 24 | 2="fill( x0 + 1, y1 - 1, x1 - 1, y1, blueborder )" // bottom 25 | 3="fill( x0, y0 + 1, x0 + 1, y1 - 1, blueborder )" // left 26 | 4="fill( x1 - 1, y0 + 1, x1, y1 - 1, blueborder )" // right 27 | } 28 | } 29 | 30 | account_menu_button 31 | { 32 | font-size=14 33 | font-weight=regular 34 | textcolor="label" 35 | font-style="" 36 | render_bg{} 37 | } 38 | 39 | account_menu_label 40 | { 41 | font-size=14 42 | font-weight=regular 43 | textcolor="Friends.OnlineColor" 44 | font-style="" 45 | render_bg{} 46 | } 47 | 48 | account_menu_button:hover 49 | { 50 | textcolor="SuperNavHover" 51 | } 52 | } 53 | 54 | layout 55 | { 56 | place { control="view_profile_button" align=left margin-left=4 margin-top=4 height=24 width=max } 57 | place { control="view_account_button" align=left margin-left=4 margin-top=28 height=24 width=max } 58 | place { control="change_user_button" align=left margin-left=4 margin-top=52 height=24 width=max } 59 | place { control="view_preferences_button" align=left margin-left=4 margin-top=76 height=24 width=max } 60 | place { control="view_wallet_button" align=left margin-left=4 margin-top=100 height=24 width=max } 61 | 62 | } 63 | } 64 | -------------------------------------------------------------------------------- /resource/layout/blecontrollerfirmware.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/blecontrollerfirmware.layout" 2 | { 3 | controls 4 | { 5 | BLEFirmwareUpdate { controlname="Frame" title="#Steam_BLEControllerFirmware_Title" style="BLEFirmwareUpdate" } 6 | 7 | ConfirmTextHeader { controlname="Label" labeltext="#Steam_BLEControllerFirmware_Header" wrap=0 style=ConfirmTextHeader } 8 | ConfirmText { controlname="Label" labeltext="#Steam_BLEControllerFirmware_Body" wrap=1 style=ConfirmText } 9 | 10 | BLEFirmwareDontShowCheckButton { controlname="CheckButton" tabposition=4 labeltext="#SteamUI_NotifyTrayHintDialog_DontShow" } 11 | LearnMore { controlname="Button" tabposition=1 labeltext="#Steam_BLEControllerFirmware_LearnMore" textalignment=left } 12 | UpdateNow { controlname="Button" tabposition=2 labeltext="#Steam_BLEControllerFirmware_UpdateNow" textalignment=left } 13 | Close { controlname="Button" tabposition=3 labeltext="#vgui_close" textalignment=left } 14 | } 15 | 16 | styles 17 | { 18 | BLEFirmwareUpdate 19 | { 20 | minimum-width = 706 21 | minimum-height = 370 22 | inset="0 0 0 0" 23 | 24 | render_bg 25 | { 26 | // background gradient 27 | 0="gradient( x0+1, y0, x1-1, y1-45, dialogbg, almostblack )" 28 | 5="image( x0 + 3, y0 + 3, x1, y1, graphics/blefirmwareupdate )" 29 | } 30 | } 31 | 32 | ConfirmTextHeader 33 | { 34 | textcolor="110 192 236 255" 35 | font-size=26 36 | } 37 | 38 | ConfirmText 39 | { 40 | textcolor="110 192 236 255" 41 | font-size=20 42 | font-weight=700 43 | selectedtextcolor="label2" 44 | render_bg {} 45 | height=400px 46 | } 47 | } 48 | 49 | layout 50 | { 51 | region { name="bottom" width=max align=bottom height=45 margin=10 } 52 | 53 | place { control="ConfirmTextHeader" width=435 y=86 margin-left=30 } 54 | place { control="ConfirmText" width=295 y=105 margin=20 height=max margin-left=30 spacing=10 dir=down } 55 | place { control="ControllerBackground" width=max y=40 height=max margin=15 } 56 | place { control="Close" region="bottom" align=right margin-right=20 width=120 height=25 } 57 | place { control="UpdateNow" region="bottom" align=right end-right="Close" margin-right=20 width=160 height=25 } 58 | place { control="LearnMore" region="bottom" align=right end-right="UpdateNow" margin-right=20 width=120 height=25 } 59 | place { control="BLEFirmwareDontShowCheckButton" region="bottom" align=left spacing=5 margin-left=20 } 60 | } 61 | } 62 | -------------------------------------------------------------------------------- /resource/layout/toolwindow.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/toolwindow.layout" 2 | { 3 | controls 4 | { 5 | // the container 6 | ToolWindowSheet { controlname="PropertySheet" } 7 | } 8 | 9 | 10 | styles 11 | { 12 | ToolWindow 13 | { 14 | bgcolor="none" 15 | render_bg 16 | { 17 | 0="gradient( x0, y0 -1, x1, y1, ClientBG, DialogBG )" 18 | 1="image( x0, y0, x1, y1, graphics/clienttexture2)" 19 | 2="gradient( x0, y0, x1, y1 + 38, TitleBar, none )" 20 | 3="gradient( x0 + 8, y0 + 34, x1 - 8, y1, dialogbg, DialogBG )" 21 | 4="gradient( x0 + 8, y0 + 50, x1 - 8, y1, dialogbg, DialogBG )" [$OSX] 22 | } 23 | } 24 | 25 | ToolWindow:framefocus 26 | { 27 | bgcolor="none" 28 | render_bg 29 | { 30 | 0="gradient( x0, y0 -1, x1, y1, ClientBG, DialogBG )" 31 | 1="image( x0, y0, x1, y1, graphics/clienttexture2)" 32 | 2="gradient( x0, y0, x1, y1 + 38, TitleBarfocus, none )" 33 | 3="gradient( x0 + 8, y0 + 34, x1 - 8, y1, dialogbg, DialogBG )" 34 | 4="gradient( x0 + 8, y0 + 50, x1 - 8, y1, dialogbg, DialogBG )" [$OSX] 35 | } 36 | } 37 | 38 | 39 | Button 40 | { 41 | textcolor="0 0 0 0" // don't render the + as text 42 | render_bg 43 | { 44 | // background fill 45 | 0="fill( x0, y0, x1 - 1, y1 - 1, propertysheetbg )" 46 | 1="image(x0 + 6, y0 + 7, x1, y1 - 1, graphics/new_tab)" 47 | } 48 | } 49 | 50 | Button:hover 51 | { 52 | render_bg 53 | { 54 | // background fill 55 | 0="fill( x0, y0, x1 - 1, y1 - 1, buttonfaceactive )" 56 | 1="image(x0 + 6, y0 + 7, x1, y1 - 1, graphics/new_tab)" 57 | } 58 | } 59 | 60 | 61 | MenuButton 62 | { 63 | padding-right=4 64 | bgcolor=none 65 | render_bg 66 | { 67 | // background fill 68 | 0="fill( x0, y0, x1 - 1, y1 - 1, propertysheetbg )" 69 | } 70 | } 71 | 72 | TabMenuButtonFlash 73 | { 74 | bgcolor=none 75 | render_bg 76 | { 77 | // background fill 78 | 0="fill( x0, y0, x1 - 1, y1 - 1, PropertySheet.FlashTabColor )" 79 | } 80 | } 81 | 82 | TabMenuItemFlash 83 | { 84 | textcolor="PropertySheet.FlashTabColor" 85 | } 86 | 87 | PageTab 88 | { 89 | font-size=14 90 | font-style=regular 91 | } 92 | 93 | PageTab:hover 94 | { 95 | font-size=14 96 | font-style=regular 97 | } 98 | 99 | PageTab:selected:hover 100 | { 101 | font-size=14 102 | font-style=regular 103 | } 104 | 105 | PageTab:selected 106 | { 107 | font-size=14 108 | font-style=regular 109 | } 110 | 111 | } 112 | 113 | layout 114 | { 115 | place [!$OSX] { control="frame_minimize,frame_maximize,frame_close" align=right margin-top=5 margin-right=2 spacing=-5 } 116 | place [!$OSX] { control="ToolWindowSheet" x=8 y=8 height=max width=max margin-right=8 } 117 | place [$OSX] { control="ToolWindowSheet" x=8 y=23 height=max width=max margin-right=8 } 118 | } 119 | } 120 | -------------------------------------------------------------------------------- /resource/layout/pagination_panel.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/pagination_panel.layout" 2 | { 3 | controls 4 | { 5 | pagination { controlname="CPaginationPanel" style="pagination" } 6 | pagedescription { controlname="Label" labeltext="#steam_paginationtext" style="pagedescriptionstyle" } 7 | FirstLink { controlname="Button" labeltext="1" style="PageButton" } 8 | PreviousLink { controlname="Button" labeltext="<" style="JumpButton" } 9 | page1 { controlname="Button" visible=0 style="PageButton" } 10 | page2 { controlname="Button" visible=0 style="PageButton" } 11 | page3 { controlname="Button" visible=0 style="PageButton" } 12 | page4 { controlname="Button" visible=0 style="PageButton" } 13 | page5 { controlname="Button" visible=0 style="PageButton" } 14 | page6 { controlname="Button" visible=0 style="PageButton" } 15 | page7 { controlname="Button" visible=0 style="PageButton" } 16 | page8 { controlname="Button" visible=0 style="PageButton" } 17 | page9 { controlname="Button" visible=0 style="PageButton" } 18 | page10 { controlname="Button" visible=0 style="PageButton" } 19 | page11 { controlname="Button" visible=0 style="PageButton" } 20 | page12 { controlname="Button" visible=0 style="PageButton" } 21 | page13 { controlname="Button" visible=0 style="PageButton" } 22 | page14 { controlname="Button" visible=0 style="PageButton" } 23 | page15 { controlname="Button" visible=0 style="PageButton" } 24 | page16 { controlname="Button" visible=0 style="PageButton" } 25 | page17 { controlname="Button" visible=0 style="PageButton" } 26 | page18 { controlname="Button" visible=0 style="PageButton" } 27 | page19 { controlname="Button" visible=0 style="PageButton" } 28 | page20 { controlname="Button" visible=0 style="PageButton" } 29 | NextLink { controlname="Button" labeltext=">" style="JumpButton" } 30 | LastLink { controlname="Button" labeltext="Last" style="PageButton" } 31 | LeftSpacer { controlname="Label" labeltext="..." style="spacerstyle" } 32 | RightSpacer { controlname="Label" labeltext="..." style="spacerstyle" } 33 | } 34 | 35 | colors 36 | { 37 | PaginationPanel.ExtraVerticalSpacing "25" 38 | } 39 | 40 | styles 41 | { 42 | paginationLinkDisabledStyle 43 | { 44 | textcolor=TextDisabled 45 | font-style=underline 46 | } 47 | 48 | pagedescriptionstyle 49 | { 50 | padding-left=3 51 | font-size=15 52 | } 53 | 54 | PageButton 55 | { 56 | render_bg {} 57 | minimum-width=30 58 | } 59 | 60 | PageButton:hover 61 | { 62 | render_bg {} 63 | textcolor=White 64 | font-style=underline,uppercase 65 | } 66 | 67 | JumpButton 68 | { 69 | padding-left=10 70 | padding-right=10 71 | } 72 | 73 | paginationLinkStyle 74 | { 75 | font-style="" 76 | textcolor=Text2 77 | } 78 | 79 | paginationLinkStyle:hover 80 | { 81 | textcolor=White 82 | font-style=underline 83 | } 84 | 85 | spacerstyle 86 | { 87 | padding-right=10 88 | textcolor=Text2 89 | } 90 | } 91 | 92 | layout 93 | { 94 | region { name=body margin=0 width=max height=max } 95 | place { region=body y=2 control=pagedescription } 96 | place { region=body align=right control=PreviousLink,FirstLink,LeftSpacer,page1,page2,page3,page4,page5,page6,page7,page8,page9,page10,page11,page12,page13,page14,page15,page16,page17,page18,page19,page20,RightSpacer,LastLink,NextLink } 97 | } 98 | } 99 | -------------------------------------------------------------------------------- /INSTALL.md: -------------------------------------------------------------------------------- 1 | ### [Steam](https://store.steampowered.com) 2 | 3 | > ⚠️ Attention: **Steam** (the platform) **no longer supports themes**, and this repository **no longer has active maintainers**. So it's just a search and reference theme. 4 | 5 | ### There is a "basic" and a "extended" version of this theme. 6 | 7 | To install the extended version first install the basic version and proceed then with the extended version. 8 | 9 | ### Basic installation 10 | 11 | #### Linux 12 | 13 | If you use the best OS available, the installation can be very easy. Please check beforehand, if the mentioned Steam folder is existing (it should be on every distribution, but you can never be sure). 14 | Use the terminal, Luke: 15 | 16 | 1. `cd ~/.local/share/Steam/skins/ && git clone https://github.com/dracula/steam.git 'Dracula'` 17 | 2. open Steam and go to `Steam -> Settings -> Preferences` and open the section `Interface` 18 | 3. select the skin `Dracula` and restart Steam, done! 19 | 20 | #### Windows 21 | 22 | 1. download or clone this [repository](https://github.com/dracula/steam) 23 | 2. extract (if downloaded compressed) 24 | 3. move the extracted folder into your Steam skin folder (which is in the Steam base folder) 25 | default location: `C:\Program Files (x86)\Steam\Skins` 26 | 4. open Steam and go to `Steam -> Settings -> Preferences` and open the section `Interface` 27 | 5. select the skin `Dracula` and restart Steam, done! 28 | 29 | #### Mac 30 | 31 | 1. download or clone the [repository](https://github.com/dracula/steam) 32 | 2. extract (if downloaded compressed) 33 | 3. open `Finder` and press `CMD + Shift + G` 34 | 4. type in `~/Library/Application Support/Steam/Steam.AppBundle/Steam/Contents/MacOS/skins` 35 | 5. move the extracted folder into this folder 36 | 6. open Steam and go to `Steam -> Settings -> Preferences` and open the section `Interface` 37 | 7. select the skin `Dracula` or and restart Steam, done! 38 | 39 | #### [Homebrew](https://brew.sh) 40 | 41 | Easily install from [dracula/homebrew-install](https://github.com/dracula/homebrew-install/blob/master/Casks/dracula-steam.rb): 42 | 43 | ```sh 44 | brew tap dracula/install 45 | brew install --cask dracula-steam 46 | ``` 47 | 48 | ### Extended Installation 49 | 50 | Steam decided to make it harder to customize the library with new layout introduced in late 2019. 51 | To customize the library now, you have to alter a specific .css file that's get changed back after every restart. 52 | We can prevent this by starting steam with the start option `-noverifyfiles` enabled. 53 | After a steam update you have to redo the following install instructions. 54 | 55 | #### Linux 56 | 57 | 1. execute `install.sh` to move the custom css files into the right folder 58 | 2. if you start Steam per autostart, check how to alter the autostart instructions in your distro and add the start option `-noverifyfiles` 59 | 60 | #### Windows 61 | 62 | 1. execute `install.bat` to move the custom css files into the right folder 63 | 2. if you don't have autostart enabled, ignore these next steps 64 | 1. press Win + R, type `regedit` and press Enter 65 | 2. navigate to `HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Run` where you should see a key of type _REG_SZ_ named **Steam** 66 | 3. double click the key, and add `-noverifyfiles` to the end 67 | 3. modify your Steam shortcuts by right-clicking them, going to properties, and in the **Target** field add `-noverifyfiles` 68 | 69 | ### Other OS & Manual installation 70 | 71 | 1. in `Steam/steamui/css` rename `1010.css` to `steam1010.css` and `library.css` to `steamlibrary.css` 72 | 2. move all .css files from the skin folder (`skins/dracula/css`) into the css folder of steam (`steam/steamui/css`) 73 | 3. if you start Steam per autostart, check how to alter the autostart instructions in your OS and add the start option `-noverifyfiles` 74 | -------------------------------------------------------------------------------- /resource/layout/htmlpopup.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/htmlpopup.layout" 2 | { 3 | controls 4 | { 5 | HTMLPopup { controlname="HTMLPopup" frametitle="" } 6 | htmlpopupchild { controlname="HTML" zpos=1 } 7 | URLBar { controlname="TextEntry" style="TextEntryURL" enabled=false } 8 | EVCert { controlname="Label" style="LabelEVCert" visible=false } 9 | StatusText { controlname="Label" } 10 | 11 | URLStatusImage { controlname="ImagePanel" style="URLStatusImage" } 12 | StopButton { controlname="Button" command="WebStop" labeltext="" style="StopButton" } 13 | ReloadButton { controlname="Button" command="WebReload" labeltext="" style="ReloadButton" } 14 | ForwardButton { controlname="Button" command="WebForward" labeltext="" style="ForwardButtonSm" } 15 | BackButton { controlname="Button" command="WebBack" style="BackButtonSm" } 16 | PageLoadThrobber { controlname="ImagePanel" image="graphics/rampDown_4" } 17 | } 18 | 19 | styles 20 | { 21 | BackButtonSm 22 | { 23 | bgcolor=none 24 | inset="0 0 0 0" 25 | render_bg={} 26 | image="steam/cached/icon_button_back_sm" 27 | } 28 | BackButtonSm:hover 29 | { 30 | bgcolor=none 31 | render_bg={} 32 | image="steam/cached/icon_button_back_over_sm" 33 | } 34 | BackButtonSm:active 35 | { 36 | bgcolor=none 37 | render_bg={} 38 | image="steam/cached/icon_button_back_down_sm" 39 | } 40 | BackButtonSm:disabled 41 | { 42 | bgcolor=none 43 | render_bg={} 44 | image="steam/cached/icon_button_back_disabled_sm" 45 | } 46 | ForwardButtonSm 47 | { 48 | bgcolor=none 49 | inset="-1 0 0 0" 50 | render_bg={} 51 | image="steam/cached/icon_button_forward_sm" 52 | } 53 | 54 | ForwardButtonSm:hover 55 | { 56 | inset="-1 0 0 0" 57 | bgcolor=none 58 | render_bg={} 59 | image="steam/cached/icon_button_forward_over_sm" 60 | } 61 | ForwardButtonSm:active 62 | { 63 | inset="-1 0 0 0" 64 | bgcolor=none 65 | render_bg={} 66 | image="steam/cached/icon_button_forward_down_sm" 67 | } 68 | ForwardButtonSm:disabled 69 | { 70 | inset="-1 0 0 0" 71 | bgcolor=none 72 | render_bg={} 73 | image="steam/cached/icon_button_forward_disabled_sm" 74 | } 75 | 76 | TextEntryURL 77 | { 78 | font-family=basefont 79 | font-size=14 80 | textcolor="text2" 81 | font-weight=400 82 | bgcolor="none" 83 | selectedtextcolor="TextEntrySelected" 84 | selectedbgcolor="TextSelectedBG" 85 | shadowtextcolor="Text" // this is the cursor color 86 | inset-left=2 87 | inset-top=-1 88 | } 89 | 90 | TextEntryURL:Hover 91 | { 92 | textcolor="text" 93 | } 94 | 95 | LabelEVCert 96 | { 97 | font-family=basefont 98 | font-size=14 99 | textcolor="darkclientbg" 100 | font-weight=400 101 | bgcolor="html.secureurl" 102 | inset-left=4 103 | inset-right=4 104 | inset-top=-1 105 | } 106 | 107 | URLStatusImage 108 | { 109 | bgcolor=none 110 | inset="0 0 0 0" 111 | render_bg={} 112 | image="graphics/html_lock_disabled" 113 | } 114 | 115 | URLBarSecure 116 | { 117 | textcolor="html.secureurl" 118 | } 119 | 120 | URLBarBrokenSecure 121 | { 122 | textcolor="html.insecureurl" 123 | } 124 | } 125 | 126 | layout 127 | { 128 | place { control="htmlpopupchild" width=max height=max margin-top=60 margin-left=8 margin-right=8 margin-bottom=26 } 129 | place { control="StatusText" align=bottom height=24 margin-left=9 margin-bottom=1 } 130 | place { control="PageLoadThrobber" align=right margin-top=28 margin-right=10 width=20 height=20 } 131 | 132 | place { control="BackButton,ForwardButton,ReloadButton,StopButton,URLStatusImage,EVCert,URLBar" x=0 y=28 height=22 width=max spacing=5 margin-right=10 } 133 | 134 | 135 | } 136 | 137 | } 138 | 139 | -------------------------------------------------------------------------------- /resource/layout/cloud_conflict_dialog.layout: -------------------------------------------------------------------------------- 1 | 2 | "resource/layout/cloud_conflict_dialog.layout" 3 | { 4 | controls 5 | { 6 | CloudSyncConflictDialog 7 | { 8 | controlname=CSyncConflictDialog 9 | } 10 | TextIntro 11 | { 12 | controlname=label 13 | labeltext="#Steam_CloudConflict_Text" 14 | style=intro 15 | wrap=1 16 | } 17 | TextCloudFiles 18 | { 19 | controlname=label 20 | labeltext="#Steam_CloudConflict_CloudFiles" 21 | style=bold 22 | } 23 | TextCloudFilesTime 24 | { 25 | controlname=label 26 | labeltext="#Steam_CloudConflict_CloudFiles_Time" 27 | wrap=1 28 | style=text 29 | } 30 | TextLocalFiles 31 | { 32 | controlname=label 33 | labeltext="#Steam_CloudConflict_LocalFiles" 34 | style=bold 35 | } 36 | TextLocalFilesTime 37 | { 38 | controlname=label 39 | labeltext="#Steam_CloudConflict_LocalFiles_Time" 40 | wrap=1 41 | style=text 42 | } 43 | AcceptLocalButton 44 | { 45 | controlname=button 46 | labeltext="#Steam_CloudConflict_Accept_Local" 47 | } 48 | AcceptRemoteButton 49 | { 50 | controlname=button 51 | labeltext="#Steam_CloudConflict_Accept_Remote" 52 | } 53 | CancelButton 54 | { 55 | controlname=button 56 | labeltext="#Steam_CloudConflict_Cancel" 57 | } 58 | TextCancelNote 59 | { 60 | controlname=label 61 | labeltext="#Steam_CloudConflict_Note" 62 | wrap=1 63 | } 64 | WarningIcon { controlname=imagepanel image=graphics/cloud_uhoh } 65 | CloudFilesIcon { controlname=imagepanel image=graphics/cloud_cloudfiles } 66 | LocalFilesIcon { controlname=imagepanel image=graphics/cloud_localfiles } 67 | UploadIcon { controlname=imagepanel image=graphics/cloud_icon_up style=arrows } 68 | DownloadIcon { controlname=imagepanel image=graphics/cloud_icon_down style=arrows } 69 | TopDivider { controlname=divider } 70 | BottomDivider { controlname=divider } 71 | } 72 | 73 | styles 74 | { 75 | intro 76 | { 77 | textcolor=text 78 | font-size=16 79 | font-family=basefont 80 | font-weight=700 81 | } 82 | bold 83 | { 84 | textcolor=text 85 | font-size=16 86 | font-family=basefont 87 | font-weight=700 88 | font-style=uppercase 89 | } 90 | text 91 | { 92 | textcolor=texthover 93 | font-size=14 94 | } 95 | arrows 96 | { 97 | inset="0 2 0 -2" 98 | } 99 | } 100 | 101 | layout 102 | { 103 | region { name=box margin-left=20 margin-right=20 margin-top=20 margin-bottom=20 } 104 | 105 | region { region=box name=intro margin-top=30 } 106 | region { region=box name=cloud margin-top=130 } 107 | region { region=box name=local margin-top=220 } 108 | region { region=box name=cancel margin-top=310 } 109 | 110 | 111 | place { region=intro control=WarningIcon x=20 y=0 } 112 | place { region=intro controls=TextIntro x=165 y=10 width=310 height=80 } 113 | place { region=intro controls=TopDivider y=80 width=max } 114 | 115 | place { region=cloud control=CloudFilesIcon x=0 y=0 } 116 | place { region=cloud control=TextCloudFiles x=75 y=10 } 117 | place { region=cloud control=TextCloudFilesTime x=75 y=35 width=max } 118 | place { region=cloud controls=DownloadIcon x=200 y=8 } 119 | place { region=cloud controls=AcceptRemoteButton x=225 y=8 width=max } 120 | 121 | place { region=local control=LocalFilesIcon x=0 y=0 } 122 | place { region=local control=TextLocalFiles x=75 y=10 } 123 | place { region=local control=TextLocalFilesTime x=75 y=35 width=max } 124 | place { region=local controls=UploadIcon x=200 y=8 } 125 | place { region=local controls=AcceptLocalButton x=225 y=8 width=max} 126 | place { region=local controls=BottomDivider y=80 width=max } 127 | 128 | place { region=cancel control=CancelButton x=220 y=15 width=max } 129 | place { region=cancel control=TextCancelNote x=220 y=40 width=max } 130 | } 131 | 132 | } 133 | -------------------------------------------------------------------------------- /resource/layout/accountbutton.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/accountbutton.layout" 2 | { 3 | controls 4 | { 5 | account_avatar 6 | { 7 | "ControlName" "Image" 8 | "fieldName" "account_avatar" 9 | "zpos" "-2" // behind dropdown button 10 | } 11 | 12 | account_drop_down 13 | { 14 | "ControlName" "Label" 15 | "fieldName" "account_drop_down" 16 | "zpos" "-2" // behind dropdown button 17 | "style" "AccountDropDownStyleOffline" 18 | } 19 | 20 | 21 | account_balance 22 | { 23 | "ControlName" "Label" 24 | "fieldName" "account_balance" 25 | "style" "AccountBalanceStyle" 26 | 27 | "zpos" "-2" // behind dropdown button 28 | } 29 | 30 | account_persona 31 | { 32 | "ControlName" "Label" 33 | "fieldName" "account_persona" 34 | "style" "AccountPersonaStyleOffline" 35 | "labelText" "%persona%" 36 | "zpos" "-2" // behind dropdown button 37 | } 38 | 39 | account_menu_button 40 | { 41 | "ControlName" "Button" 42 | "fieldName" "account_menu_button" 43 | "labelText" "" 44 | "style" "AccountMenuButtonStyle" 45 | } 46 | } 47 | 48 | styles 49 | { 50 | AccountPersonaStyleOffline 51 | { 52 | padding-right=6 53 | padding-left=12 54 | textcolor=Friends.OfflineColor 55 | } 56 | 57 | AccountPersonaStyleOnline 58 | { 59 | padding-right=6 60 | padding-left=12 61 | textcolor=Friends.OnlineColor 62 | render_bg 63 | { 64 | 0="gradient_horizontal( x0, y0 - 1, x0 + 2, y1 + 1, Friends.OnlineColor, DialogBG )" 65 | } 66 | } 67 | 68 | AccountPersonaStyleInGame 69 | { 70 | padding-right=6 71 | padding-left=12 72 | textcolor=Friends.InGameColor 73 | render_bg 74 | { 75 | 0="gradient_horizontal( x0, y0 - 1, x0 + 2, y1 + 1, Friends.InGameColor, DialogBG )" 76 | } 77 | } 78 | 79 | AccountDropDownStyleOffline 80 | { 81 | render_bg 82 | { 83 | 1="image( x0, y0+10, x1, y1, graphics/dropdown_offline )" 84 | } 85 | 86 | } 87 | 88 | AccountDropDownStyleOnline 89 | { 90 | render_bg 91 | { 92 | 1="image( x0, y0 + 10, x1, y1, graphics/dropdown_online )" 93 | } 94 | } 95 | 96 | AccountDropDownStyleInGame 97 | { 98 | render_bg 99 | { 100 | 1="image( x0, y0+10, x1, y1, graphics/dropdown_ingame )" 101 | } 102 | } 103 | 104 | AccountButtonStyle 105 | { 106 | render_bg 107 | { 108 | // background fill 109 | 0="fill( x0, y0, x1, y1, draculaSelection )" 110 | } 111 | } 112 | 113 | AccountButtonStyle:hover 114 | { 115 | render_bg 116 | { 117 | // background fill 118 | 0="fill( x0, y0, x1, y1, draculaAccent )" 119 | } 120 | } 121 | 122 | AccountBalanceStyle 123 | { 124 | textcolor="labeldisabled" 125 | bgcolor="none" 126 | font-family=basefont 127 | font-size=14 128 | font-weight=400 129 | font-style=regular 130 | padding-top=1 131 | padding-right=8 132 | padding-left=2 133 | } 134 | 135 | AccountBalanceStyle [$OSX] 136 | { 137 | textcolor="labeldisabled" 138 | bgcolor="none" 139 | font-family=basefont 140 | font-size=13 141 | font-weight=400 142 | font-style=regular 143 | inset="0 1 0 0" 144 | } 145 | 146 | AccountMenuButtonStyle 147 | { 148 | render_bg 149 | { 150 | // background fill 151 | // 0="fill( x0, y0, x1, y1, ClientBG)" 152 | } 153 | } 154 | } 155 | 156 | layout 157 | { 158 | place { control="account_menu_button" align=left height=24 width=max } // span over everything 159 | place { control="account_balance" align=right height=24 } 160 | place { control="account_drop_down" align=right end-right="account_balance" margin-top=1 height=24 width=8 } 161 | place { control="account_persona" align=right end-right="account_drop_down" margin-top=1 height=24 } 162 | place { control="account_avatar" align=right end-right="account_persona" height=24 width=24 } 163 | } 164 | } 165 | -------------------------------------------------------------------------------- /resource/layout/gameproperties_updates.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/gameproperties_updates.layout" 2 | { 3 | controls 4 | { 5 | 6 | UpdateCombo 7 | { 8 | "ControlName" "ComboBox" 9 | } 10 | 11 | UpdateNewsURL 12 | { 13 | "ControlName" "URLLabel" 14 | "fieldName" "UpdateNewsURL" 15 | "labelText" "#Steam_Game_UpdateNewsURL" 16 | "textAlignment" "north-west" 17 | "wrap" "0" 18 | "URLText" "http://www.steampowered.com/platform/update_history/Day of Defeat Source.html" 19 | } 20 | 21 | UpdateInfoText 22 | { 23 | "ControlName" "Label" 24 | "fieldName" "UpdateInfoText" 25 | "wide" "328" 26 | "tall" "42" 27 | "labelText" "#Steam_GameProperties_NeverUpdateInfo" 28 | "textAlignment" "north-west" 29 | "wrap" "1" 30 | } 31 | 32 | AutoUpdatesLabel 33 | { 34 | "ControlName" "Label" 35 | "labelText" "#Steam_Automatic_Updates" 36 | "textAlignment" "west" 37 | //"associate" "UpdateCombo" 38 | "wrap" "0" 39 | "style" "Highlight" 40 | } 41 | 42 | BackgroundDownloadsLabel { controlname=label labeltext="#Steam_GameProperties_BackgroundDownloadsWhilePlaying" style="Highlight" } 43 | BackgroundDownloadsInfo { controlname=label labeltext="#Steam_GameProperties_BackgroundDownloadsWhilePlayingInfo" wrap=1 } 44 | BackgroundDownloadsCombo { controlname=combobox } 45 | 46 | Divider1 47 | { 48 | "ControlName" "Divider" 49 | } 50 | 51 | Divider2 52 | { 53 | "ControlName" "Divider" 54 | } 55 | 56 | CloudLabel 57 | { 58 | "ControlName" "Label" 59 | "labelText" "#Steam_CloudLabel" 60 | "textAlignment" "west" 61 | "style" "Highlight" 62 | } 63 | 64 | CloudInfoLabel 65 | { 66 | "ControlName" "Label" 67 | "labelText" "#Steam_CloudInfo" 68 | "textAlignment" "north-west" 69 | "wrap" "1" 70 | } 71 | 72 | EnableCloudCheck 73 | { 74 | "ControlName" "CheckButton" 75 | "labelText" "#Steam_EnableCloudForApp" 76 | "textAlignment" "west" 77 | } 78 | 79 | CloudUsageLabel 80 | { 81 | "ControlName" "Label" 82 | "wide" "418" 83 | "tall" "28" 84 | "labelText" "#Steam_CloudUsage" 85 | "textAlignment" "west" 86 | "wrap" "1" 87 | "style" "CloudUsageLabelStyle" 88 | } 89 | 90 | CloudEnableLinkLabel 91 | { 92 | "ControlName" "URLLabel" 93 | "labelText" "#Steam_CloudEnableLink" 94 | "URLText" "steam://settings/downloads" 95 | "tall" "28" 96 | } 97 | 98 | CloudEnableLinkLabelExtraText 99 | { 100 | "controlname" "Label" 101 | "Labeltext" "#Steam_CloudEnableLinkContinued" 102 | "tall" "28" 103 | } 104 | } 105 | 106 | styles 107 | { 108 | Highlight 109 | { 110 | textcolor=text 111 | } 112 | 113 | CloudUsageLabelStyle:disabled 114 | { 115 | textcolor=TextDisabled 116 | } 117 | } 118 | 119 | layout 120 | { 121 | region { name=main margin=20 } 122 | 123 | place { controls="AutoUpdatesLabel" region=main } 124 | place { controls="UpdateCombo" region=main start=AutoUpdatesLabel dir=down width=334 height=24 margin-top=12 } 125 | place { controls="UpdateInfoText" region=main start=UpdateCombo dir=down width=328 height=42 margin-top=6 } 126 | place { controls="UpdateNewsURL" region=main start=UpdateInfoText dir=down width=418 height=28 margin-top=6 } 127 | 128 | place { controls="Divider1" region=main start=UpdateNewsURL dir=down width=max margin-top=26 } 129 | 130 | place { controls="BackgroundDownloadsLabel" region=main start=Divider1 dir=down width=334 margin-top=8 } 131 | place { controls="BackgroundDownloadsInfo" region=main start=BackgroundDownloadsLabel dir=down width=450 margin-top=12 } 132 | place { controls="BackgroundDownloadsCombo" region=main start=BackgroundDownloadsInfo dir=down width=334 height=24 margin-top=8 } 133 | 134 | place { controls="Divider2" region=main start=BackgroundDownloadsCombo dir=down width=max margin-top=26 } 135 | 136 | place { controls="CloudLabel" region=main start=Divider2 dir=down width=450 margin-top=8 } 137 | place { controls="CloudInfoLabel" region=main start=CloudLabel dir=down width=450 height=28 margin-top=12 } 138 | place { controls="EnableCloudCheck" region=main start=CloudInfoLabel dir=down width=420 height=28 margin-top=0 } 139 | place { controls="CloudUsageLabel" region=main start=EnableCloudCheck dir=down width=420 height=28 margin-top=0 margin-left=28 } 140 | place { controls="CloudEnableLinkLabel" region=main start=CloudUsageLabel height=28 dir=down spacing=4 wrap=1 margin-top=0 margin-left=-28 } 141 | place { controls="CloudEnableLinkLabelExtraText" region=main start=CloudEnableLinkLabel height=28 dir=right margin-left=4 wrap=1 margin-top=0 } 142 | } 143 | } -------------------------------------------------------------------------------- /resource/layout/gameproperties_general.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/gameproperties_general.layout" 2 | { 3 | controls 4 | { 5 | "GamePropertiesGeneral" 6 | { 7 | "ControlName" "CSubGamePropertiesGeneralPage" 8 | } 9 | "HomepageLabel" 10 | { 11 | "ControlName" "URLLabel" 12 | "labelText" "#Steam_DeveloperUnknownThirdParty" 13 | "URLText" "http://www.half-life2.com" 14 | } 15 | "DeveloperLabel" 16 | { 17 | "ControlName" "URLLabel" 18 | "labelText" "#Steam_DeveloperUnknownThirdParty" 19 | "URLText" "http://www.half-life2.com" 20 | } 21 | "ManualLabel" 22 | { 23 | "ControlName" "URLLabel" 24 | "labelText" "#Steam_Game_DefaultManual" 25 | "URLText" "http://www.half-life2.com/manual/HL2_quickrefcard.pdf" 26 | } 27 | "HomepageLabelName" 28 | { 29 | "ControlName" "Label" 30 | "labelText" "#Steam_Game_Homepage" 31 | "textAlignment" "west" 32 | } 33 | "DeveloperLabelName" 34 | { 35 | "ControlName" "Label" 36 | "labelText" "#Steam_Game_Developer" 37 | } 38 | "ManualLabelName" 39 | { 40 | "ControlName" "Label" 41 | "labelText" "#Steam_Game_Manual" 42 | } 43 | 44 | "EnableOverlayCheck" 45 | { 46 | "ControlName" "CheckButton" 47 | "labelText" "#Overlay_SettingsEnable" 48 | "Default" "0" 49 | } 50 | 51 | "EnableDesktopGameTheater" 52 | { 53 | "ControlName" "CheckButton" 54 | "labelText" "#Overlay_SettingsDesktopGameTheaterCheck" 55 | "Default" "0" 56 | } 57 | 58 | "SteamInputPerGameLabel" { controlname=label labeltext="#Steam_GameProperties_SteamInputSettings_PerGameOptIn" style="Highlight" } 59 | "SteamInputPerGameCombo" { controlname=combobox } 60 | 61 | "BPMOverlayPerGameLabel" { controlname=label labeltext="#Steam_GameProperties_BPMOverlay_PerGameOptIn" style="Highlight" } 62 | "BPMOverlayPerGameCombo" { controlname=combobox } 63 | 64 | "LaunchOptionsButton" 65 | { 66 | "ControlName" "Button" 67 | "labelText" "#Steam_Game_SetLaunchOptions" 68 | "Command" "SetLaunchOptions" 69 | } 70 | "CreateDesktopShortcutButton" 71 | { 72 | "ControlName" "Button" 73 | "labelText" "#Steam_Game_CreateDesktopShortcut" 74 | "Command" "CreateDesktopShortcut" 75 | } 76 | "NoManualLabel" 77 | { 78 | "ControlName" "Label" 79 | "fieldName" "NoManualLabel" 80 | "style" "LabelDull" 81 | "labelText" "#Steam_Game_NoManual" 82 | } 83 | "Divider1" 84 | { 85 | "ControlName" "Divider" 86 | } 87 | "ExternalSignupButton" 88 | { 89 | "ControlName" "Button" 90 | "labelText" "#Steam_ExternalSignupPropertiesButton" 91 | "Command" "ExternalSignup" 92 | } 93 | "ExternalSignupLabel" 94 | { 95 | "ControlName" "Label" 96 | "labelText" "#Steam_ExternalSignupPropertiesLabel" 97 | } 98 | "Divider2" 99 | { 100 | "ControlName" "Divider" 101 | } 102 | "FamilySharingUnsupportedLabel" 103 | { 104 | "ControlName" "Label" 105 | "labelText" "#Steam_Game_Family_Sharing_Unsupported" 106 | } 107 | "Divider3" [$LINUX] 108 | { 109 | "ControlName" "Divider" 110 | } 111 | "SteamPlayOverrideCheck" [$LINUX] 112 | { 113 | "ControlName" "CheckButton" 114 | "labelText" "#Steam_GameProperties_SteamPlaySettings_Override" 115 | "Default" "0" 116 | } 117 | "SteamPlayOverrideCombo" [$LINUX] 118 | { 119 | "ControlName" "ComboBox" 120 | } 121 | } 122 | 123 | 124 | colors 125 | { 126 | } 127 | 128 | styles 129 | { 130 | Highlight 131 | { 132 | textcolor=text 133 | } 134 | } 135 | 136 | layout 137 | { 138 | region { name=main margin=20 } 139 | place { control=HomepageLabelName,DeveloperLabelName,ManualLabelName spacing=20 dir=down region=main } 140 | place { controls=HomepageLabel,DeveloperLabel spacing=20 dir=down x=100 region=main } 141 | place { control=ManualLabel start=DeveloperLabel spacing=20 margin-top=20 dir=down region=main } 142 | place { control=NoManualLabel start=DeveloperLabel spacing=20 margin-top=20 dir=down region=main } 143 | 144 | place {controls=ExternalSignupLabel,ExternalSignupButton x=260 margin-top=34 dir=down margin-left=20 width=260 height=24 spacing=0 region=main } 145 | 146 | place {control=Divider1 start=ManualLabelName dir=down margin-top=10 region=main width=max } 147 | place {controls=EnableOverlayCheck,EnableDesktopGameTheater start=Divider1 dir=down margin-top=10 spacing=0 width=max region=main } 148 | 149 | place {controls=LaunchOptionsButton,CreateDesktopShortcutButton start=EnableDesktopGameTheater dir=down margin-top=10 spacing=10 width=240 height=24 region=main } 150 | place {control=Divider2 start=CreateDesktopShortcutButton dir=down margin-top=10 region=main width=max } 151 | place {controls=SteamInputPerGameLabel,SteamInputPerGameCombo start=Divider2 dir=down margin-top=10 spacing=10 width=max region=main } 152 | place {controls=BPMOverlayPerGameLabel,BPMOverlayPerGameCombo start=SteamInputPerGameCombo dir=down margin-top=10 spacing=10 width=max region=main } 153 | place [$LINUX] {control=Divider3 start=BPMOverlayPerGameCombo dir=down margin-top=10 region=main width=max } 154 | place [$LINUX] {controls=SteamPlayOverrideCheck,SteamPlayOverrideCombo start=Divider3 dir=down margin-top=10 spacing=10 width=max region=main } 155 | place {controls=FamilySharingUnsupportedLabel margin-top=493 margin-left=20 } 156 | 157 | } 158 | } 159 | -------------------------------------------------------------------------------- /resource/layout/friendpanel.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/friendpanel.layout" 2 | { 3 | controls 4 | { 5 | AvatarImage 6 | { 7 | } 8 | 9 | AvatarOverlayImage 10 | { 11 | zpos=2 12 | } 13 | 14 | // clan officer image 15 | ClanStatusImage 16 | { 17 | } 18 | 19 | // speaker icons for voice chat, still procedurally controlled 20 | MultiUserChatStatusImage 21 | { 22 | } 23 | 24 | NameLabel 25 | { 26 | style="namestyle" 27 | } 28 | 29 | // the (1) next to the name when multiple friends have the same name 30 | FriendsNameInstanceLabel 31 | { 32 | style="NameInstanceStyle" 33 | } 34 | 35 | MobileStatusImage 36 | { 37 | style="MobileStatusStyle" 38 | tooltiptext="#Friends_MobileStatus_Tooltip" 39 | } 40 | 41 | BigPictureStatusImage 42 | { 43 | style="BigPictureStatusStyle" 44 | tooltiptext="#Friends_BigPictureStatus_Tooltip" 45 | } 46 | 47 | WebStatusImage 48 | { 49 | style="WebStatusStyle" 50 | tooltiptext="#Friends_WebStatus_Tooltip" 51 | } 52 | 53 | MobileStatusImageInGame 54 | { 55 | style="MobileStatusStyleInGame" 56 | tooltiptext="#Friends_MobileStatus_Tooltip" 57 | } 58 | 59 | BigPictureStatusImageInGame 60 | { 61 | style="BigPictureStatusStyleInGame" 62 | tooltiptext="#Friends_BigPictureStatus_Tooltip" 63 | } 64 | 65 | WebStatusImageInGame 66 | { 67 | style="WebStatusStyleInGame" 68 | tooltiptext="#Friends_WebStatus_Tooltip" 69 | } 70 | 71 | VRStatusImage 72 | { 73 | style="VRStatusStyle" 74 | tooltiptext="#Friends_VRStatusStatus_Tooltip" 75 | } 76 | 77 | VRStatusImageInGame 78 | { 79 | style="VRStatusStyleInGame" 80 | tooltiptext="#Friends_VRStatusStatus_Tooltip" 81 | } 82 | 83 | 84 | StatusLabel 85 | { 86 | style="statusStyle" 87 | } 88 | 89 | GameLabel 90 | { 91 | style="statusStyle" 92 | } 93 | 94 | // the little drop-down arrow 95 | MenuButton 96 | { 97 | style="menuButtonStyle" 98 | } 99 | 100 | // used at the top of the friends list for the current user 101 | ControlPanelLink 102 | { 103 | style="controlPanelLinkStyle" 104 | } 105 | 106 | // used in the invite-to-game dialog for when in a game 107 | InviteToGameButton 108 | { 109 | } 110 | 111 | AcceptLink { style="inviteLinkStyle" } 112 | IgnoreLink { style="inviteLinkStyle" } 113 | BlockLink { style="inviteLinkStyle" } 114 | } 115 | 116 | colors 117 | { 118 | focus4="50 64 84 255" 119 | } 120 | styles 121 | { 122 | CFriendPanel:selected //avatar view 123 | { 124 | render_bg { 125 | 126 | 127 | } 128 | } 129 | 130 | SelfPanel:hover 131 | { 132 | render_bg 133 | { 134 | } 135 | } 136 | 137 | namestyle 138 | { 139 | font-family=basefont 140 | font-size=14 141 | } 142 | 143 | nameInstanceStyle 144 | { 145 | font-family=basefont 146 | textcolor="label" 147 | font-size=14 148 | } 149 | 150 | menuButtonStyle 151 | { 152 | minimum-width=14 153 | padding-top=3 154 | padding-bottom=4 155 | padding-right=5 156 | padding-left=6 157 | } 158 | 159 | controlPanelLinkStyle 160 | { 161 | font-family=basefont 162 | font-size=14 163 | } 164 | controlPanelLinkStyle:hover 165 | { 166 | font-family=basefont 167 | font-size=14 168 | } 169 | statusStyle 170 | { 171 | font-family=basefont 172 | font-size=14 173 | } 174 | 175 | statusStyle:hover 176 | { 177 | textcolor=text2 178 | } 179 | 180 | inviteLinkStyle 181 | { 182 | font-style="" 183 | textcolor=Text2 184 | } 185 | 186 | inviteLinkStyle:hover 187 | { 188 | textcolor=White 189 | font-style=underline 190 | } 191 | 192 | WebStatusStyle 193 | { 194 | image="graphics/icon_status_web" 195 | padding-left=4 196 | } 197 | 198 | BigPictureStatusStyle 199 | { 200 | image="graphics/icon_status_bigpic" 201 | padding-left=4 202 | } 203 | 204 | MobileStatusStyle 205 | { 206 | image="graphics/icon_status_mobile" 207 | padding-left=4 208 | } 209 | 210 | VRStatusStyle 211 | { 212 | image="graphics/icon_status_vr" 213 | padding-left=4 214 | } 215 | 216 | WebStatusStyleInGame 217 | { 218 | image="graphics/icon_status_web_ingame" 219 | padding-left=4 220 | } 221 | 222 | BigPictureStatusStyleInGame 223 | { 224 | image="graphics/icon_status_bigpic_ingame" 225 | padding-left=2 226 | } 227 | 228 | MobileStatusStyleInGame 229 | { 230 | image="graphics/icon_status_mobile_ingame" 231 | padding-left=4 232 | } 233 | 234 | VRStatusStyleInGame 235 | { 236 | image="graphics/icon_status_vr_ingame" 237 | padding-left=4 238 | } 239 | 240 | } 241 | 242 | 243 | layout 244 | { 245 | place { control="AvatarOverlayImage" x=2 y=5 width=40 height=40 } 246 | place { control="AvatarImage" x=6 y=9 width=32 height=32 } 247 | place { control="Clanstatusimage" x=20 width=15 } 248 | place { control="ClanStatusImage,NameLabel,FriendsNameInstanceLabel,MenuButton" x=50 y=7 } 249 | 250 | place { control="StatusLabel,BigPictureStatusImage,VRStatusImage,MobileStatusImage,WebStatusImage,BigPictureStatusImageInGame,VRStatusImageInGame,MobileStatusImageInGame,WebStatusImageInGame" x=50 y=19 } 251 | place { control="GameLabel" x=50 y=31 } 252 | 253 | // these controls are shown for friendship requests 254 | place { control="AcceptLink,IgnoreLink,BlockLink" x=50 y=31 spacing=8 } 255 | 256 | // this control is shown in the invite-to-game dialog in the overlay 257 | place { control="InviteToGameButton" align=right y=4 padding-right=6 margin-right=20 } 258 | 259 | place { control="ControlPanelLink" x=50 y=31 } 260 | 261 | place { control="SuggestedImage,SuggestedLabel" x=50 y=19 spacing=4 } 262 | place { control="SuggestedInvite,SuggestedIgnore" x=50 y=31 spacing=8 } 263 | } 264 | 265 | } 266 | -------------------------------------------------------------------------------- /resource/menus/steam.menu: -------------------------------------------------------------------------------- 1 | "menubar" 2 | { 3 | Steam 4 | { 5 | text = [!$OSX] "#steam_menu_file" 6 | text = [$OSX] "#SteamRootAccount" 7 | 8 | ChangeUser { text="#steam_menu_changeuser" command="ChangeUser" } 9 | GoOnline { text="#SteamUI_OfflineMode_GoOnline" command="goonline" } 10 | GoOffline { text="#SteamUI_OfflineMode_GoOffline" command="gooffline" } 11 | 12 | Divider {} 13 | 14 | // check for updates appears in the system-managed "steam" menu on the mac 15 | CheckForUpdates [!$OSX] { text="#steam_menu_checkforupdates" command="CheckForUpdates" } 16 | Divider [!$OSX] {} 17 | 18 | BackupGames { text="#steam_menu_backupgames" command="backupgames" } 19 | Divider [!$OSX] {} 20 | Settings [!$OSX] { text="#steam_menu_settings" command="Settings" } 21 | Divider [!$OSX] {} 22 | Exit [!$OSX] { text="#Steam_ExitSteam" command="Exit" } 23 | } 24 | 25 | View 26 | { 27 | text="#steam_menu_view" 28 | 29 | Library { text="#steam_menu_library" shellcmd="steam://nav/games" } 30 | Hidden { text="#steam_menu_hidden_games" shellcmd="steam://nav/library/collection/hidden" } 31 | Downloads { text="#steam_menu_downloads" shellcmd="steam://open/downloads" } 32 | Divider {} 33 | MiniMode [!$OSX] { text="#steam_menu_minimode" shellcmd="steam://open/minigameslist" } 34 | LargeMode [!$OSX] { text="#steam_menu_largemode" shellcmd="steam://open/largegameslist" } 35 | BigPictureMode { text="#steam_menu_bigpicturemode" shellcmd="steam://open/bigpicture" } 36 | Divider {} 37 | StartVR { text="#steam_menu_startvr" shellcmd="steam://run/250820" } 38 | Divider {} 39 | ExitVR { text="#steam_menu_exitvr" command="exitvr" } 40 | Divider {} 41 | MusicDetails { text="#steam_menu_view_music_details" shellcmd="steam://nav/music/details" } 42 | MusicPlayer { text="#steam_menu_view_musicplayer" shellcmd="steam://open/musicplayer" } 43 | Divider {} 44 | Friends { text="#steam_menu_friends" shellcmd="steam://open/friends" } 45 | ViewPlayerList { text="#steam_menu_view_players" shellcmd="steam://friends/players" } 46 | Servers { text="#steam_menu_servers" shellcmd="steam://open/servers" } 47 | Screenshots { text="#steam_screenshots" command="Screenshots" } 48 | Inventory { text="#steam_inventory" shellcmd="steam://open/inventory" } 49 | NewForYou { text="#SteamUI_GameProperties_UpdateNews" shellcmd="steam://open/newforyou" } 50 | Divider [!$OSX] {} 51 | Settings [!$OSX] { text="#steam_menu_settings" command="Settings" } 52 | } 53 | 54 | Friends 55 | { 56 | text="#steam_menu_friends_view" 57 | 58 | ViewFriends { text="#steam_menu_view_friends" shellcmd="steam://open/friends" } 59 | Divider {} 60 | AddFriend { text="#steam_menu_add_friend" shellcmd="steam://friends/add" } 61 | EditProfileNameAvatar { text="#steam_menu_edit_profile_name_avatar" shellcmd="steam://url/SteamIDEditPage" } 62 | Divider {} 63 | Online { text="#friends_online" shellcmd="steam://friends/status/online" checkable=1 autocheck=0 } 64 | Away { text="#friends_away" shellcmd="steam://friends/status/away" checkable=1 autocheck=0 } 65 | Play { text="#friends_lookingtoplay" shellcmd="steam://friends/status/play" checkable=1 autocheck=0 } 66 | Trade { text="#friends_lookingtotrade" shellcmd="steam://friends/status/trade" checkable=1 autocheck=0 } 67 | Busy { text="#friends_busy" shellcmd="steam://friends/status/busy" checkable=1 autocheck=0 } 68 | Invisible { text="#friends_invisible" shellcmd="steam://friends/status/invisible" checkable=1 autocheck=0 } 69 | Offline { text="#friends_offline" shellcmd="steam://friends/status/offline" checkable=1 autocheck=0 } 70 | Divider {} 71 | SortByName { text="#steam_menu_friends_sortbyname" shellcmd="steam://friends/settings/sortbyname" checkable=1 } 72 | ShowAvatars { text="#steam_menu_friends_showavatars" shellcmd="steam://friends/settings/showavatars" checkable=1 } 73 | OnlineUsersOnly { text="#steam_menu_friends_hideoffline" shellcmd="steam://friends/settings/hideoffline" checkable=1 } 74 | ShowTagged { text="#steam_menu_friends_showtagged" shellcmd="steam://friends/settings/showtagged" checkable=1 } 75 | Divider {} 76 | SetProfileName { text="#steam_menu_set_profile" shellcmd="steam://settings/friends" } 77 | ChangeAvatar { text="#steam_menu_set_avatar" shellcmd="steam://url/SteamIDEditPage" } 78 | } 79 | 80 | Games 81 | { 82 | text="#steam_menu_games" 83 | 84 | Games { text="#steam_menu_view_games" shellcmd="steam://nav/games" } 85 | Divider {} 86 | ActivateRetail { text="#Steam_RegisterProductCode" command="ActivateRetail" } 87 | RedeemWalletVoucher { text="#Steam_RedeemWalletVoucher" shellcmd="steam://url/RedeemWalletVoucher" } 88 | ManageGuestPasses { text="#Steam_ManageGuestPasses" command="ManageGuestPasses" } 89 | AddShortcut { text="#Steam_menu_AddShortcut" shellcmd="steam://AddNonSteamGame" } 90 | } 91 | 92 | Window [$OSX] 93 | { 94 | text="#steam_menu_window" 95 | 96 | Divider {} 97 | MiniMode { text="#steam_menu_minimode" shellcmd="steam://open/minigameslist" } 98 | LargeMode { text="#steam_menu_largemode" shellcmd="steam://open/largegameslist" } 99 | } 100 | 101 | Help 102 | { 103 | text="#steam_menu_help" 104 | 105 | Support { text="#steam_menu_support" command="Support" } 106 | Divider {} 107 | Privacy { text="#steam_menu_PrivacyPolicy" shellcmd="steam://url/PrivacyPolicy" } 108 | Legal { text="#steam_menu_LegalInformation" shellcmd="steam://url/LegalInformation" } 109 | SSA { text="#steam_menu_SteamSubscriberAgreement" shellcmd="steam://url/SSA" } 110 | Divider {} 111 | SystemInfo { text="#steam_menu_systeminfo" command="SystemInfo" } 112 | About { text="#steam_about" command="About" } 113 | } 114 | Dracula 115 | { 116 | "Report Bug" 117 | { 118 | shellcmd="steam://openurl/https://github.com/dracula/steam/issues/new/choose" 119 | } 120 | Version { 121 | text="Theme Version 211224" 122 | } 123 | } 124 | } 125 | -------------------------------------------------------------------------------- /resource/layout/musiclibrarypanel.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/musiclibrarypanel.layout" 2 | { 3 | controls 4 | { 5 | MusicPage_Details_Content { controlname="CMusicPage_Details_Content" } 6 | 7 | library_search { ControlName=TextEntry maxchars=16 hintText="#steam_library_search" style="LibrarySearch" group=library tabposition=2 } 8 | label_search_icon { ControlName=Label style="LibrarySearchIcon" group=library zpos="4" } 9 | library_music_menu { ControlName=MenuButton labelText="#Music_Nav_Menu_Artists" style="NavLabel2" showDownArrow=0 align=left group=music } 10 | library_music_add_button { ControlName=Button labelText="" tooltiptext="#Music_Playlist_Details_Menu_Add" style="MusicAddButton" group=music_add_button visible=true } 11 | library_music_player_icon { ControlName=Button labelText="" tooltiptext="#music_tooltip_view_player" style="MusicPlayerIcon" align=right group=music } 12 | 13 | frame_title 14 | { 15 | ControlName=Label 16 | 17 | style="ClientTitle" 18 | "textAlignment" "west" 19 | "textAlignment" "center" [$OSX] 20 | } 21 | 22 | "subnavgroup_library" 23 | { 24 | "ControlName" "imagepanel" 25 | style="grouper" 26 | 27 | zpos="-2" 28 | } 29 | } 30 | 31 | colors 32 | { 33 | 34 | dialogbgtrans="38 38 38 100" 35 | } 36 | 37 | styles 38 | { 39 | CMusicLibraryPanel 40 | { 41 | bgcolor=none 42 | 43 | minimum-width = 296 44 | minimum-height = 300 45 | 46 | render_bg 47 | { 48 | // top area and graphic 49 | 0="gradient( x0, y0, x1, y0+275, ClientBG, DialogBG )" 50 | 2="image( x0, y0, x1, y0+175, graphics/clienttexture2)" 51 | // fill in the bottom area 52 | 3="fill( x0, y0 + 275, x1, y1, DialogBG )" 53 | } 54 | } 55 | 56 | ClientTitle [!$OSX] 57 | { 58 | font-family=basefont 59 | font-size=14 60 | font-weight=400 61 | textcolor="labeldisabled" 62 | bgcolor="none" 63 | inset="12 6 0 0" 64 | } 65 | 66 | ClientTitle [$OSX] 67 | { 68 | font-family=basefont 69 | font-size=15 70 | font-weight=400 71 | textcolor="textdisabled" 72 | bgcolor="none" 73 | inset="0 6 0 0" 74 | } 75 | 76 | ClientTitle:FrameFocus [!$OSX] 77 | { 78 | font-family=basefont 79 | font-size=14 80 | font-weight=400 81 | textcolor="label" 82 | bgcolor="none" 83 | inset="12 6 0 0" 84 | } 85 | 86 | 87 | ClientTitle:FrameFocus [$OSX] 88 | { 89 | font-family=basefont 90 | font-size=15 91 | font-weight=400 92 | textcolor="texthover" 93 | bgcolor="none" 94 | inset="0 6 0 0" 95 | } 96 | 97 | LibrarySearch 98 | { 99 | padding-left=0 100 | inset="2 4 0 0" 101 | font-family=basefont 102 | font-size=14 103 | font-weight=400 104 | textcolor="text" 105 | render {} 106 | } 107 | 108 | LibrarySearch:empty 109 | { 110 | inset="2 10 0 0" 111 | font-style=italic 112 | textcolor="LabelDisabled" 113 | } 114 | 115 | LibrarySearch:hover 116 | { 117 | inset="2 4 0 0" 118 | textcolor="texthover" 119 | } 120 | 121 | LibrarySearch:empty:hover 122 | { 123 | inset="2 10 0 0" 124 | font-style=italic 125 | textcolor="texthover" 126 | 127 | } 128 | 129 | LibrarySearch:disabled 130 | { 131 | inset="2 10 0 0" 132 | font-style=italic 133 | textcolor="None" 134 | 135 | } 136 | 137 | LibrarySearchIcon 138 | { 139 | bgcolor="none" 140 | inset="10 0 0 0" 141 | render_bg={} 142 | image="graphics/icon_button_search" 143 | } 144 | 145 | LibrarySearchIcon:disabled 146 | { 147 | bgcolor="none" 148 | inset="10 0 0 0" 149 | render_bg={} 150 | image="none" 151 | } 152 | 153 | MusicAddButton 154 | { 155 | font-size=14 156 | font-size=13 [$OSX] 157 | font-family=basefont 158 | textcolor="labelfocus" 159 | font-style=uppercase 160 | render_bg 161 | { 162 | 0="image( x0, y0 + 5, x1, y1, graphics/icon_collapse )" 163 | } 164 | } 165 | 166 | MusicAddButton:hover 167 | { 168 | textcolor="white" 169 | render_bg 170 | { 171 | 0="image( x0, y0 + 5, x1, y1, graphics/icon_collapse_over )" 172 | } 173 | } 174 | 175 | MusicPlayerIcon 176 | { 177 | bgcolor="none" 178 | inset="-1 3 0 0" 179 | render_bg={} 180 | image="graphics/icon_music_player" 181 | padding-left=-4 182 | padding-right=-1 183 | padding-top=-1 184 | } 185 | 186 | MusicPlayerIcon:hover 187 | { 188 | bgcolor="none" 189 | inset="-1 3 0 0" 190 | render_bg={} 191 | image="graphics/icon_music_player_hover" 192 | padding-left=-4 193 | padding-right=-1 194 | padding-top=-1 195 | } 196 | 197 | MusicPlayerIcon:selected 198 | { 199 | bgcolor="none" 200 | inset="-1 3 0 0" 201 | render_bg={} 202 | image="graphics/icon_music_player_selected" 203 | padding-left=-4 204 | padding-right=-1 205 | padding-top=-1 206 | } 207 | 208 | NavLabel2 [!$OSX] 209 | { 210 | inset="0 2 0 0" 211 | font-family=basefont 212 | font-size=14 213 | font-weight=400 214 | textcolor="labelfocus" 215 | font-style="uppercase" 216 | } 217 | 218 | NavLabel2 [$OSX] 219 | { 220 | inset="0 2 0 0" 221 | font-family=basefont 222 | font-size=13 223 | font-weight=400 224 | textcolor="labelfocus" 225 | font-style="uppercase" 226 | } 227 | 228 | NavLabel2:hover 229 | { 230 | inset="0 2 0 0" 231 | textcolor="texthover" 232 | font-style="outerglow,uppercase" 233 | font-outerglow-color="TextGlowHover" 234 | font-outerglow-offset=1 235 | font-outerglow-filtersize=3 236 | } 237 | 238 | NavLabel2:selected 239 | { 240 | inset="0 2 0 0" 241 | textcolor="white" 242 | font-style="outerglow,uppercase" 243 | font-outerglow-color="TextGlowHover" 244 | font-outerglow-offset=1 245 | font-outerglow-filtersize=3 246 | } 247 | 248 | grouper 249 | { 250 | bgcolor=none 251 | render_bg 252 | { 253 | // background fill 254 | 0="fill( x0 + 2, y0 + 1, x1 - 10, y1 - 1, dialogbgtrans )" 255 | } 256 | 257 | } 258 | } 259 | 260 | 261 | layout 262 | { 263 | region { name=searchrow x= 5 y=30 } 264 | region { name=details y=60 width=max } 265 | 266 | place { control="subnavgroup_library" align=top-center y=30 height=28 width=max margin-right=1 margin-left=10 } 267 | 268 | place { control=label_search_icon region=searchrow y=6 } 269 | place { control=library_search region=searchrow y=2 x=24 width=256 } 270 | 271 | place { control=library_music_menu,library_music_add_button region=searchrow x=285 y=3 } 272 | place { control="library_music_player_icon" region=searchrow align=right y=6 height=18 width=18 margin-right=10 } 273 | place { control="MusicPage_Details_Content" region=details x=10 y=0 width=max height=max margin-bottom=40 margin-right=10} 274 | } 275 | 276 | } 277 | -------------------------------------------------------------------------------- /resource/layout/musicplayerpanel.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/musicplayerpanel.layout" 2 | { 3 | controls 4 | { 5 | CurrentAlbumImage { controlname=ImagePanel style="CurrentAlbumImageStyle" scaling=fit} 6 | 7 | CurrentStatusLabel { controlname=Label style="StatusStyleDim" labeltext="NOW PLAYING" } 8 | CurrentTrackLabel { controlname=Label style="StatusStyle" labeltext="" } 9 | CurrentArtistLabel { controlname=Label style="statusStyle" labeltext="" } 10 | 11 | RepeatButton { controlname=ToggleButton labeltext="" tooltiptext="#music_tooltip_repeat" command="ToggleRepeat" style="RepeatButtonStyle" } 12 | ShuffleButton { controlname=Button labeltext="" tooltiptext="#music_tooltip_shuffle" command="ToggleShuffle" style="ShuffleButtonStyle" } 13 | PreviousButton { controlname=Button labeltext="" tooltiptext="#music_tooltip_previous" command="PreviousTrack" style="PreviousButtonStyle" } 14 | NextButton { controlname=Button labeltext="" tooltiptext="#music_tooltip_next" command="NextTrack" style="NextButtonStyle" } 15 | PlayPauseButton { controlname=Button labeltext="" tooltiptext="#music_tooltip_playpause" command="TogglePlayPause" style="PlayButtonStyle" } 16 | VolumeButton { controlname=Button labeltext="" tooltiptext="#music_tooltip_volume" command="Volume" style="VolumeButtonStyle" } 17 | BrowseButton { controlname=Button labeltext="" tooltiptext="#music_tooltip_browse" command="BrowseMusic" style="BrowseButtonStyle" } 18 | 19 | TrackList { controlname=ListPanel style="MusicListPanelInterior" } 20 | NoTracksLabel { controlname=Label style="NoTracksLabelStyle" labeltext="" zpos="-1" } 21 | InfoLabel { controlname=Label style="InfoLabelStyle" labeltext="1 OF 10" zpos="-1" textalignment=center } 22 | 23 | SeekBar { ControlName="Slider" style="SeekBarStyle" showticks="0" showbar="1"} 24 | 25 | frame_title 26 | { 27 | ControlName=Label 28 | 29 | style="ClientTitle" 30 | "textAlignment" "west" 31 | "textAlignment" "center" [$OSX] 32 | } 33 | } 34 | 35 | colors 36 | { 37 | } 38 | 39 | styles 40 | { 41 | CMusicPlayerPanel 42 | { 43 | bgcolor=none 44 | 45 | minimum-width = 440 46 | minimum-height = 115 47 | 48 | render_bg 49 | { 50 | // top area and graphic 51 | 0="gradient( x0, y0, x1, y0+275, ClientBG, DialogBG )" 52 | 2="image( x0, y0, x1, y0+175, graphics/clienttexture2)" 53 | // fill in the bottom area 54 | 3="fill( x0, y0 + 275, x1, y1, DialogBG )" 55 | } 56 | } 57 | 58 | MusicListPanelInterior 59 | { 60 | inset="0 -3 0 0" 61 | font-size=15 62 | textcolor="text2" 63 | bgcolor="none" 64 | render 65 | { 66 | 67 | } 68 | render_bg 69 | { 70 | // background gradient 71 | 0="gradient( x0, y0 - 1, x1, y1-3, dialogbg, almostblack )" 72 | } 73 | } 74 | 75 | ClientTitle [!$OSX] 76 | { 77 | textcolor=none 78 | } 79 | 80 | ClientTitle [$OSX] 81 | { 82 | font-family=basefont 83 | font-size=15 84 | font-weight=400 85 | textcolor="textdisabled" 86 | bgcolor="none" 87 | inset="0 6 0 0" 88 | } 89 | 90 | ClientTitle:FrameFocus [$OSX] 91 | { 92 | font-family=basefont 93 | font-size=15 94 | font-weight=400 95 | textcolor="texthover" 96 | bgcolor="none" 97 | inset="0 6 0 0" 98 | } 99 | 100 | CurrentAlbumImageStyle { } 101 | RepeatButtonStyle { bgcolor=none render_bg={} image=graphics/music_repeat_default inset="0" padding="0" } 102 | RepeatButtonStyle:hover { bgcolor=none render_bg={} image=graphics/music_repeat_hover inset="0" padding="0" } 103 | RepeatButtonStyle:selected { bgcolor=none render_bg={} image=graphics/music_repeat_enabled } 104 | RepeatButtonStyle:selected:hover { bgcolor=none render_bg={} image=graphics/music_repeat_enabled_hover } 105 | RepeatOnceButtonStyle { bgcolor=none render_bg={} image=graphics/music_repeat_default inset="0" padding="0" } 106 | RepeatOnceButtonStyle:hover { bgcolor=none render_bg={} image=graphics/music_repeat_hover inset="0" padding="0" } 107 | RepeatOnceButtonStyle:selected { bgcolor=none render_bg={} image=graphics/music_repeat1_enabled } 108 | RepeatOnceButtonStyle:selected:hover { bgcolor=none render_bg={} image=graphics/music_repeat1_enabled_hover } 109 | ShuffleButtonStyle { bgcolor=none render_bg={} image=graphics/music_shuffle_default } 110 | ShuffleButtonStyle:hover { bgcolor=none render_bg={} image=graphics/music_shuffle_hover } 111 | ShuffleButtonStyle:selected { bgcolor=none render_bg={} image=graphics/music_shuffle_enabled } 112 | ShuffleButtonStyle:selected:hover { bgcolor=none render_bg={} image=graphics/music_shuffle_enabled_hover } 113 | PreviousButtonStyle { bgcolor=none render_bg={} image=graphics/music_trackback_default } 114 | PreviousButtonStyle:hover { bgcolor=none render_bg={} image=graphics/music_trackback_hover } 115 | NextButtonStyle { bgcolor=none render_bg={} image=graphics/music_trackfwd_default } 116 | NextButtonStyle:hover { bgcolor=none render_bg={} image=graphics/music_trackfwd_hover } 117 | PlayButtonStyle { bgcolor=none render_bg={} image=graphics/music_play_default } 118 | PlayButtonStyle:hover { bgcolor=none render_bg={} image=graphics/music_play_hover } 119 | PauseButtonStyle { bgcolor=none render_bg={} image=graphics/music_pause_default } 120 | PauseButtonStyle:hover { bgcolor=none render_bg={} image=graphics/music_pause_hover } 121 | VolumeButtonStyle { bgcolor=none render_bg={} image=graphics/music_volume_default } 122 | VolumeButtonStyle:hover { bgcolor=none render_bg={} image=graphics/music_volume_hover } 123 | VolumeButtonActiveStyle { bgcolor=none render_bg={} image=graphics/music_volume_default } 124 | VolumeButtonActiveStyle:hover { bgcolor=none render_bg={} image=graphics/music_volume_hover } 125 | MuteVolumeButtonStyle { bgcolor=none render_bg={} image=graphics/music_volume_mute_default } 126 | MuteVolumeButtonStyle:hover { bgcolor=none render_bg={} image=graphics/music_volume_mute_hover } 127 | MuteVolumeButtonActiveStyle { bgcolor=none render_bg={} image=graphics/music_volume_mute_default } 128 | MuteVolumeButtonActiveStyle:hover { bgcolor=none render_bg={} image=graphics/music_volume_mute_hover } 129 | 130 | BrowseButtonStyle { bgcolor=none render_bg={} image=graphics/music_browse_default } 131 | BrowseButtonStyle:hover { bgcolor=none render_bg={} image=graphics/music_browse_hover } 132 | 133 | StatusStyle { render_bg={} font-family=basefont textcolor="LabelFocus" font-size=14 } 134 | StatusStyleDim { render_bg={} font-family=basefont textcolor="LabelDisabled" font-size=14 } 135 | InfoLabelStyle { render_bg={} font-family=basefont font-size=14 textcolor="LabelDisabled" } 136 | TrackListStyle { } 137 | NoTracksLabelStyle { bgcolor=none render_bg={} image=graphics/music_background } 138 | SeekBarStyle { bgcolor=none font-family=basefont font-size=16 } 139 | } 140 | 141 | 142 | layout 143 | { 144 | region { name=transport y=20 width=271 height=70 align=right} 145 | region { name=currenttrack x=10 y=20 width=max height=50 margin-right=271 } 146 | 147 | place { control="CurrentAlbumImage" region=currenttrack x=0 y=4 width=56 height=56 } 148 | place { control="CurrentStatusLabel" region=currenttrack x=64 y=4 width=max } 149 | place { control="CurrentTrackLabel" region=currenttrack x=64 y=20 width=max} 150 | place { control="CurrentArtistLabel" region=currenttrack x=64 y=36 width=max } 151 | 152 | place { control="RepeatButton,ShuffleButton,PreviousButton" region=transport x=0 y=16 spacing=8 margin=0 height=18 } 153 | place { control="PlayPauseButton" region=transport x=100 y=0 width=56 height=50 } 154 | place { control="NextButton,VolumeButton,BrowseButton" region=transport x=164 y=16 spacing=8 margin=0 height=18 } 155 | 156 | place { control=SeekBar region=transport x=0 y=50 height=18 width=260 } 157 | 158 | place { control="TrackList" x=10 y=94 width=max height=max margin-right=10 margin-bottom=40 } 159 | place { control="NoTracksLabel" x=10 y=94 margin-right=10 margin-bottom=33 align="top-center" } 160 | place { control="InfoLabel" align=bottom x=10 y=94 width=max margin-right=10 margin-bottom=8 } 161 | } 162 | 163 | } 164 | -------------------------------------------------------------------------------- /friends/ChatRoomDlgFriend.res: -------------------------------------------------------------------------------- 1 | "friends/ChatRoomDlgFriend.res" 2 | { 3 | "controls" 4 | { 5 | "ChatRoomDlg" 6 | { 7 | "ControlName" "CChatRoomDlg" 8 | "title" "#Friends_Chat_Title" 9 | } 10 | "TextEntry" 11 | { 12 | "ControlName" "TextEntry" 13 | "tabPosition" "1" 14 | "editable" "1" 15 | "maxchars" "2048" 16 | "unicode" "1" 17 | "style" "textentryfocus_chat" 18 | } 19 | "ChatHistory" 20 | { 21 | "ControlName" "RichText" 22 | "maxchars" "-1" 23 | "ScrollBar" "1" 24 | "style" "ChatListPanel" 25 | } 26 | "SendButton" 27 | { 28 | "ControlName" "Button" 29 | "tabPosition" "2" 30 | "paintbackground" "1" 31 | "labelText" "#Friends_Chat_Send" 32 | "textAlignment" "west" 33 | "Default" "1" 34 | "style" "button" 35 | } 36 | "StatusLabel" 37 | { 38 | "ControlName" "Label" 39 | "labelText" "" 40 | } 41 | "TitlePanel" 42 | { 43 | "ControlName" "CFriendPanel" 44 | "zpos" "-2" 45 | "paintbackgroundenabled" "0" 46 | } 47 | "VoiceBar" 48 | { 49 | "ControlName" "CVoiceBar" 50 | } 51 | "VoiceChat" 52 | { 53 | "ControlName" "Button" 54 | "style" "controlbutton" 55 | "minimum-width" "120" 56 | } 57 | "GameInviteBar" 58 | { 59 | "ControlName" "GameInviteBar" 60 | } 61 | "EmoticonButton" 62 | { 63 | "ControlName" "CEmoticonButton" 64 | } 65 | } 66 | "styles" 67 | { 68 | "label" 69 | { 70 | "font-size" "14" 71 | } 72 | "controlbutton" 73 | { 74 | "minimum-width" "120" 75 | } 76 | "Textentryfocus_chat" 77 | { 78 | "bgcolor" "none" 79 | "render" 80 | { 81 | "0" "fill( x0, y0, x0 + 1, y1, ChatWindowInputBorder )" 82 | "1" "fill( x1 - 1, y0 + 1, x1, y1 - 1, ChatWindowInputBorder )" 83 | "2" "fill( x0 + 1, y0, x1, y0 + 1, ChatWindowInputBorder )" 84 | "3" "fill( x0, y1 - 1, x1, y1, ChatWindowInputBorder )" 85 | } 86 | "font-size" "16" 87 | "render_bg" 88 | { 89 | } 90 | } 91 | "CEmoticonButton" 92 | { 93 | "padding-left" "4" 94 | "image" "graphics/i_chatActionIcon2" 95 | "render_bg" 96 | { 97 | "0" "fill( x0, y0, x0 + 1, y1, ButtonBorderDisabled )" 98 | "1" "fill( x1 - 1, y0 + 1, x1, y1 - 1, ButtonBorderDisabled )" 99 | "2" "fill( x0 + 1, y0, x1, y0 + 1, ButtonBorderDisabled )" 100 | "3" "fill( x0, y1 - 1, x1, y1, ButtonBorderDisabled )" 101 | } 102 | } 103 | "CEmoticonButton:hover" 104 | { 105 | "image" "graphics/i_chatActionIcon3" 106 | } 107 | "CEmoticonButton:selected" 108 | { 109 | "image" "graphics/i_chatActionIcon3" 110 | } 111 | "EmoticonMenuItemStyle" 112 | { 113 | "font-size" "24" 114 | "bgcolor" "none" 115 | } 116 | "EmoticonMenuItemStyle:hover" 117 | { 118 | "textcolor" "white" 119 | "bgcolor" "none" 120 | } 121 | "EmoticonMenuItemStyle:selected" 122 | { 123 | "textcolor" "white" 124 | "bgcolor" "none" 125 | } 126 | "CChatActionsButton" 127 | { 128 | "image" "graphics/i_chatActionIcon0" 129 | } 130 | "CChatActionsButton:hover" 131 | { 132 | "image" "graphics/i_chatActionIcon1" 133 | } 134 | "CChatActionsButton:selected" 135 | { 136 | "image" "graphics/i_chatActionIcon1" 137 | } 138 | "GridMenu" 139 | { 140 | "font-size" "16" 141 | } 142 | "Textentryfocus_chat" 143 | { 144 | "bgcolor" "none" 145 | "render" 146 | { 147 | "0" "fill( x0, y0, x0 + 1, y1, ChatWindowInputBorder )" 148 | "1" "fill( x1 - 1, y0 + 1, x1, y1 - 1, ChatWindowInputBorder )" 149 | "2" "fill( x0 + 1, y0, x1, y0 + 1, ChatWindowInputBorder )" 150 | "3" "fill( x0, y1 - 1, x1, y1, ChatWindowInputBorder )" 151 | } 152 | "font-size" "16" 153 | "render_bg" 154 | { 155 | } 156 | } 157 | } 158 | "layout" 159 | { 160 | "place" 161 | { 162 | "control" "VoiceChat,ChatActionsButton" 163 | "y" "6" 164 | "width" "36" 165 | "margin-right" "8" 166 | "align" "right" 167 | "spacing" "8" 168 | "dir" "right" 169 | } 170 | "place" 171 | { 172 | "control" "TitlePanel" 173 | "margin-left" "6" 174 | "y" "2" 175 | "height" "50" 176 | "width" "max" 177 | "margin-right" "6" 178 | "end-right" "VoiceChat" 179 | } 180 | "place" 181 | { 182 | "control" "VoiceBar" 183 | "y" "34" 184 | "height" "24" 185 | "width" "max" 186 | "margin-left" "8" 187 | "margin-right" "52" 188 | } 189 | "place" 190 | { 191 | "control" "GameInviteBar,TradeInviteBar,ChatInfoBar,BIBar,BABar" 192 | "height" "54" 193 | } 194 | "place" 195 | { 196 | "control" "TradeInviteBar,GameInviteBar,ChatInfoBar,BIBar,BABar,ChatHistory" 197 | "y" "60" 198 | "margin-left" "8" 199 | "margin-right" "8" 200 | "width" "max" 201 | "height" "max" 202 | "align" "right" 203 | "dir" "down" 204 | "margin-bottom" "74" 205 | "spacing" "3" 206 | } 207 | "region" 208 | { 209 | "name" "chathistorybottom" 210 | "y" "60" 211 | "margin-left" "8" 212 | "margin-right" "8" 213 | "width" "max" 214 | "height" "234" 215 | "align" "bottom" 216 | "margin-bottom" "74" 217 | } 218 | "region" 219 | { 220 | "name" "bottomrow" 221 | "align" "bottom" 222 | "height" "76" 223 | } 224 | "place" 225 | { 226 | "control" "EmoticonButton,SendButton" 227 | "region" "bottomrow" 228 | "spacing" "8" 229 | "height" "42" 230 | "align" "right" 231 | "margin-top" "8" 232 | "margin-right" "8" 233 | } 234 | "place" 235 | { 236 | "control" "TextEntry" 237 | "region" "bottomrow" 238 | "end-right" "EmoticonButton" 239 | "height" "42" 240 | "width" "max" 241 | "margin-right" "8" 242 | "margin-right" "8" 243 | "margin-left" "8" 244 | "margin-top" "8" 245 | } 246 | "place" 247 | { 248 | "control" "StatusLabel" 249 | "region" "bottomrow" 250 | "align" "bottom" 251 | "width" "max" 252 | "margin-left" "8" 253 | "margin-bottom" "7" 254 | } 255 | } 256 | "styles" 257 | { 258 | "label" 259 | { 260 | "font-size" "14" 261 | } 262 | "controlbutton" 263 | { 264 | "minimum-width" "120" 265 | } 266 | "Textentryfocus_chat" 267 | { 268 | "bgcolor" "none" 269 | "render" 270 | { 271 | "0" "fill( x0, y0, x0 + 1, y1, ChatWindowInputBorder )" 272 | "1" "fill( x1 - 1, y0 + 1, x1, y1 - 1, ChatWindowInputBorder )" 273 | "2" "fill( x0 + 1, y0, x1, y0 + 1, ChatWindowInputBorder )" 274 | "3" "fill( x0, y1 - 1, x1, y1, ChatWindowInputBorder )" 275 | } 276 | "font-size" "16" 277 | "render_bg" 278 | { 279 | } 280 | } 281 | "CEmoticonButton" 282 | { 283 | "padding-left" "4" 284 | "image" "graphics/i_chatActionIcon2" 285 | "render_bg" 286 | { 287 | "0" "fill( x0, y0, x0 + 1, y1, ButtonBorderDisabled )" 288 | "1" "fill( x1 - 1, y0 + 1, x1, y1 - 1, ButtonBorderDisabled )" 289 | "2" "fill( x0 + 1, y0, x1, y0 + 1, ButtonBorderDisabled )" 290 | "3" "fill( x0, y1 - 1, x1, y1, ButtonBorderDisabled )" 291 | } 292 | } 293 | "CEmoticonButton:hover" 294 | { 295 | "image" "graphics/i_chatActionIcon3" 296 | } 297 | "CEmoticonButton:selected" 298 | { 299 | "image" "graphics/i_chatActionIcon3" 300 | } 301 | "EmoticonMenuItemStyle" 302 | { 303 | "font-size" "24" 304 | "bgcolor" "none" 305 | } 306 | "EmoticonMenuItemStyle:hover" 307 | { 308 | "textcolor" "white" 309 | "bgcolor" "none" 310 | } 311 | "EmoticonMenuItemStyle:selected" 312 | { 313 | "textcolor" "white" 314 | "bgcolor" "none" 315 | } 316 | "CChatActionsButton" 317 | { 318 | "image" "graphics/i_chatActionIcon0" 319 | } 320 | "CChatActionsButton:hover" 321 | { 322 | "image" "graphics/i_chatActionIcon1" 323 | } 324 | "CChatActionsButton:selected" 325 | { 326 | "image" "graphics/i_chatActionIcon1" 327 | } 328 | "GridMenu" 329 | { 330 | "font-size" "16" 331 | } 332 | "Textentryfocus_chat" 333 | { 334 | "bgcolor" "none" 335 | "render" 336 | { 337 | "0" "fill( x0, y0, x0 + 1, y1, ChatWindowInputBorder )" 338 | "1" "fill( x1 - 1, y0 + 1, x1, y1 - 1, ChatWindowInputBorder )" 339 | "2" "fill( x0 + 1, y0, x1, y0 + 1, ChatWindowInputBorder )" 340 | "3" "fill( x0, y1 - 1, x1, y1, ChatWindowInputBorder )" 341 | } 342 | "font-size" "16" 343 | "render_bg" 344 | { 345 | } 346 | } 347 | } 348 | } 349 | -------------------------------------------------------------------------------- /friends/FriendsDialog.res: -------------------------------------------------------------------------------- 1 | "Friends/FriendsDialog.res" 2 | { 3 | "controls" 4 | { 5 | "FriendsDialog" 6 | { 7 | "ControlName" "CFriendsDialog" 8 | "fieldName" "FriendsDialog" 9 | "xpos" "2123" 10 | "ypos" "549" 11 | "wide" "356" 12 | "tall" "746" 13 | "AutoResize" "1" 14 | "PinCorner" "0" 15 | "enabled" "1" 16 | "paintbackground" "1" 17 | "settitlebarvisible" "1" 18 | "style" "FriendsPanel" 19 | "closeonescape" "1" 20 | } 21 | "BuddyList" 22 | { 23 | "ControlName" "CFriendsListSubPanel" 24 | "tabposition" "1" 25 | } 26 | "frame_title" 27 | { 28 | "ControlName" "Label" 29 | "labelText" "#SteamRootFriends" 30 | "xpos" "0" 31 | "ypos" "8" 32 | "style" "FriendsTitle" 33 | "textAlignment" "west" 34 | "textAlignment" "center" [$OSX] 35 | } 36 | "DownLabel" 37 | { 38 | "ControlName" "Label" 39 | "fieldName" "DownLabel" 40 | "xpos" "10" 41 | "ypos" "85" 42 | "wide" "336" 43 | "tall" "80" 44 | "AutoResize" "1" 45 | "PinCorner" "0" 46 | "visible" "0" 47 | "enabled" "1" 48 | "paintbackground" "1" 49 | "labelText" "#Friends_NoFriendsInList" 50 | "textAlignment" "north-west" 51 | "wrap" "1" 52 | } 53 | "MenuBar" 54 | { 55 | "style" "RootMenu" 56 | "ControlName" "MenuBar" 57 | "fieldName" "MenuBar" 58 | "xpos" "29" 59 | "ypos" "2" 60 | "wide" "75" 61 | "tall" "27" 62 | "AutoResize" "0" 63 | "PinCorner" "0" 64 | "enabled" "1" 65 | "paintbackground" "1" 66 | "zpos" "-1" 67 | } 68 | "FriendPanelSelf" 69 | { 70 | "ControlName" "CFriendPanel" 71 | "fieldName" "FriendPanelSelf" 72 | "tall" "42" 73 | "AutoResize" "0" 74 | "PinCorner" "0" 75 | "paintbackground" "1" 76 | } 77 | "AddFriendsButton" 78 | { 79 | "style" "AddFriendsButton" 80 | "ControlName" "Button" 81 | "fieldName" "AddFriendsButton" 82 | "xpos" "10" 83 | "ypos" "707" 84 | "wide" "150" 85 | "tall" "24" 86 | "AutoResize" "0" 87 | "PinCorner" "2" 88 | "visible" "1" 89 | "enabled" "1" 90 | "tabPosition" "3" 91 | "paintbackground" "1" 92 | "labelText" "#Friends_AddFriend" 93 | "textAlignment" "west" 94 | "wrap" "0" 95 | "Default" "0" 96 | "selected" "0" 97 | } 98 | "NoFriendsAddFriendButton" 99 | { 100 | "ControlName" "Button" 101 | "fieldName" "NoFriendsAddFriendButton" 102 | "xpos" "10" 103 | "ypos" "129" 104 | "wide" "200" 105 | "tall" "24" 106 | "AutoResize" "0" 107 | "PinCorner" "0" 108 | "visible" "0" 109 | "enabled" "1" 110 | "paintbackground" "1" 111 | "labelText" "#Friends_AddFriend" 112 | "textAlignment" "west" 113 | "wrap" "0" 114 | "Default" "0" 115 | "selected" "0" 116 | } 117 | "FriendsState" 118 | { 119 | "ControlName" "EditablePanel" 120 | "fieldName" "FriendsState" 121 | "xpos" "6" 122 | "ypos" "52" 123 | "wide" "310" 124 | "tall" "457" 125 | "AutoResize" "0" 126 | "PinCorner" "0" 127 | "visible" "0" 128 | "enabled" "1" 129 | "paintbackground" "1" 130 | } 131 | "friends_search" 132 | { 133 | "ControlName" "TextEntry" 134 | "maxchars" "16" 135 | "hintText" "#steam_library_search" 136 | "style" "FriendsSearch" 137 | "unicode" "1" 138 | "tabposition" "2" 139 | } 140 | "friends_search_icon" 141 | { 142 | "ControlName" "Label" 143 | "style" "FriendsSearchIcon" 144 | "zpos" "4" 145 | } 146 | } 147 | "styles" 148 | { 149 | "FriendsPanel" 150 | { 151 | "bgcolor" "FriendsWindowColor1" 152 | "render_bg" 153 | { 154 | "1" "" 155 | } 156 | } 157 | "AddFriendsButton" 158 | { 159 | "font-family" "basefont" 160 | "font-size" "14" 161 | "font-size" "13" [$OSX] 162 | "font-weight" "400" 163 | "padding-left" "15" 164 | "padding-right" "0" 165 | "textcolor" "ClientTextColor" 166 | "bgcolor" "none" 167 | "render_bg" 168 | { 169 | "1" "image( x0, y0 + 4, x1, y1, graphics/i_clientIcon5 )" 170 | } 171 | } 172 | "AddFriendsButton:hover" 173 | { 174 | "textcolor" "ClientTextColorHover" 175 | "render_bg" 176 | { 177 | "0" "image( x0, y0 + 4, x1, y1, graphics/i_clientIcon11 )" 178 | } 179 | } 180 | "RootMenu" 181 | { 182 | "bgcolor" "none" 183 | } 184 | "FriendsTitle" 185 | { 186 | "inset" "0 0 0 0" 187 | } 188 | "FriendsTitle" [$OSX] 189 | { 190 | "font-family" "basefont" 191 | "font-size" "15" 192 | "font-weight" "400" 193 | "textcolor" "textdisabled" 194 | "bgcolor" "none" 195 | "inset" "0 9 0 0" 196 | } 197 | "FriendsTitle:FrameFocus" [$OSX] 198 | { 199 | "font-family" "basefont" 200 | "font-size" "15" 201 | "font-weight" "400" 202 | "textcolor" "texthover" 203 | "bgcolor" "none" 204 | "inset" "0 9 0 0" 205 | } 206 | "Menu" 207 | { 208 | "bgcolor" "dialogbg" 209 | "padding-right" "4" 210 | "inset" "2 2 2 2" 211 | "render_bg" 212 | { 213 | "0" "gradient( x0 + 1, y0 + 1, x1 - 1, y0+140, MenuBG1, MenuBG2 )" 214 | "1" "fill( x0 + 1 , y0 + 140, x1 - 1, y1 - 1, MenuBG2 )" 215 | "2" "fill( x0 + 1, y0, x1 - 1, y0 + 1, clientbg )" 216 | "3" "fill( x0 + 1, y1 - 1, x1 - 1, y1, clientbg )" 217 | "4" "fill( x0, y0 + 1, x0 + 1, y1 - 1, clientbg )" 218 | "5" "fill( x1 - 1, y0 + 1, x1, y1 - 1, clientbg )" 219 | } 220 | } 221 | "MenuBar MenuButton" 222 | { 223 | "padding-right" "14" 224 | "padding-top" "4" 225 | "render" 226 | { 227 | "0" "image( x1-18, y0 + 11, x1-0, y1, graphics/i_clientIcon31 )" 228 | } 229 | } 230 | "MenuBar MenuButton:hover" 231 | { 232 | "render" 233 | { 234 | "0" "image( x1-18, y0 + 11, x1-0, y1, graphics/i_clientIcon33 )" 235 | } 236 | } 237 | "MenuBar MenuButton:selected" 238 | { 239 | "render" 240 | { 241 | "0" "image( x1-18, y0 + 11, x1-0, y1, graphics/i_clientIcon33 )" 242 | } 243 | } 244 | "FriendsSearch" 245 | { 246 | "padding-left" "-4" 247 | "padding-top" "1" 248 | "font-family" "basefont" 249 | "font-size" "14" 250 | "font-weight" "400" 251 | "textcolor" "ClientTextColor" 252 | "render" 253 | { 254 | } 255 | "bgcolor" "none" 256 | "render_bg" 257 | { 258 | "0" "fill( x0, y0 + 1, x1, y1, FriendsSearchBG )" 259 | } 260 | } 261 | "FriendsSearch:empty" 262 | { 263 | "font-style" "italic" 264 | "textcolor" "ClientTextColorDisabled" 265 | } 266 | "FriendsSearch:hover" 267 | { 268 | "textcolor" "ClientTextColorHover" 269 | } 270 | "FriendsSearch:empty:hover" 271 | { 272 | "font-style" "italic" 273 | "textcolor" "ClientTextColorHover" 274 | } 275 | "FriendsSearch:disabled" 276 | { 277 | "font-style" "italic" 278 | "textcolor" "None" 279 | } 280 | "FriendsSearchIcon" 281 | { 282 | "bgcolor" "none" 283 | "inset" "4 2 0 0" 284 | "image" "graphics/i_clientIcon14" 285 | "padding-left" "0" 286 | "padding-right" "-1" 287 | "padding-top" "-1" 288 | "render_bg" 289 | { 290 | "0" "fill( x0 + 2, y0 - 1, x1 + 2, y1 + 5, FriendsSearchBG )" 291 | } 292 | } 293 | "FriendsSearchIcon:disabled" 294 | { 295 | "bgcolor" "none" 296 | "inset" "1 0 0 0" 297 | "image" "none" 298 | "padding-left" "0" 299 | "padding-right" "-1" 300 | "render_bg" 301 | { 302 | "0" "fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, dialogbg )" 303 | } 304 | } 305 | } 306 | "layout" 307 | { 308 | "place" [$OSX] 309 | { 310 | "control" "frame_title" 311 | "align" "center" 312 | "x" "0" 313 | "y" "0" 314 | "width" "max" 315 | "height" "20" 316 | } 317 | "place" [!$OSX] 318 | { 319 | "control" "frame_title" 320 | "visible" "0" 321 | "x" "0" 322 | "y" "0" 323 | "width" "max" 324 | "height" "0" 325 | } 326 | "place" 327 | { 328 | "control" "frame_captiongrip" 329 | "margin" "2" 330 | "width" "max" 331 | "height" "100" 332 | } 333 | "place" [!$OSX] 334 | { 335 | "control" "MenuBar" 336 | "margin-left" "0" 337 | "height" "24" 338 | "margin-top" "2" 339 | } 340 | "place" 341 | { 342 | "control" "FriendPanelSelf" 343 | "y" "24" 344 | "align" "left" 345 | "margin-left" "7" 346 | "margin-right" "7" 347 | "margin-top" "2" 348 | "margin-bottom" "38" 349 | "dir" "right" 350 | "spacing" "3" 351 | } 352 | "place" 353 | { 354 | "control" "friends_search_icon" 355 | "margin-left" "-2" 356 | "start" "FriendPanelSelf" 357 | "dir" "down" 358 | "margin-top" "5" 359 | } 360 | "place" 361 | { 362 | "control" "friends_search" 363 | "start" "friends_search_icon" 364 | "dir" "right" 365 | "margin-right" "9" 366 | "y" "-2" 367 | "margin-bottom" "38" 368 | "width" "max" 369 | } 370 | "place" 371 | { 372 | "control" "FriendsDialogSheet" 373 | "start" "friends_search_icon" 374 | "margin-left" "2" 375 | "dir" "down" 376 | "width" "max" 377 | "height" "max" 378 | "spacing" "3" 379 | "margin-top" "2" 380 | "margin-bottom" "38" 381 | "margin-right" "7" 382 | } 383 | "place" 384 | { 385 | "control" "addFriendsButton" 386 | "align" "bottom" 387 | "margin-left" "16" 388 | "margin-right" "9" 389 | "margin-bottom" "7" 390 | "height" "24" 391 | } 392 | } 393 | } 394 | -------------------------------------------------------------------------------- /resource/layout/downloadsummarypanel.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/downloadsummarypanel.layout" 2 | { 3 | controls 4 | { 5 | "downloadsummarypanel" 6 | { 7 | style=CDownloadSummaryPanel 8 | tall="130" 9 | } 10 | 11 | "header" 12 | { 13 | "ControlName" "Label" 14 | "labelText" "#steam_downloads_networkusage" 15 | style=bigtext 16 | } 17 | 18 | "download_rate" 19 | { 20 | "ControlName" "Label" 21 | "labelText" "#steam_downloads_downloadrate" 22 | style=bigtextlabel 23 | } 24 | 25 | "download_rate_value" 26 | { 27 | "ControlName" "Label" 28 | "labelText" "%CurrentDLRate%" 29 | style=bigtextNonUpper 30 | } 31 | 32 | "peak_download_rate" 33 | { 34 | "ControlName" "Label" 35 | "labelText" "#steam_downloads_peakdownloadrate" 36 | style="bigtextlabel" 37 | } 38 | 39 | "peak_download_rate_value" 40 | { 41 | "ControlName" "Label" 42 | "labelText" "%PeakDLRate%" 43 | style="bigtextNonUpper" 44 | } 45 | 46 | "total_downloaded" 47 | { 48 | "ControlName" "Label" 49 | "labelText" "#steam_downloads_totaldownloaded" 50 | style="bigtextlabel" 51 | } 52 | "total_downloaded_value" 53 | { 54 | "ControlName" "Label" 55 | "labelText" "%TotalDownloaded%" 56 | style="bigtextNonUpper" 57 | } 58 | 59 | "disk_status_value" 60 | { 61 | "ControlName" "Label" 62 | "labelText" "%DiskUsage%" 63 | style="bigtextNonUpper" 64 | } 65 | 66 | "disk_status_label" 67 | { 68 | "ControlName" "Label" 69 | "labelText" "#steam_downloads_diskusage" 70 | style="bigtextlabel" 71 | } 72 | 73 | "pauseresumeallbutton" 74 | { 75 | "ControlName" "Button" 76 | style=PauseButton 77 | } 78 | 79 | "throttling_label" 80 | { 81 | "ControlName" "Label" 82 | "labelText" "#steam_downloads_throttling" 83 | style="throttleLabel" 84 | group = "ShowWhenThrottled" 85 | } 86 | 87 | "throttling_value" 88 | { 89 | "ControlName" "URLLabel" 90 | "URLText" "steam://settings/downloads" 91 | "labelText" "%throttle_value%" 92 | style="throttleValue" 93 | group = "ShowWhenThrottled" 94 | } 95 | 96 | "blackout_label" 97 | { 98 | "ControlName" "Label" 99 | "labelText" "#steam_downloads_autoupdate_window_label" 100 | style="throttleLabel" 101 | group = "ShowWhenAutoUpdateWindow" 102 | } 103 | 104 | "blackout_value" 105 | { 106 | "ControlName" "URLLabel" 107 | "URLText" "steam://settings/downloads" 108 | "labelText" "#steam_downloads_autoupdate_window_value" 109 | style="throttleValue" 110 | group = "ShowWhenAutoUpdateWindow" 111 | } 112 | 113 | net_graphpanel { controlname="GraphPanel" style="NetGraphPanel" group="HideOnCompletion" zpos="-2" } 114 | disc_graphpanel { controlname="GraphPanel" style="DiscGraphPanel" group="HideOnCompletion" zpos="-1" } 115 | 116 | "disk_legend_label" { ControlName="Label" labelText="#steam_downloads_legenddisk" style="throttleLabel" } 117 | "net_legend_label" { ControlName="Label" labelText="#steam_downloads_legendnet" style="throttleLabel" } 118 | "disk_legend_panel" { ControlName="Panel" style="diskLegendPanel" } 119 | "net_legend_panel" { ControlName="Panel" style="netLegendPanel" } 120 | } 121 | 122 | 123 | colors 124 | { 125 | panelBackground = ClientBG 126 | panelBackgroundTransparent = "40 42 54 0" 127 | } 128 | 129 | styles 130 | { 131 | CDownloadSummaryPanel 132 | { 133 | bgcolor=panelBackground 134 | inset="0 0 0 0" 135 | } 136 | 137 | throttleLabel 138 | { 139 | bgcolor none 140 | font-size "15" 141 | textcolor "label2" 142 | padding-top "0" 143 | font-style="uppercase" 144 | } 145 | throttleValue 146 | { 147 | bgcolor none 148 | font-size "15" 149 | textcolor "text" 150 | padding-top "0" 151 | } 152 | 153 | container 154 | { 155 | bgcolor="none" 156 | } 157 | 158 | bigtext 159 | { 160 | font-family=basefont 161 | font-size=17 162 | font-style="uppercase" 163 | textcolor="text" 164 | } 165 | 166 | bigtextNonUpper 167 | { 168 | font-family=basefont 169 | font-size=17 170 | textcolor="text" 171 | } 172 | 173 | bigtextlabel 174 | { 175 | font-family=basefont 176 | font-size=17 177 | font-style="uppercase" 178 | textcolor="label2" 179 | } 180 | 181 | bigtextHeader 182 | { 183 | font-family=basefont 184 | font-size=17 185 | font-style="uppercase" 186 | textcolor="label2" 187 | } 188 | 189 | 190 | bigTextNumbers 191 | { 192 | font-family=basefont 193 | font-size="17" 194 | textcolor="text" 195 | font-style="uppercase" 196 | } 197 | 198 | PauseButton 199 | { 200 | 201 | inset="23 0 0 0" 202 | font-family=basefont 203 | font-size=16 204 | font-weight=400 205 | textcolor="Text" 206 | font-style=uppercase 207 | bgcolor=none 208 | 209 | render 210 | { 211 | 1="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_pause )" 212 | } 213 | render_bg 214 | { 215 | // background fill 216 | 0="fill( x0, y0, x1, y1, draculaSelection)" 217 | } 218 | } 219 | 220 | PauseButton:Hover 221 | { 222 | inset="23 0 0 0" 223 | font-family=basefont 224 | font-size=16 225 | font-weight=400 226 | textcolor="TextHover" 227 | font-style=uppercase 228 | bgcolor=none 229 | 230 | render 231 | { 232 | 1="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_pause_hover )" 233 | } 234 | render_bg 235 | { 236 | // background fill 237 | 0="fill( x0, y0, x1, y1, draculaAccent)" 238 | } 239 | } 240 | 241 | ResumeButton 242 | { 243 | 244 | inset="23 0 0 0" 245 | font-family=basefont 246 | font-size=16 247 | font-weight=400 248 | textcolor="Text" 249 | font-style=uppercase 250 | bgcolor=none 251 | 252 | render 253 | { 254 | 1="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_install )" 255 | } 256 | render_bg 257 | { 258 | // background fill 259 | 0="fill( x0, y0, x1, y1, draculaSelection)" 260 | } 261 | } 262 | 263 | ResumeButton:Hover 264 | { 265 | inset="23 0 0 0" 266 | font-family=basefont 267 | font-size=16 268 | font-weight=400 269 | textcolor="TextHover" 270 | font-style=uppercase 271 | bgcolor=none 272 | 273 | render 274 | { 275 | 1="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_install_hover )" 276 | } 277 | render_bg 278 | { 279 | // background fill 280 | 0="fill( x0, y0, x1, y1, draculaAccent)" 281 | } 282 | } 283 | 284 | NetGraphPanel 285 | { 286 | bgcolor "none" 287 | textcolor "highlight5a" 288 | render_bg 289 | { 290 | // no background 291 | // 0="fill( x0, y0, x1, y1, red )" 292 | } 293 | render 294 | { 295 | 0="fill( x0, y0, x0+50, y1, panelBackground )" 296 | 1="gradient_horizontal( x0+50, y0, x0+100, y1, panelBackground, panelBackgroundTransparent )" 297 | } 298 | } 299 | 300 | DiscGraphPanel 301 | { 302 | bgcolor "none" 303 | textcolor="draculaGreen" 304 | render_bg 305 | { 306 | // no background 307 | // 0="fill( x0, y0, x1, y1, red )" 308 | } 309 | render 310 | { 311 | 0="fill( x0, y0, x0+50, y1, panelBackground )" 312 | 1="gradient_horizontal( x0+50, y0, x0+100, y1, panelBackground, panelBackgroundTransparent )" 313 | } 314 | } 315 | 316 | DiskLegendPanel 317 | { 318 | render_bg 319 | { 320 | // background fill 321 | 0="fill( x0, y0, x1,y1, draculaGreen )" 322 | } 323 | } 324 | 325 | NetLegendPanel 326 | { 327 | render_bg 328 | { 329 | // background fill 330 | 0="fill( x0, y0, x1,y1, highlight5a )" 331 | } 332 | } 333 | } 334 | 335 | layout 336 | { 337 | 338 | //set aside some room for the header section 339 | region { name=head dir=down x=10 y=10 height=max width=max margin-right=0 } 340 | 341 | region { name=legend align=right width=90 margin-top=60 } 342 | 343 | region { name=left_column x=0 y=21 width=max region=head } 344 | region { name=middle_column x=200 y=0 width=max region=head } 345 | 346 | // graph 347 | place { control="net_graphpanel" region=head x=182 y=0 width="max" height="104" margin-right=112 } 348 | place { control="disc_graphpanel" region=head x=182 y=0 width="max" height="104" margin-right=112 } 349 | 350 | // graph legend 351 | place { control="net_legend_panel" region=legend y=3 x=0 width=9 height=9 } 352 | place { control="net_legend_label" region=legend y=1 x=12 } 353 | 354 | place { control="disk_legend_panel" region=legend y=16 x=0 width=9 height=9 } 355 | place { control="disk_legend_label" region=legend y=14 x=12 } 356 | 357 | // put NETWORK USAGE in the top left 358 | place { control="header" region=head dir=down x=0 y=0 } 359 | 360 | // top right 361 | place { control="pauseresumeallbutton" region=head align=right margin-right=10 margin-top=0 } 362 | 363 | // three rows of network usage underneath the header 364 | place { region=left_column control="download_rate_value,download_rate" spacing=4 } 365 | place { region=left_column control="peak_download_rate_value, peak_download_rate" spacing=4 y=22 align=top } 366 | place { region=left_column control="total_downloaded_value, total_downloaded" spacing=4 y=44 align=top } 367 | place { region=left_column control="disk_status_value, disk_status_label" spacing=4 y=66 align=top } 368 | 369 | // throttling info 370 | place { region=middle_column controls="blackout_label, blackout_value" spacing=4 } 371 | place { region=middle_column control="throttling_label" start=blackout_label dir=down margin-top=4 } 372 | place { region=middle_column control="throttling_value" start=throttling_label dir=right margin-left=4 } 373 | 374 | 375 | } 376 | } 377 | -------------------------------------------------------------------------------- /resource/layout/appdownloadpanel.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/appdownloadpanel.layout" 2 | { 3 | controls 4 | { 5 | // this just sets the height 6 | appdownloadpanel { tall="110" style=panelStyle } 7 | 8 | // image 9 | spacer { controlname="Panel" } 10 | gameimage { controlname="ImagePanel" zpos="1" style="gameImagePanel" } // set the initial size on on the gameimage; it's loaded async, so it may not know the image size immediately 11 | workshopbanner { controlname="ImagePanel" zpos="2" image="resource/workshop_minibanner" } 12 | 13 | // left-mid column 14 | namelabel { controlname="Label" labelText="#steam_downloads_gamename" style="ModuleHeading" } 15 | dashlabel { controlname="Label" labelText="" } 16 | launchbutton { controlname="Button" style="DetailsLaunchButton" labelText="#Steam_LaunchGame" zpos="1" } 17 | downloadprogressbar { controlname="ProgressBar" style="SlimProgressBar" barinset=0 continuous=1 group="ShowWhileDownloading" style="SlimProgressBar" } 18 | settingslink { controlname="URLlabel" style="settingslink" } 19 | 20 | // right-mid column 21 | downloadtotallabel { controlname="Label" labelText="#steam_downloads_gamesize_update" style="label2" } 22 | downloadtotalfield { controlname="Label" labelText="%download_totals%" style="label" style="label" } 23 | starttimelabel { controlname="Label" labelText="#steam_downloads_initiated" style=Label2 group="ShowWhileDownloading"} 24 | starttimefield { controlname="Label" labelText="%time_started%" style=Label group="ShowWhileDownloading"} 25 | timeremaininglabel { controlname="Label" labelText="#steam_downloads_timeremaining" style="label2" group="ShowWhileDownloading" } 26 | timeremainingfield { controlname="Label" labelText="%time_remaining%" style="label" group="ShowWhileDownloading" } 27 | timecompletedlabel { controlname="Label" labelText="#steam_downloads_timecompleted" style="label2" group="ShowWhenComplete" } 28 | timecompletedfield { controlname="Label" labelText="%time_completed%" style="label" group="ShowWhenComplete" } 29 | pausereasonlabel { controlname="Label" labelText="#steam_downloads_pausedreason" style="label2" group="ShowWhenPaused" } 30 | pausereasonfield { controlname="Label" labelText="" style="label3" group="ShowWhenPaused" } 31 | 32 | 33 | // right column 34 | updatetypelabel { controlname="Label" labelText="#steam_downloads_suspended" style=ModuleHeading2 tooltiptext="" } 35 | removefromqueuebutton { controlname="Button" style="SmRemoveButton" tooltiptext="#steam_downloads_remove" } 36 | topofqueuebutton { controlname="Button" style="topOfQueueButton" tooltiptext="#steam_downloads_topofqueue" group="HideOnCompletion" } 37 | newslink { controlname="URLlabel" style="links" labelText="#steam_downloads_updatenews" } 38 | 39 | 40 | 41 | } 42 | 43 | colors 44 | { 45 | dark_blue_grad = "12 27 38 255" 46 | light_blue_grad = "32 72 102 255" 47 | } 48 | 49 | styles 50 | { 51 | panelStyle 52 | { 53 | bgcolor=none 54 | 55 | } 56 | 57 | panelStyleHighlight 58 | { 59 | bgcolor=none 60 | } 61 | 62 | links 63 | { 64 | font-size=14 65 | font-style=normal 66 | textcolor="text" 67 | font-family=basefont 68 | font-style="uppercase" 69 | padding-left=0 70 | padding-top=0 71 | padding-bottom=0 72 | } 73 | 74 | links:hover 75 | { 76 | font-size=14 77 | font-style=normal 78 | textcolor="white" 79 | font-family=basefont 80 | font-style="uppercase" 81 | padding-left=0 82 | padding-top=0 83 | padding-bottom=0 84 | } 85 | 86 | links:disabled 87 | { 88 | textcolor="TextDisabled" 89 | } 90 | 91 | settingslink 92 | { 93 | font-size=14 94 | font-style=normal 95 | textcolor="text" 96 | font-family=basefont 97 | padding-left=0 98 | padding-top=0 99 | padding-bottom=0 100 | } 101 | 102 | settingslink:hover 103 | { 104 | font-size=14 105 | font-style=normal 106 | textcolor="white" 107 | font-family=basefont 108 | padding-left=0 109 | padding-top=0 110 | padding-bottom=0 111 | } 112 | 113 | settingslink:disabled 114 | { 115 | textcolor="TextDisabled" 116 | } 117 | 118 | rightcolumnlink:hover 119 | { 120 | textcolor=TextHover 121 | } 122 | 123 | label2 124 | { 125 | bgcolor none 126 | font-size "14" 127 | textcolor "label2" 128 | padding-top "0" 129 | font-style="uppercase" 130 | } 131 | 132 | label3 133 | { 134 | bgcolor none 135 | font-size "14" 136 | textcolor "label" 137 | padding-top "0" 138 | font-style="uppercase" 139 | } 140 | 141 | ModuleHeading 142 | { 143 | font-family basefont 144 | bgcolor="none" 145 | font-size "18" 146 | textcolor "text" 147 | padding-top "0" 148 | font-weight "700" 149 | } 150 | 151 | ModuleHeading2 152 | { 153 | font-family basefont 154 | bgcolor="none" 155 | font-size "18" 156 | textcolor "label" 157 | padding-top "0" 158 | font-weight "400" 159 | } 160 | 161 | panelBgColorActive 162 | { 163 | bgcolor= "clientbg" 164 | } 165 | 166 | 167 | 168 | 169 | gameImagePanel 170 | { 171 | inset="0 0 0 0" 172 | render_bg 173 | { 174 | } 175 | render 176 | { 177 | 178 | } 179 | } 180 | 181 | gameImagePanelHighlight 182 | { 183 | inset="0 0 0 0" 184 | bgcolor=none 185 | render_bg 186 | { 187 | 0="image( x0 - 8, y0 - 3, x1 + 8, y1 + 0, graphics/downloads_bg )" 188 | } 189 | padding "4" 190 | } 191 | DetailsLaunchButton 192 | { 193 | 194 | inset="23 0 0 0" 195 | font-family=basefont 196 | font-size=16 197 | font-weight=400 198 | textcolor="white" 199 | font-style="uppercase" 200 | bgcolor=none 201 | 202 | render 203 | { 204 | 1="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_play )" 205 | } 206 | render_bg 207 | { 208 | // background fill 209 | 0="gradient( x0, y0-1, x1, y1, launch1, launch2 )" 210 | 211 | 212 | 213 | } 214 | } 215 | 216 | DetailsLaunchButton:Hover 217 | { 218 | inset="23 0 0 0" 219 | font-family=basefont 220 | font-size=16 221 | font-weight=400 222 | textcolor="white" 223 | font-style=uppercase 224 | bgcolor=none 225 | 226 | render 227 | { 228 | 0="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_play )" 229 | } 230 | render_bg 231 | { 232 | // background fill 233 | 0="gradient( x0, y0-1, x1, y1, launch0, launch2 )" 234 | 235 | 236 | } 237 | } 238 | 239 | DetailsLaunchButton:Disabled 240 | { 241 | inset="23 0 0 0" 242 | font-family=basefont 243 | font-size=16 244 | font-weight=400 245 | textcolor="LabelDisabled" 246 | font-style=uppercase 247 | bgcolor=none 248 | 249 | render 250 | { 251 | 1="image( x0 + 6, y0 + 5, x1, y1, graphics/icon_play )" 252 | } 253 | render_bg 254 | { 255 | // background fill 256 | 0="fill( x0, y0-1, x1, y1, buttonfacedisabled )" 257 | 258 | } 259 | } 260 | 261 | 262 | 263 | topOfQueueButton 264 | { 265 | 266 | inset="30 0 0 0" 267 | font-family=basefont 268 | font-size=16 269 | font-weight=400 270 | textcolor="Text" 271 | font-style=uppercase 272 | bgcolor=none 273 | 274 | render 275 | { 276 | 1="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_topofqueue )" 277 | } 278 | } 279 | 280 | SmRemoveButton 281 | { 282 | 283 | inset="0 0 0 0" 284 | font-family=basefont 285 | font-size=16 286 | font-weight=400 287 | textcolor="Text" 288 | font-style=uppercase 289 | bgcolor=none 290 | 291 | render 292 | { 293 | 1="image( x0 + 5, y0 + 4, x1, y1, graphics/icon_close )" 294 | } 295 | } 296 | 297 | SmRemoveButton:Hover 298 | { 299 | inset="0 0 0 0" 300 | font-family=basefont 301 | font-size=16 302 | font-weight=400 303 | textcolor="TextHover" 304 | font-style=uppercase 305 | bgcolor=none 306 | render 307 | { 308 | 1="image( x0 + 5, y0 + 4, x1, y1, graphics/icon_close_hover )" 309 | } 310 | 311 | } 312 | 313 | 314 | 315 | SlimProgressBar 316 | { 317 | render_bg 318 | { 319 | 0="fill( x0, y0, x1, y1, black )" 320 | } 321 | render 322 | { 323 | } 324 | } 325 | } 326 | 327 | 328 | layout 329 | { 330 | region { name="bottom" y=75 height=60 width=400 } 331 | 332 | region { name="column1" x=0 width=200 } 333 | region { name="column2" x=210 width=max } 334 | region { name="column3" x=500 width=max } 335 | region { name="column4" x=700 width=max overflow=allow-horizontal } 336 | 337 | // left column 338 | place { control="spacer" } 339 | place { control="gameimage" start=spacer dir=down margin-left=8 width=192 height=85 } 340 | place { control="workshopbanner" margin-left=8 margin-top=82 width=192 height=26 } 341 | 342 | // left-mid column 343 | place { control="namelabel" region="column2" margin-top=16 margin-left=0 } 344 | place { control="launchbutton" region=column2 start=namelabel dir=down margin-top=10 } 345 | place { control="downloadprogressbar" region=column2 start=launchbutton margin-top=5 dir=down spacing=10 height=3 width=150 } 346 | place { control="settingslink" region=column2 start=downloadprogressbar dir=down margin-top=5 margin-left=0 } 347 | 348 | // right-mid column 349 | place { control="downloadtotallabel,downloadtotalfield" region="column3" x=0 align=top margin-top=43 spacing=6 } 350 | place { control="starttimelabel,starttimefield" region="column3" x=0 align=top margin-top=63 spacing=6 } 351 | place { control="timecompletedlabel,timecompletedfield" region="column3" x=0 align=top margin-top=63 spacing=6 } 352 | place { control="pausereasonlabel,pausereasonfield" region="column3" x=0 align=top margin-top=63 spacing=6 } 353 | place { control="timeremaininglabel,timeremainingfield" region="column3" x=0 align=top margin-top=83 spacing=6 } 354 | 355 | // right column 356 | place { control="updatetypelabel" region="column4" spacing=10 margin-top=22 align=right margin-right=16 } 357 | place { control="topofqueuebutton,removefromqueuebutton" region="column4" height=22 width=26 dir=right spacing=10 margin-top=50 align=right margin-right=16 } 358 | place { control="newslink" region="column4" spacing=10 margin-top=80 align=right margin-right=16 } 359 | 360 | // put the buttons along the bottom 361 | 362 | } 363 | } 364 | -------------------------------------------------------------------------------- /resource/layout/steamrootdialog_gamespage_details.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/steamrootdialog_gamespage_details.layout" 2 | { 3 | controls 4 | { 5 | GamesList 6 | { 7 | tabposition=1 8 | } 9 | 10 | DetailsBorder { controlname=Panel style="DetailsBorderPanel" zpos="-1" } 11 | 12 | // Header image, plus overlays 13 | headerimagea { controlname="ImagePanel" style="headerimage" zpos="-4" visible=1 scaling="none" horizontal-align=left vertical-align=top } 14 | headerimageb { controlname="ImagePanel" style="headerimage" zpos="-4" visible=1 scaling="none" horizontal-align=left vertical-align=top } 15 | 16 | // Header text labels 17 | gametitleheader { controlname="CDetailsGameTitleHeaderPanel" zpos="2" } 18 | gamesubheader { controlname="CDetailsGameSubHeaderPanel" zpos="2" } 19 | compatsubheader { controlname="CDetailsCompatSubHeaderPanel" visible=1 zpos="2" } 20 | 21 | linkslabel { controlname="Label" labeltext="#Steam_Links" style="rightcolumnheadertext" } 22 | sendguestpasslink { controlname="URLLabel" labeltext="#steam_send_guestpass" style="rightcolumnlink" tabposition=7 command="SendGuestPass" } 23 | achievementslink { controlname="URLLabel" labeltext="#Steam_Achievements" style="rightcolumnlink" } 24 | forumlink { controlname="URLLabel" labeltext="#Steam_Forums" style="rightcolumnlink" } 25 | ogglink { controlname="URLLabel" labeltext="#Steam_OGG" style="rightcolumnlink" } 26 | manuallink { controlname="URLLabel" labeltext="#Steam_Game_Manual" style="rightcolumnlink" } 27 | newslink { controlname="URLLabel" labeltext="#Steam_News" style="rightcolumnlink" } 28 | storelink { controlname="URLLabel" labeltext="#Steam_Game_SteamStorePage" style="rightcolumnlink" } 29 | gamehublink { controlname="URLLabel" labeltext="#Steam_Game_GameHub" style="rightcolumnlink" } 30 | dlclink { controlname="URLLabel" labeltext="#Steam_DLC" style="rightcolumnlink" } 31 | cdkeylink { controlname="URLLabel" labeltext="#Steam_CDKeyLink" style="rightcolumnlink" } 32 | guidelink { controlname="URLLabel" labeltext="#Steam_Guide" style="rightcolumnlink" } 33 | guideslink { controlname="URLLabel" labeltext="#Steam_Guides" style="rightcolumnlink" } 34 | supportlink { controlname="URLLabel" labeltext="#Steam_Support" style="rightcolumnlink" } 35 | recommendlink { controlname="URLLabel" labeltext="#Steam_Game_RecommendGame" style="rightcolumnlink" } 36 | editconfiglink { controlname="URLLabel" labeltext="#steam_editcontroller" style="rightcolumnlink" } 37 | 38 | 39 | // Right column tags 40 | tagslabel { controlname="Label" labeltext="#Steam_Tags" style="rightcolumnheadertext" } 41 | edittagslink { controlname="URLLabel" labeltext="#steam_details_edittags" style="rightcolumnlink" } 42 | 43 | // Body contents 44 | welcomedetails { controlname="CGamesPage_Details_Welcome" zpos="1" } 45 | rentaldetails { controlname="CGamesPage_Details_Rental" zpos="1" } 46 | dlcdetails { controlname="CGamesPage_Details_DLC" zpos="1" } 47 | friendsdetails { controlname="CGamesPage_Details_Friends" zpos="1" } 48 | clouddetails { controlname="CGamesPage_Details_Cloud" zpos="1" } 49 | communityfilesdetails { controlname="CGamesPage_Details_CommunityFiles" zpos="1" } 50 | achievementsdetails { controlname="CGamesPage_Details_Achievements" zpos="1" } 51 | newsdetails { controlname="CGamesPage_Details_News" zpos="1" } 52 | nonsteamdetails { controlname="CGamesPage_Details_NonSteam" zpos="1" } 53 | screenshotsdetails { controlname="CGamesPage_Details_Screenshots" zpos="1" } 54 | turnnotifications { controlname="CGamesPage_Details_TurnNotifications" zpos="1" visible="0" } 55 | 56 | // Empty list contents 57 | emptylisttext { controlname="RichText" style="emptylisttext" } 58 | 59 | } 60 | 61 | styles 62 | { 63 | CGamesListPanel 64 | { 65 | render_bg { } 66 | } 67 | 68 | emptylisttext 69 | { 70 | textcolor="Text" 71 | font-size="15" 72 | render_bg {} 73 | } 74 | 75 | CGamesPage_Details 76 | { 77 | bgcolor="none" 78 | inset="0 0 0 1" 79 | render 80 | { 81 | } 82 | render_bg 83 | { 84 | 0="fill( x0+2, y0+2, x1-1, y1 - 1, dialogbg )" 85 | //1="gradient( x0 +2, y0+2, x1-1, y0 + 20, backgroundstartsubtle, none )" 86 | } 87 | } 88 | 89 | // Some overrides for our listpanel 90 | "GamesPage_Details ListPanel" 91 | { 92 | bgcolor="none" 93 | render_bg {} 94 | render {} 95 | } 96 | 97 | "GamesPage_Details ListPanel" 98 | { 99 | padding-left=4 100 | padding-right=2 101 | } 102 | 103 | "GamesPage_Details ListPanelInterior" 104 | { 105 | bgcolor="none" 106 | inset="0 1 0 0" 107 | render {} 108 | render_bg {} 109 | } 110 | 111 | "GamesPage_Details ListPanelInterior:scrollbar" 112 | { 113 | inset="0 1 -2 0" 114 | bgcolor=none 115 | 116 | render_bg {} 117 | } 118 | 119 | ListPanelSectionHeader 120 | { 121 | inset="2 0 0 0" 122 | textcolor=label 123 | font-style="uppercase" 124 | render_bg 125 | { 126 | 0="gradient_horizontal( x0 - 1, y0, x0 + 250, y1 - 1, propertysheetbg, Friends.ListHeaderFadeOut )" 127 | } 128 | } 129 | 130 | "GamesPage_Details ListPanelDragger" 131 | { 132 | bgcolor="none" 133 | render {} 134 | render_bg {} 135 | } 136 | 137 | "GamesPage_Details ListPanelColumnHeader" [!$OSX] 138 | { 139 | bgcolor="none" 140 | font-size=14 141 | inset="2 2 0 0" 142 | render {} 143 | render_bg 144 | { 145 | 0="gradient_horizontal( x0+1, y0+2, x1, y1 + 1, ButtonFace, none )" 146 | } 147 | 148 | } 149 | 150 | "GamesPage_Details ListPanelColumnHeader" [$OSX] 151 | { 152 | bgcolor="none" 153 | font-size=13 154 | inset="2 2 0 0" 155 | render {} 156 | 157 | 158 | } 159 | 160 | "CGamesListPanel ListPanelColumnSelectButton" 161 | { 162 | inset="-3 3 0 0" 163 | render { 164 | 5="image( x0 + 3, y0 + 3, x1, y1, graphics/icon_collapse )" 165 | } 166 | render_bg { 167 | 1="fill( x0 + 1, y0, x1 - 1, y1, none )" 168 | } 169 | } 170 | 171 | headerimage { bgcolor="0 0 0 0" } 172 | 173 | rightcolumnheadertext 174 | { 175 | inset="-9 0 0 0" 176 | font-style=uppercase; 177 | font-family=basefont 178 | font-weight=700 179 | font-size=17 180 | textcolor=label2 181 | padding-top=12 182 | padding-left=10 183 | } 184 | 185 | rightcolumnheadertext-red 186 | { 187 | inset="-9 0 0 0" 188 | font-style=uppercase; 189 | font-size=17 190 | textcolor=GameDetailsRed 191 | font-family=basefont 192 | font-weight=700 193 | padding-top=12 194 | padding-left=10 195 | } 196 | 197 | rightcolumnheadertext-green 198 | { 199 | 200 | inset="-9 0 0 0" 201 | font-style=uppercase; 202 | font-size=17 203 | textcolor=GameDetailsGreen 204 | font-family=basefont 205 | font-weight=700 206 | padding-top=12 207 | padding-left=10 208 | } 209 | 210 | rightcolumnheadertext-blue 211 | { 212 | inset="-9 0 0 0" 213 | font-style=uppercase; 214 | font-size=17 215 | textcolor=GameDetailsBlue 216 | font-family=basefont 217 | font-weight=700 218 | padding-top=12 219 | padding-left=10 220 | } 221 | 222 | rightcolumnlink 223 | { 224 | inset="-9 0 0 0" 225 | font-size=15 226 | inset="-9 0 0 0" 227 | font-style=normal 228 | textcolor=Text 229 | font-family=basefont 230 | padding-left=10 231 | padding-top=0 232 | padding-bottom=0 233 | } 234 | 235 | rightcolumnlink:hover 236 | { 237 | textcolor=White 238 | } 239 | 240 | rightcolumnlink:disabled 241 | { 242 | textcolor="TextDisabled" 243 | } 244 | 245 | rightcolumntag 246 | { 247 | inset="-9 0 0 0" 248 | font-size=15 249 | font-style=normal 250 | textcolor=Label 251 | padding-left=10 252 | padding-top=0 253 | font-family=basefont 254 | padding-bottom=0 255 | } 256 | 257 | DetailsBorderPanel 258 | { 259 | 260 | bgcolor = none 261 | render 262 | { 263 | // background gradient 264 | 265 | 266 | 267 | 268 | } 269 | } 270 | } 271 | 272 | layout 273 | { 274 | region { name="list" y=2 x=1 width=275 height=max margin-bottom=0 } 275 | region { name="details" y=1 x=275 width=max height=max overflow=scroll-vertical margin-left=1 margin-top=1 margin-bottom=1 margin-right=-1} 276 | region { name="headertext" region=details y=20 x=5 width=max height=max margin-right=20 } 277 | region { name="rightcolumn" region=details y=171 height=max width=1156 margin-right=0 margin-top=1 margin-bottom=1 overflow=allow-vertical } 278 | region { name="detailsbody" region=details y=174 height=max width=1156 margin-right=160 overflow=allow-vertical } 279 | 280 | // Empty list text, which goes across regions 281 | place { control=emptylisttext x=0 y=0 width=max height=max margin=10 } 282 | 283 | // Games list on left 284 | place { control=GamesList region=list width=275 height=max margin=0 } 285 | 286 | // Body contents 287 | place 288 | { 289 | control=welcomedetails,rentaldetails,turnnotifications,friendsdetails,achievementsdetails,dlcdetails,clouddetails,communityfilesdetails,newsdetails,nonsteamdetails,screenshotsdetails 290 | region=detailsbody 291 | dir=down 292 | width=max 293 | margin-right=10 294 | margin-top=0 295 | margin-left=5 296 | spacing=10 297 | margin-bottom=10 298 | } 299 | 300 | 301 | // Details border 302 | place { control=DetailsBorder y=1 x=1 width=max height=max } 303 | 304 | // Main header image is at the bottom, then one of three color overlays is visible, and finally the 305 | // horizontal fade out gradient on the top. We have an a and a b image, which we crossfade between. 306 | place { control=headerimagea width=1024 height=550 x=120 y=2 } 307 | place { control=headerimageb width=1024 height=550 x=120 y=2 } 308 | 309 | // Header text 310 | place { control=gametitleheader region=headertext dir=down height=46 } 311 | place { control=gamesubheader start=gametitleheader region=headertext dir=down margin-top=10 } 312 | place { control=compatsubheader start=gamesubheader region=headertext dir=right margin-left=10 } 313 | 314 | // Buttons and links on the right 315 | place 316 | { 317 | control=linkslabel,sendguestpasslink,gamehublink,achievementslink,forumlink,ogglink,manuallink,newslink,storelink,dlclink,cdkeylink,guidelink,guideslink,supportlink,recommendlink,editconfiglink,tagslabel,*taglink,edittagslink 318 | region=rightcolumn 319 | dir=down 320 | width=150 321 | margin=0 322 | align=right 323 | spacing=5 324 | 325 | } 326 | 327 | 328 | } 329 | 330 | } 331 | -------------------------------------------------------------------------------- /css/custom1010.css: -------------------------------------------------------------------------------- 1 | @import 'customroot.css'; 2 | 3 | /* Kompletter Container links */ 4 | .gamelistbar_Container_3x1Hk { 5 | background-image: linear-gradient( 6 | to bottom, 7 | var(--draculaBG) 0%, 8 | var(--draculaBG) 20% 9 | ); 10 | } 11 | 12 | /* Home and Search */ 13 | .gamelistbar_GameListHomeAndSearch_2TKEa { 14 | background-color: var(--draculaBG); 15 | } 16 | 17 | /* Home box + Collection Button BG*/ 18 | .gamelisthome_Bar_3pSPl.gamelisthome_Selected_eNLOx, 19 | .gamelisthome_Bar_3pSPl { 20 | background-color: var(--draculaAccent); 21 | } 22 | /* Hovermode */ 23 | .gamelisthome_Bar_3pSPl.gamelisthome_Selected_eNLOx:hover, 24 | .gamelisthome_Bar_3pSPl:hover { 25 | background-color: var(--draculaCFAccent); 26 | } 27 | 28 | /* Collection Button Inlet */ 29 | .gamelisthome_CollectionIcon_nC-pL .gamelisthome_CollectionIconBox_2tyaV { 30 | /*background: var(--draculaBG);*/ 31 | background: #8f8f8f; 32 | } 33 | 34 | /* Menu Header */ 35 | .gamelistdropdown_Bar_1ZS_x .gamelistdropdown_MenuHeader_2PF_m { 36 | background-color: var(--draculaAccent); 37 | } 38 | /* Hover */ 39 | .gamelistdropdown_Bar_1ZS_x .gamelistdropdown_MenuHeader_2PF_m:hover { 40 | background-color: var(--draculaCFAccent); 41 | } 42 | 43 | /* Dropdown Menu */ 44 | .contextmenu_contextMenu_PP7LM { 45 | background: var(--draculaAccent); 46 | } 47 | 48 | /* Sroll To Top Button */ 49 | .gamelistdropdown_ScrollToTop_uE7Pj .SVGIcon_Arrow { 50 | background-color: var(--draculaAccent); 51 | border: 1px; 52 | } 53 | 54 | /* Searchbar */ 55 | .gamelistsearchbar_Container_20QAC 56 | .gamelistsearchbar_SearchInput_12vo5 57 | .DialogTextInputBase { 58 | background-color: var(--draculaAccent); 59 | } 60 | .gamelistsearchbar_Container_20QAC 61 | .gamelistsearchbar_SearchInput_12vo5 62 | .DialogTextInputBase:hover { 63 | background-color: var(--draculaAccent); 64 | } 65 | 66 | /* Advanced Search Settings */ 67 | .gamelistsearchbar_Container_20QAC 68 | .gamelistsearchbar_AdvancedSearchContainer_vCCmY { 69 | background-color: var(--draculaAccent); 70 | border-top-left-radius: 0px; 71 | border-bottom-left-radius: 0px; 72 | } 73 | /* Hover */ 74 | .gamelistsearchbar_Container_20QAC 75 | .gamelistsearchbar_AdvancedSearchContainer_vCCmY.gamelistsearchbar_Extended_31r1_, 76 | .gamelistsearchbar_Container_20QAC 77 | .gamelistsearchbar_AdvancedSearchContainer_vCCmY:not( 78 | .gamelistsearchbar_Disabled_1Gjk2 79 | ):hover { 80 | background-color: var(--draculaCFAccent); 81 | } 82 | 83 | /* Game Tag */ 84 | .gamelistsearchbar_FilterTag_3gzh_ { 85 | background-color: var(--draculaComment) !important; 86 | } 87 | 88 | /* Popup */ 89 | .gamelistsearchbar_Container_20QAC 90 | .gamelistsearchbar_AdvancedSearchContainer_vCCmY 91 | .gamelistsearchbar_AdvancedSearchPaneContainer_1dgAM 92 | .gamelistsearchbar_AdvancedSearchPane_Woh0k { 93 | background-color: var(--draculaAccent); 94 | } 95 | /* Pane transition to Popup */ 96 | .gamelistsearchbar_Container_20QAC 97 | .gamelistsearchbar_AdvancedSearchContainer_vCCmY 98 | .gamelistsearchbar_AdvancedSearchPaneContainer_1dgAM 99 | .gamelistsearchbar_AdvancedSearchPane_Woh0k:before { 100 | background-color: var(--draculaAccent); 101 | } 102 | 103 | /* Category Label */ 104 | .appfilterpane_Container_170Np 105 | .appfilterpane_FilterArea_1ennW 106 | .appfilterpane_FilterBucket_1axoi 107 | .appfilterpane_FilterBucketLabel_3iV2v { 108 | color: var(--draculaCyan); 109 | } 110 | 111 | /* Button */ 112 | button.DialogButton.Primary { 113 | background: linear-gradient(to right, #6272a4 0%, #6192a3 80%); 114 | } 115 | /* Button:hover */ 116 | button.DialogButton.Primary:hover { 117 | background: linear-gradient(to right, #6192a3 0%, #6272a4 80%); 118 | } 119 | 120 | /* Button:active */ 121 | button.DialogButton.Primary:enabled:active, 122 | button.DialogButton.Primary:enabled:hover:active { 123 | background: linear-gradient(to right, #6192a3 0%, #6272a4 80%); 124 | } 125 | 126 | /* Context Menu */ 127 | .library_ContextMenuAction_Z5iAX.Play { 128 | background-color: var(--draculaGreen); 129 | } 130 | 131 | .contextmenu_contextMenuItem_1n7Wl:hover, 132 | .contextmenu_contextMenuItem_1n7Wl.contextmenu_active_18z-3 { 133 | background-color: var(--draculaComment); 134 | } 135 | /* Play Button Dropdown */ 136 | button.DialogButton.GreenPlay, 137 | button.DialogButton.GreenPlay:hover, 138 | button.DialogButton.GreenPlay:active, 139 | button.DialogButton.GreenPlay:active:hover { 140 | background: linear-gradient(to right, #50fa7b 0%, #ffffff 80%); 141 | } 142 | 143 | /* Dialog */ 144 | .DialogContent, 145 | .DialogContentTransition { 146 | background: var(--draculaBG); 147 | } 148 | 149 | .gamelistsectionheader_Container_2sYIg { 150 | border-right: none !important; 151 | 152 | background: linear-gradient(to right, var(--draculaAccent) 40%, #282a36 100%); 153 | } 154 | 155 | .gamelistsectionheader_Container_2sYIg.gamelistsectionheader_Selected_sXMOs { 156 | /* Color of selected Category */ 157 | background: var(--draculaCFAccent); 158 | } 159 | 160 | .gamelistsectionheader_Container_2sYIg:hover { 161 | /* Hovercolor hovering over Month/Category */ 162 | background: var(--draculaCFAccent); 163 | } 164 | 165 | /* Text in Section Header */ 166 | .gamelistsectionheader_SectionHeaderContent_3cV3O { 167 | color: var(--draculaCFAccent); 168 | } 169 | 170 | .gamelistsectionheader_SectionHeaderContent_3cV3O:hover 171 | .gamelistsectionheader_SectionName_2mZ8L { 172 | color: var(--draculaForeGround); 173 | } 174 | 175 | /* Icons */ 176 | 177 | .collapseicon_Container_3SFRZ .SVGIcon_PlusCircle { 178 | margin-top: 0px; 179 | } 180 | 181 | .collapseicon_CollapseIconParent_ehAsU .collapseicon_Container_3SFRZ { 182 | stroke: rgba(255, 255, 255, 0.5); 183 | /*stroke: var(--draculaCFAccent);*/ 184 | /* TODO Herausfinden ob hover farbe änderbar */ 185 | } 186 | 187 | /* Count behind */ 188 | .gamelistsectionheader_SectionCount_29ute { 189 | color: rgba(255, 255, 255, 0.5); 190 | } 191 | 192 | /* The game entries */ 193 | /* Game entry hover not selected */ 194 | .gamelistentry_Container_2-O4Z:hover, 195 | .gamelistentry_Container_2-O4Z.gamelistentry_HoverOverlay_3cMVy { 196 | background-color: var(--draculaAccent); 197 | } 198 | 199 | /* Game entry selected */ 200 | .gamelistentry_Selected_1UBpA.gamelistentry_Container_2-O4Z, 201 | .gamelistentry_Selected_1UBpA .gamelistentry_Container_2-O4Z { 202 | background-color: var(--draculaCFAccent); 203 | } 204 | .gamelistentry_Selected_1UBpA.gamelistentry_Container_2-O4Z:hover, 205 | .gamelistentry_Selected_1UBpA.gamelistentry_Container_2-O4Z.gamelistentry_HoverOverlay_3cMVy, 206 | .gamelistentry_Selected_1UBpA.gamelistentry_Container_2-O4Z :hover, 207 | .gamelistentry_Selected_1UBpA.gamelistentry_Container_2-O4Z 208 | .gamelistentry_Container_2-O4Z.gamelistentry_HoverOverlay_3cMVy, 209 | .gamelistentry_Selected_1UBpA .gamelistentry_Container_2-O4Z:hover, 210 | .gamelistentry_Selected_1UBpA 211 | .gamelistentry_Container_2-O4Z.gamelistentry_HoverOverlay_3cMVy, 212 | .gamelistentry_Selected_1UBpA .gamelistentry_Container_2-O4Z :hover, 213 | .gamelistentry_Selected_1UBpA 214 | .gamelistentry_Container_2-O4Z 215 | .gamelistentry_Container_2-O4Z.gamelistentry_HoverOverlay_3cMVy { 216 | background-color: var(--draculaCFAccent); 217 | } 218 | 219 | .gamelistentry_Container_2-O4Z.gamelistentry_Updating_1LVQp { 220 | color: var(--draculaCyan); 221 | } 222 | 223 | .gamelistentry_Container_2-O4Z.gamelistentry_Running_10Gdo { 224 | color: var(--draculaGreen); 225 | } 226 | 227 | .gamelistentry_Container_2-O4Z.gamelistentry_Running_10Gdo 228 | .gamelistentry_DownloadProgress_3uk3F { 229 | color: var(--draculaGreen); 230 | } 231 | 232 | /* Divider */ 233 | .library_LibraryWindowDivider_276E6 { 234 | background-color: var(--draculaCFAccent); 235 | } 236 | 237 | /* Home */ 238 | .libraryhome_LibraryHome_3Sb2o { 239 | background-image: linear-gradient( 240 | to bottom, 241 | var(--draculaBG) 0%, 242 | var(--draculaBG) 100% 243 | ); 244 | } 245 | .libraryhome_UpdatesContainer_17uEB { 246 | background: linear-gradient( 247 | to bottom, 248 | var(--draculaAccent) 0%, 249 | var(--draculaAccent) 100% 250 | ); 251 | } 252 | 253 | /* MAINWINDOW COLLECTION */ 254 | .collectionview_OuterContainer_2sNr7, 255 | .allcollections_ScrollContainer_u1xD3 { 256 | background: rgb(46, 50, 66); 257 | background: radial-gradient( 258 | circle, 259 | rgba(46, 50, 66, 1) 20%, 260 | rgba(40, 42, 54, 1) 100% 261 | ); 262 | } 263 | 264 | /* Single Collection Button */ 265 | .allcollections_Collection_3IWn- { 266 | background: var(--draculaAccent); 267 | } 268 | 269 | /* Game Page */ 270 | .appdetails_Glassy_3Fmxx.appdetails_ScrollContainer_2l416 { 271 | background: rgb(46, 50, 66); 272 | background: radial-gradient( 273 | circle, 274 | rgba(46, 50, 66, 1) 20%, 275 | rgba(40, 42, 54, 1) 100% 276 | ); 277 | } 278 | 279 | /* Lower half */ 280 | .appdetailsoverview_Glassy_2OOzY .appdetailsoverview_ColumnContainer_OhSdL { 281 | background: var(--draculaBG); 282 | } 283 | 284 | /* Playbar */ 285 | .appdetailsplaysection_Glassy_3DeO9.appdetailsplaysection_PlayBar_3fLo1 { 286 | background: var(--draculaBG); 287 | } 288 | 289 | /* Link Section */ 290 | .appdetailsprimarylinkssection_LinksSection_3-V8v { 291 | background: var(--draculaBG); 292 | } 293 | 294 | .appdetailsprimarylinkssection_LinksSection_3-V8v > div { 295 | background: var(--draculaAccent) !important; 296 | } 297 | 298 | .appdetailsprimarylinkssection_LinkInner_7k4qm 299 | .appdetailsprimarylinkssection_Text_2sNDj { 300 | color: var(--draculaForeGround); 301 | } 302 | 303 | .appdetailsprimarylinkssection_LinkInner_7k4qm 304 | .appdetailsprimarylinkssection_Link_1b6LY:hover { 305 | background: var(--draculaComment); 306 | } 307 | 308 | /* Buttons upper right */ 309 | .appdetailsplaysection_MenuButton_3qDWQ { 310 | background-color: var(--draculaAccent); 311 | } 312 | .appdetailsplaysection_MenuButton_3qDWQ:hover { 313 | background-color: var(--draculaComment); 314 | } 315 | 316 | /* Would you recommend? */ 317 | .appdetailsspotlight_ReviewContainer_3LE-6 { 318 | background-color: var(--draculaAccent); 319 | } 320 | .writereview_RatingContainer_2SAb6 { 321 | background-color: var(--draculaAccent); 322 | } 323 | 324 | /* Event Body */ 325 | .appactivityday_Event_UVeN0 .appactivityday_EventBody_NEMXh { 326 | background: rgb(68, 71, 90); 327 | background: linear-gradient( 328 | 90deg, 329 | rgba(68, 71, 90, 1) 0%, 330 | rgba(56, 59, 74, 1) 100% 331 | ); 332 | } 333 | 334 | .appactivityday_Event_UVeN0 335 | .appactivityday_EventBody_NEMXh.appactivityday_UserStatus_Yo3XX { 336 | background: rgb(68, 71, 90); 337 | background: linear-gradient( 338 | 90deg, 339 | rgba(68, 71, 90, 1) 0%, 340 | rgba(56, 59, 74, 1) 100% 341 | ); 342 | } 343 | 344 | /* RIGHT SIDE */ 345 | 346 | .appdetailssection_Highlight_38t1m { 347 | background: #44475abb; 348 | } 349 | 350 | /* Achievment bg-color */ 351 | .appdetailsachievementssection_AdditionalItem_2aVnD { 352 | background-color: var(--draculaAccent); 353 | } 354 | 355 | /* LEFT SIDE */ 356 | .appdetailscommunityfeed_HeaderStyles_2lNdD { 357 | background: radial-gradient( 358 | circle at 0% 20%, 359 | rgba(94, 137, 194, 0.15) 0%, 360 | rgba(34, 34, 39, 0) 20% 361 | ), 362 | linear-gradient( 363 | to bottom, 364 | #8be9fd 0%, 365 | rgba(85, 98, 121, 0.55) 2px, 366 | rgba(85, 98, 121, 0.15) 50%, 367 | rgba(34, 34, 39, 0) 100% 368 | ); 369 | } 370 | 371 | /* Community Content */ 372 | 373 | .appdetailscommunityfeed_ArtItem_1aP1b 374 | .appdetailscommunityfeed_BottomSection_3uabi { 375 | background: var(--draculaAccent); 376 | } 377 | 378 | .appdetailscommunityfeed_CommunityItem_3QS6O { 379 | background-color: var(--draculaAccent); 380 | } 381 | 382 | .appdetailscommunityfeed_Guide_-85o5 383 | .appdetailscommunityfeed_TopSectionInner_1dJuv { 384 | background-color: var(--draculaComment); 385 | } 386 | 387 | /* New DOWNLOADS page */ 388 | 389 | .downloads_DownloadsPage_1bq4x { 390 | background: radial-gradient( 391 | circle, 392 | rgba(46, 50, 66, 1) 20%, 393 | rgba(40, 42, 54, 1) 100% 394 | ); 395 | } 396 | 397 | /* Background of Graph-Banner */ 398 | .downloadgraph_GraphAndStats_3KDkL { 399 | background-color: var(--draculaBG); 400 | } 401 | 402 | .downloadgraph_HeroAndLogo_3mZ2r.downloadgraph_Empty_pHDI1 { 403 | background: linear-gradient( 404 | to right, 405 | var(--draculaCFAccent) 10%, 406 | var(--draculaBG) 100% 407 | ); 408 | -webkit-mask-image: radial-gradient( 409 | circle at 0%, 410 | var(--draculaBG) 30%, 411 | rgba(40, 42, 54, 0) 90% 412 | ); 413 | } 414 | 415 | .downloadgraph_DownloadGraph_1BxZD .downloadgraph_Gradient_RfMM3 { 416 | background-image: linear-gradient( 417 | to right, 418 | var(--draculaBG), 419 | rgba(46, 50, 66, 0) 20% 420 | ); 421 | } 422 | 423 | div.MediumWindow 424 | .downloadgraph_DownloadGraph_1BxZD 425 | .downloadgraph_Gradient_RfMM3 { 426 | background-image: linear-gradient( 427 | to right, 428 | var(--draculaBG), 429 | rgba(46, 50, 66, 0) 30% 430 | ); 431 | } 432 | 433 | div.NarrowWindow 434 | .downloadgraph_DownloadGraph_1BxZD 435 | .downloadgraph_Gradient_RfMM3, 436 | div.ShortWindow 437 | .downloadgraph_DownloadGraph_1BxZD 438 | .downloadgraph_Gradient_RfMM3 { 439 | background-image: linear-gradient( 440 | to right, 441 | var(--draculaBG), 442 | rgba(46, 50, 66, 0) 40% 443 | ); 444 | } 445 | 446 | /* Graph */ 447 | /* Disk */ 448 | .downloadgraph_DownloadGraph_1BxZD .downloadgraph_GraphLine_3H2JW { 449 | stroke: var(--draculaGreen); 450 | } 451 | 452 | .downloadgraph_DownloadGraphLegend_hGZq4 .downloadgraph_Disk_1QHr4 { 453 | color: var(--draculaGreen); 454 | } 455 | 456 | /* Network */ 457 | .downloadgraph_DownloadGraph_1BxZD .downloadgraph_GraphBar_3raSL { 458 | color: var(--draculaCyan); 459 | } 460 | 461 | .downloadgraph_DownloadGraphLegend_hGZq4 .downloadgraph_Network_33jqE svg { 462 | color: var(--draculaCyan); 463 | } 464 | 465 | /* Splitter */ 466 | .downloads_TopBar_SEmVp { 467 | background: linear-gradient( 468 | to right, 469 | var(--draculaCFAccent) 0%, 470 | var(--draculaCFAccent) 100% 471 | ); 472 | } 473 | 474 | /* Active Download */ 475 | .downloads_SectionItem_1VNuY.downloads_Active_IbePL { 476 | background-color: var(--draculaAccent); 477 | } 478 | 479 | .downloads_Active_IbePL .downloads_SectionList_OINnO { 480 | border: 2px solid var(--draculaAccent); 481 | } 482 | 483 | .downloads_SectionItem_1VNuY.downloads_Active_IbePL 484 | .downloads_Button_3oavR.DialogButton:enabled, 485 | .downloads_SectionItem_1VNuY.downloads_Active_IbePL 486 | .downloads_Button_3oavR.DialogButton:enabled:hover { 487 | background: var(--draculaCFAccent); 488 | } 489 | 490 | .downloads_SectionItemStatus_1Sygg .downloads_ProgressBar_1vMU1 div { 491 | background-color: var(--draculaCFAccent); 492 | } 493 | 494 | .downloads_SectionList_OINnO.downloads_DropOption_2m6Q3.downloads_DragOver_d9VKG { 495 | border: 2px solid var(--draculaAccent); 496 | background: var(--draculaComment); 497 | } 498 | 499 | /* Completed Downloads */ 500 | .downloads_SectionJumpBar_mw7VZ { 501 | background-color: var(--draculaAccent); 502 | } 503 | -------------------------------------------------------------------------------- /resource/layout/steamrootdialog.layout: -------------------------------------------------------------------------------- 1 | "resource/layout/steamrootdialog.layout" 2 | { 3 | controls 4 | { 5 | "fullscreen" 6 | { 7 | "ControlName" "Button" 8 | style="FullscreenButton" 9 | command="fullscreen" 10 | tooltiptext="#tooltip_view_fullscreen" 11 | } 12 | 13 | "startvr" 14 | { 15 | "ControlName" "Button" 16 | style="VRButton" 17 | command="startvr" 18 | tooltiptext="#tooltip_view_vr_start" 19 | } 20 | 21 | "exitvr" 22 | { 23 | "ControlName" "Button" 24 | style="VRButtonExit" 25 | command="exitvr" 26 | tooltiptext="#tooltip_view_vr_exit" 27 | } 28 | 29 | "UINavigatorPanel" 30 | { 31 | "ControlName" "CUINavigatorPanel" 32 | zpos=-2 33 | } 34 | 35 | "UIStatusPanel" 36 | { 37 | "ControlName" "CUIStatusPanel" 38 | zpos=-2 39 | } 40 | 41 | "MenuBar" 42 | { 43 | "ControlName" "MenuBar" 44 | style=RootMenu 45 | } 46 | 47 | SupportAlert 48 | { 49 | ControlName=Button 50 | labelText="#Steam_SupportAlert" 51 | style="support_alert" 52 | textAlignment=center 53 | command="OpenSupportAlertWindow" 54 | } 55 | 56 | EOLAlert 57 | { 58 | ControlName=Button 59 | labelText="#Steam_EOLAlert" 60 | style="support_alert" 61 | textAlignment=center 62 | command="OpenEOLAlertWindow" 63 | } 64 | 65 | ParentalLockButton 66 | { 67 | ControlName=ToggleButton 68 | style="parental_lock_button" 69 | labelText="" 70 | text="" 71 | command="ParentalLock" 72 | } 73 | 74 | InboxButton 75 | { 76 | ControlName=CInboxButton 77 | style="inbox_button" 78 | textAlignment=west 79 | } 80 | 81 | AnnouncementButton 82 | { 83 | ControlName=CAnnouncementButton 84 | style="announcement_button" 85 | textAlignment=west 86 | } 87 | 88 | AccountButton 89 | { 90 | ControlName=CAccountButton 91 | style="AccountButtonStyle" 92 | } 93 | 94 | add_game 95 | { 96 | "ControlName" "MenuButton" 97 | labelText="#steam_client_add_game" 98 | style="AddGameButton" 99 | } 100 | 101 | frame_title 102 | { 103 | ControlName=Label 104 | 105 | style="ClientTitle" 106 | "textAlignment" "west" 107 | "textAlignment" "center" [$OSX] 108 | } 109 | 110 | universe_label 111 | { 112 | "ControlName" "Label" 113 | "fieldName" "universe_label" 114 | "labelText" "#Steam_Universe_Internal" 115 | style="UniverseLabel" 116 | } 117 | 118 | view_friends 119 | { 120 | ControlName=Button 121 | labelText="#Steam_ViewFriends" 122 | command="ViewFriends" 123 | style="view_friends" 124 | textAlignment=east 125 | } 126 | } 127 | 128 | styles 129 | { 130 | CFriendPanel:hover 131 | { 132 | render_bg { 133 | 0="fill( x0, y0, x1, y1, black)" 134 | } 135 | } 136 | 137 | RootMenu 138 | { 139 | bgcolor="none" 140 | } 141 | 142 | AddGameButton 143 | { 144 | font-size=14 145 | font-size=13 [$OSX] 146 | font-family=basefont 147 | textcolor="labelfocus" 148 | padding-left=24 149 | font-style=uppercase 150 | render_bg 151 | { 152 | 0="image( x0 + 2, y0 + 4, x1, y1, graphics/icon_addgame )" 153 | } 154 | } 155 | 156 | AddGameButton:hover 157 | { 158 | textcolor="white" 159 | render_bg 160 | { 161 | 0="image( x0 + 2, y0 + 4, x1, y1, graphics/icon_addgame_over )" 162 | } 163 | } 164 | 165 | 166 | 167 | CSteamRootDialog 168 | { 169 | bgcolor=none 170 | 171 | render_bg 172 | { 173 | // top area and graphic 174 | 5="fill( x0, y0, x1, y1, DialogBG )" 175 | } 176 | } 177 | 178 | 179 | 180 | 181 | FrameTitle 182 | { 183 | font-family=basefont 184 | font-size=15 185 | font-weight=400 186 | textcolor="Label" 187 | bgcolor="none" 188 | render_bg 189 | { 190 | 1="gradient( x0, y0 - 4, x1, y1 + 18, TitleBar, none )" 191 | 1="gradient( x0, y0, x1, y1 + 18, TitleBar, none )" [$OSX] 192 | } 193 | } 194 | 195 | FrameTitle:framefocus 196 | { 197 | font-family=basefont 198 | font-size=15 199 | font-weight=400 200 | textcolor="Label" 201 | bgcolor="none" 202 | textcolor="Text" 203 | 204 | render_bg 205 | { 206 | 1="gradient( x0, y0 - 4, x1, y1 + 18, titlebarfocus, none )" 207 | 1="gradient( x0, y0, x1, y1 + 18, titlebarfocus, none )" [$OSX] 208 | } 209 | } 210 | 211 | ClientTitle [!$OSX] 212 | { 213 | textcolor=none 214 | } 215 | 216 | ClientTitle [$OSX] 217 | { 218 | font-family=basefont 219 | font-size=15 220 | font-weight=400 221 | textcolor="textdisabled" 222 | bgcolor="none" 223 | inset="0 12 0 0" 224 | } 225 | 226 | ClientTitle:FrameFocus [$OSX] 227 | { 228 | font-family=basefont 229 | font-size=15 230 | font-weight=400 231 | textcolor="texthover" 232 | bgcolor="none" 233 | inset="0 12 0 0" 234 | } 235 | 236 | support_alert 237 | { 238 | font-family=basefont 239 | font-size=14 240 | font-weight=1000 241 | font-style=none 242 | textcolor=white 243 | padding-left=50 244 | padding-right=50 245 | padding-top=6 246 | inset="-8 -3 8 0" 247 | render {} 248 | render_bg { 249 | 0="fill( x0, y0, x1, y1, parental_lock_inactive1 )" 250 | 251 | } 252 | } 253 | 254 | support_alert:hover 255 | { 256 | font-family=basefont 257 | font-size=14 258 | font-weight=1000 259 | font-style=none 260 | textcolor=white 261 | padding-left=50 262 | padding-right=50 263 | padding-top=6 264 | inset="-8 -3 8 0" 265 | render {} 266 | render_bg { 267 | 0="fill( x0, y0, x1, y1, parental_lock_inactive3 )" 268 | } 269 | } 270 | 271 | support_alert_ack 272 | { 273 | font-family=basefont 274 | font-size=14 275 | font-weight=1000 276 | font-style=none 277 | textcolor=white 278 | padding-left=50 279 | padding-right=50 280 | padding-top=6 281 | inset="-8 -3 8 0" 282 | render {} 283 | render_bg { 284 | 0="fill( x0, y0 + 3, x1-1, y1, support_lock_ack1 )" 285 | 286 | } 287 | } 288 | 289 | support_alert_ack:hover 290 | { 291 | font-family=basefont 292 | font-size=14 293 | font-weight=1000 294 | font-style=none 295 | textcolor=white 296 | padding-left=50 297 | padding-right=50 298 | padding-top=6 299 | inset="-8 -3 8 0" 300 | render {} 301 | render_bg { 302 | 0="fill( x0, y0 + 3, x1-1, y1, support_lock_ack2 )" 303 | } 304 | } 305 | 306 | inbox_button [!$OSX] 307 | { 308 | font-family=basefont 309 | font-size=14 310 | font-weight=800 311 | font-style=none 312 | textcolor=white 313 | 314 | padding-top=2 315 | padding-right=16 316 | 317 | render {} 318 | render_bg 319 | { 320 | 0="fill( x0, y0, x1, y1, draculaSelection )" 321 | 1="image( x1-24, y0+4, x1-2, y1+2, graphics/inbox_notification_inactive )" 322 | } 323 | } 324 | 325 | inbox_button [$OSX] 326 | { 327 | font-family=basefont 328 | font-size=13 329 | font-weight=800 330 | font-style=none 331 | textcolor=white 332 | padding-top=3 333 | padding-right=16 334 | 335 | render {} 336 | render_bg 337 | { 338 | 0="fill( x0, y0, x1, y1, draculaSelection)" 339 | 1="image( x1-22, y0+6, x1-2, y1, graphics/inbox_notification_inactive )" 340 | } 341 | } 342 | 343 | inbox_button:hover 344 | { 345 | render_bg 346 | { 347 | 0="fill( x0, y0, x1, y1, draculaAccent )" 348 | 13="image( x1-24, y0+4, x1, y1, graphics/inbox_notification_inactive )" 349 | } 350 | } 351 | 352 | inbox_button:selected 353 | { 354 | render_bg 355 | { 356 | // background fill 357 | 0="fill( x0, y0, x1, y1, draculaAccent )" 358 | 1="image( x1-24, y0+4, x1 -2, y1 + 2, graphics/inbox_notification_inactive )" 359 | 360 | } 361 | } 362 | 363 | inbox_button:disabled 364 | { 365 | textcolor=labeldisabled 366 | render_bg 367 | { 368 | // background fill 369 | 1="image( x1-24, y0+4, x1-2, y1+2, graphics/inbox_notification_inactive_disabled )" 370 | } 371 | } 372 | 373 | inbox_button_active 374 | { 375 | render_bg 376 | { 377 | // background fill 378 | 0="fill( x0 , y0, x1, y1, notificationColor )" 379 | 1="image( x1-21, y0+4, x1-2, y1+2, graphics/inbox_notification )" 380 | } 381 | } 382 | 383 | inbox_button_active:hover 384 | { 385 | render_bg 386 | { 387 | // background fill 388 | 0="fill( x0 , y0, x1, y1, notificationColor )" 389 | 1="image( x1-21, y0+4, x1-2, y1+2, graphics/inbox_notification )" 390 | } 391 | } 392 | inbox_button_active:selected 393 | { 394 | render_bg 395 | { 396 | // background fill 397 | 398 | 0="fill( x0, y0, x1, y1, draculaAccent )" 399 | 1="image( x1-21, y0+4, x1-2, y1+2, graphics/inbox_notification )" 400 | } 401 | } 402 | 403 | inbox_button_active:disabled 404 | { 405 | render {} 406 | render_bg 407 | { 408 | // background fill 409 | 1="image( x1-21, y0+4, x1-2, y1+2, graphics/inbox_notification_disabled )" 410 | } 411 | } 412 | 413 | announcement_button 414 | { 415 | render_bg 416 | { 417 | // background fill 418 | 0="fill( x0, y0, x1, y1, draculaSelection )" 419 | 1="image( x1-24, y0+4, x1 -2, y1 + 1, graphics/updatenone_notification )" 420 | } 421 | } 422 | 423 | 424 | announcement_button:hover 425 | { 426 | render_bg 427 | { 428 | // background fill 429 | 0="fill( x0, y0, x1, y1, draculaAccent )" 430 | 1="image( x1-24, y0+4, x1 -2, y1 + 1, graphics/updatenone_notification )" 431 | } 432 | } 433 | 434 | announcement_button_active 435 | { 436 | render_bg 437 | { 438 | // background fill 439 | 0="fill( x0, y0, x1, y1, notificationColor )" 440 | 1="image( x1-24, y0+4, x1 -2, y1 + 1, graphics/updatenew_notification )" 441 | } 442 | } 443 | 444 | Menu 445 | { 446 | bgcolor="dialogbg" 447 | padding-right=4 448 | inset="2 2 2 2" 449 | 450 | render_bg 451 | { 452 | 0="fill( x0, y0, x1, y1 , MenuBG)" 453 | } 454 | } 455 | 456 | parental_lock_button 457 | { 458 | render_bg 459 | { 460 | // background fill 461 | 0="fill( x0, y0, x1, y1, parental_lock_inactive1 )" 462 | 1="image( x0+9, y0+2, x1, y1, resource/notfamilyview )" 463 | } 464 | } 465 | 466 | parental_lock_button:hover 467 | { 468 | render_bg 469 | { 470 | // background fill 471 | 0="fill( x0, y0, x1, y1, parental_lock_inactive3 )" 472 | 1="image( x0+9, y0+2, x1, y1, resource/notfamilyview )" 473 | } 474 | 475 | } 476 | 477 | parental_lock_button:selected 478 | { 479 | render_bg 480 | { 481 | // background fill 482 | 0="fill( x0, y0, x1, y1, green6 )" 483 | 1="image( x0+9, y0+2, x1, y1, resource/familyview )" 484 | } 485 | 486 | } 487 | 488 | 489 | parental_lock_button:selected:hover 490 | { 491 | render_bg 492 | { 493 | // background fill 494 | 0="fill( x0, y0, x1, y1, green5 )" 495 | 1="image( x0+9, y0+2, x1, y1, resource/familyview )" 496 | } 497 | 498 | } 499 | 500 | 501 | VRButtonExit [$OSX] 502 | { 503 | padding-left=0 504 | padding-top=8 505 | padding-right=0 506 | padding-bottom=0 507 | } 508 | 509 | inboxmenuitem 510 | { 511 | textcolor=inbox_inactive_text 512 | } 513 | 514 | inboxmenuitem_active 515 | { 516 | textcolor=label 517 | } 518 | 519 | inboxmenuitem_active:hover 520 | { 521 | textcolor=white 522 | } 523 | 524 | 525 | //unique styles for the client main window 526 | FrameMinimizeButton 527 | { 528 | render_bg {} 529 | image="graphics/win32_win_min" 530 | inset="0 0 4 0" 531 | inset="0 0 4 -8" [$OSX] 532 | image="graphics/osx_win_dis"[$OSX] 533 | image="graphics/osx_win_dis_new_dark"[$OSX1010] 534 | } 535 | 536 | FrameMinimizeButton:hover 537 | { 538 | render_bg {} 539 | bgcolor="none" 540 | inset="0 0 4 0" 541 | inset="0 0 4 -8" [$OSX] 542 | image="graphics/win32_win_min_hover" 543 | image="graphics/osx_min_hov" [$OSX] 544 | image="graphics/osx_min_hov_new" [$OSX1010] 545 | } 546 | 547 | FrameMinimizeButton:framefocus [$OSX] 548 | { 549 | render_bg {} 550 | inset="0 0 4 -8" 551 | image="graphics/osx_min_def" 552 | image="graphics/osx_min_def_new" [$OSX1010] 553 | } 554 | 555 | FrameMinimizeButton:framefocus:hover [$OSX] 556 | { 557 | render_bg {} 558 | inset="0 0 4 -8" 559 | image="graphics/osx_min_hov" 560 | image="graphics/osx_min_hov_new" [$OSX1010] 561 | } 562 | 563 | FrameMinimizeButton:active [$OSX] 564 | { 565 | render_bg {} 566 | inset="0 0 4 -8" 567 | image="graphics/osx_min_down" 568 | image="graphics/osx_min_down_new" [$OSX1010] 569 | } 570 | 571 | 572 | // need the maximize button to have different styles for OSX & win32 573 | FrameMaximizeButton 574 | { 575 | render_bg {} 576 | inset="0 0 4 0" 577 | inset="0 0 -2 -8" [$OSX] 578 | image="graphics/win32_win_max" 579 | image="graphics/osx_win_dis" [$OSX] 580 | image="graphics/osx_win_dis_new_dark" [$OSX1010] 581 | } 582 | 583 | FrameMaximizeButton:hover 584 | { 585 | render_bg {} 586 | inset="0 0 4 0" 587 | inset="0 0 -2 -8" [$OSX] 588 | bgcolor="none" 589 | image="graphics/win32_win_max_hover" 590 | image="graphics/osx_max_hov" [$OSX] 591 | image="graphics/osx_max_hov_new" [$OSX1010] 592 | } 593 | 594 | FrameMaximizeButton:framefocus 595 | { 596 | render_bg {} 597 | inset="0 0 4 0" 598 | inset="0 0 -2 -8" [$OSX] 599 | bgcolor="none" 600 | image="graphics/win32_win_max" 601 | image="graphics/osx_max_def" [$OSX] 602 | image="graphics/osx_max_def_new" [$OSX1010] 603 | } 604 | 605 | FrameMaximizeButton:framefocus:hover 606 | { 607 | render_bg {} 608 | inset="0 0 4 0" 609 | inset="0 0 -2 -8" [$OSX] 610 | bgcolor="none" 611 | image="graphics/win32_win_max_hover" 612 | image="graphics/osx_max_hov" [$OSX] 613 | image="graphics/osx_max_hov_new" [$OSX1010] 614 | } 615 | 616 | FrameMaximizeButton:active 617 | { 618 | render_bg {} 619 | inset="0 0 4 0" 620 | inset="0 0 -2 -8" [$OSX] 621 | bgcolor="none" 622 | image="graphics/win32_win_max_hover" 623 | image="graphics/osx_max_down" [$OSX] 624 | image="graphics/osx_max_down_new" [$OSX1010] 625 | } 626 | 627 | // these are for when the maximize button becomes the restore button 628 | FrameRestoreButton 629 | { 630 | render_bg {} 631 | inset="0 0 4 0" 632 | inset="0 0 -2 -8" [$OSX] 633 | image="graphics/win32_win_restore" 634 | image="graphics/osx_win_dis" [$OSX] 635 | image="graphics/osx_win_dis_new_dark" [$OSX1010] 636 | } 637 | 638 | FrameRestoreButton:hover 639 | { 640 | render_bg {} 641 | inset="0 0 4 0" 642 | inset="0 0 -2 -8" [$OSX] 643 | bgcolor="none" 644 | image="graphics/win32_win_restore_hover" 645 | image="graphics/osx_max_hov" [$OSX] 646 | image="graphics/osx_max_hov_new" [$OSX1010] 647 | } 648 | 649 | FrameRestoreButton:framefocus 650 | { 651 | render_bg {} 652 | inset="0 0 4 0" 653 | inset="0 0 -2 -8" [$OSX] 654 | bgcolor="none" 655 | image="graphics/win32_win_restore" 656 | image="graphics/osx_max_def" [$OSX] 657 | image="graphics/osx_max_def_new" [$OSX1010] 658 | } 659 | 660 | FrameRestoreButton:framefocus:hover 661 | { 662 | render_bg {} 663 | inset="0 0 4 0" 664 | inset="0 0 -2 -8" [$OSX] 665 | bgcolor="none" 666 | image="graphics/win32_win_restore_hover" 667 | image="graphics/osx_max_hov" [$OSX] 668 | image="graphics/osx_max_hov_new" [$OSX1010] 669 | } 670 | 671 | FrameRestoreButton:active 672 | { 673 | render_bg {} 674 | inset="0 0 4 0" 675 | inset="0 0 -2 -8" [$OSX] 676 | bgcolor="none" 677 | image="graphics/win32_win_restore_hover" 678 | image="graphics/osx_max_down" [$OSX] 679 | image="graphics/osx_max_down_new" [$OSX1010] 680 | } 681 | 682 | FrameCloseButton 683 | { 684 | render_bg {} 685 | inset="0 0 4 0" 686 | inset="-7 0 4 -8" [$OSX] 687 | image="graphics/win32_win_close" 688 | image="graphics/osx_win_dis" [$OSX] 689 | image="graphics/osx_win_dis_new_dark" [$OSX1010] 690 | } 691 | 692 | FrameCloseButton:hover 693 | { 694 | render_bg {} 695 | inset="0 0 4 0" 696 | inset="-7 0 4 -8" [$OSX] 697 | image="graphics/win32_win_close_hover" 698 | image="graphics/osx_close_hov" [$OSX] 699 | image="graphics/osx_close_hov_new" [$OSX1010] 700 | } 701 | 702 | FrameCloseButton:framefocus [$OSX] 703 | { 704 | render_bg {} 705 | inset="-7 0 4 -8" 706 | bgcolor="none" 707 | image="graphics/osx_close_def" 708 | image="graphics/osx_close_def_new" [$OSX1010] 709 | } 710 | 711 | FrameCloseButton:framefocus:hover [$OSX] 712 | { 713 | render_bg {} 714 | inset="-7 0 4 -8" 715 | bgcolor="none" 716 | image="graphics/osx_close_hov" 717 | image="graphics/osx_close_hov_new" [$OSX1010] 718 | } 719 | 720 | FrameCloseButton:active [$OSX] 721 | { 722 | render_bg {} 723 | inset="-7 0 4 -8" 724 | bgcolor="none" 725 | image="graphics/osx_close_down" 726 | image="graphics/osx_close_down_new" [$OSX1010] 727 | } 728 | 729 | FrameCloseButton:disabled 730 | { 731 | render_bg {} 732 | inset="0 0 4 0" 733 | inset="-7 0 4 -8" [$OSX] 734 | bgcolor="none" 735 | image="graphics/win32_win_close_disabled" 736 | image="graphics/osx_win_dis" [$OSX] 737 | image="graphics/osx_win_dis_new_dark" [$OSX1010] 738 | } 739 | 740 | UniverseLabel 741 | { 742 | padding-top=11 743 | } 744 | 745 | } 746 | 747 | colors 748 | { 749 | support_flag_red "169 72 71 255" 750 | 751 | support_hover_red1 "193 94 93 255" 752 | support_hover_red2 "156 64 63 255" 753 | 754 | inbox_active_text "text" 755 | inbox_inactive_text "labeldisabled" 756 | 757 | backdrop "20 20 20 255" 758 | 759 | disabledborder "63 63 63 255" 760 | } 761 | 762 | layout 763 | { 764 | place { control="UINavigatorPanel" width=max height=max margin-right=1 margin-left=1 margin-bottom=40 margin-top=22 } 765 | 766 | place { control="UIStatusPanel" width=max height=40 align=bottom margin-bottom=18 } 767 | 768 | place [!$OSX] { control="MenuBar" align=top margin-top=5 margin-left=2 } 769 | 770 | // controls from left to right, otherwise depencencies are broken using end-right 771 | 772 | place [!$OSX] { control="frame_minimize,frame_maximize,frame_close" align=right margin-top=13 margin-right=9 spacing=-5 } 773 | place [$OSX] { control="frame_close,frame_minimize,frame_maximize" align=left margin-top=13 margin-left=11 spacing=-7 } 774 | 775 | place [$OSX] { control="universe_label, EOLAlert, SupportAlert" spacing=8 start="frame_maximize" align=left margin-top=-4 margin-left=13 height=24 } 776 | 777 | place [!$OSX] { control="fullscreen" align=right end-right="frame_minimize" height=20 width=30 margin-right=8 margin-top=11 } 778 | place [$OSX] { control="fullscreen" align=right height=20 width=30 margin-right=16 margin-top=11 } 779 | 780 | place { control="startvr, exitvr" align=right end-right="fullscreen" margin-right=4 margin-top=10 } 781 | 782 | place { control="AccountButton" align=right end-right="startvr" margin-top=9 margin-right=8 height=24 } 783 | place { control="InboxButton" align=right end-right="AccountButton" margin-top=9 margin-right=8 height=24 } 784 | place { control="AnnouncementButton" align=right end-right="InboxButton" margin-top=9 margin-right=8 height=24 width=34 } 785 | place { control="ParentalLockButton" align=right end-right="AnnouncementButton" margin-top=9 margin-right=8 height=24 width=44 } 786 | place [!$OSX] { control="universe_label, EOLAlert, SupportAlert" spacing=8 align=right end-right="ParentalLockButton" margin-top=9 margin-right=8 height=24 } 787 | 788 | region { name=bottom align=bottom width=max height=62 } 789 | 790 | place { control="add_game" x=14 y=16 region=bottom height=30} 791 | 792 | place { control="view_friends" height=64 width=160 region=bottom align=right dir=right margin-right=16 } 793 | 794 | // the title bar is missing, so increase the size of the grip 795 | place { control="frame_captiongrip" margin=2 width=max height=104 } 796 | } 797 | } 798 | --------------------------------------------------------------------------------