HOME | DD
BoneyardBrew β Steam - MetroTwit 1.0
by-nc-nd
Published: 2011-06-21 04:09:25 +0000 UTC; Views: 60474; Favourites: 148; Downloads: 13958
Redirect to original
Description
Here is a fix for those who want to use the skin with the new Trade Update. I know this doesn't look perfect, but it's better than having a broken friends list.Navigate to "Steam\skins\MetroTwit"
Delete or rename the "Friends" folder
I'd love to update the theme, but juggling school amongst other things leaves me with less time than I'd like to complete projects. So until I find the proper files for the new friends list and the time necessary to re-skin it, this'll have to do.
Version 1.0 released!
This is a Steam theme I'm working on based on the gorgeous Twitter client, MetroTwit, with permission from Long Zheng.
More Screenshots:
[link]
[link]
[link]
[link]
[link]
Steam Forums Thread:
[link]
There are still many things to do, including the overlay, details view, and more. Keep an eye out for future releases!
Related content
Comments: 130
I'm glad you like it but I have no plans to update MetroTwit at this point. Metro for Steam is its successor.
π: 0 β©: 0
any up date with this skin? Love the aesthetics but new updates makes it unusableΒ
π: 0 β©: 1
This is essentially the modern version of the MetroTwit theme.Β boneyardbrew.deviantart.com/arβ¦
π: 0 β©: 0
Probably the most bugged Steam skin out there.
π: 0 β©: 1
That's probably because I stopped maintaining it about a year and a half ago.
π: 0 β©: 1
I see. Doesn't really matter anyway, I found your other Metro Steam skin and it works perfectly and looks great
π: 0 β©: 1
I'm sorry for being so short, I should have linked you to the other skin in the first place! Anyway, I'm glad you're enjoying it.
π: 0 β©: 0
Is there one of your links that are still good? for this deviation? other than the download link? I'd like to see what the others screens look like!
I don't like white, it's too hard on the yes in a dimly lit room.
π: 0 β©: 1
That's the only link available and the skin is really out of date! Try this: [link]
π: 0 β©: 1
Great! Thanks! I'll use that then!
π: 0 β©: 1
having a few problems
- no steam button, like on screenshot. i can't open menu.
- library background is not white and i can't find how to change the view
- no big picture button
- no community sublinks
π: 0 β©: 1
It should look exactly like the screenshot if installed correctly. Make sure the contents go in their own folder in Steam's skin directory.
1. The menu is opened via the cog at the upper right
2. Which library background are you referring to? The view is changed via the icons at the upper right.
3. Big Picture has an entry in the menu.
4. Community sublinks are at the bottom right.
π: 0 β©: 1
this is how it looks for me
[link]
menu button is inactive, simply dead. no sublinks in bottom right and change view disappears when switching to this sking. installed correctly - folder is in steam's skin folder.
π: 0 β©: 1
My mistake, I thought you were commenting on Metro for Steam, not MetroTwit. MetroTwit isn't supported anymore as it's old and would take a great amount of work to fix.
Sorry about that.
π: 0 β©: 0
I've Fixed the friends dialogue. Only downside now is the odd fonts in the steam overlay, but I don't know how.
MetroTwit/Friends , and open "FriendsDialoge.res" in notepad.
Delete all of the existing text and paste the following:
"Friends/FriendsDialog.res"
{
controls
{
"FriendsDialog"
{
"ControlName" "CFriendsDialog"
"fieldName" "FriendsDialog"
"xpos" "2123"
"ypos" "549"
"wide" "356"
"tall" "746"
"AutoResize" "1"
"PinCorner" "0"
"visible" "1"
"enabled" "1"
"tabPosition" "0"
"paintbackground" "1"
"settitlebarvisible" "1"
style="FriendsPanel"
closeonescape=1
}
"frame_title"
{
"ControlName" "Label"
"labelText" "#SteamRootFriends"
"xpos" "0"
"ypos" "8"
style="FriendsTitle"
"textAlignment" "west"
"textAlignment" "center" [$OSX]
}
"BuddyList"
{
"ControlName" "CFriendsListSubPanel"
"fieldName" "BuddyList"
"AutoResize" "3"
"PinCorner" "0"
"visible" "1"
"enabled" "1"
"tabPosition" "0"
"paintbackground" "0"
"linespacing" "48"
style="FriendsList"
}
"DownLabel"
{
"ControlName" "Label"
"fieldName" "DownLabel"
"xpos" "10"
"ypos" "85"
"wide" "336"
"tall" "80"
"AutoResize" "1"
"PinCorner" "0"
"visible" "0"
"enabled" "1"
"tabPosition" "0"
"paintbackground" "1"
"labelText" "#Friends_NoFriendsInList"
"textAlignment" "north-west"
"wrap" "1"
}
"MenuBar"
{
style="RootMenu"
"ControlName" "MenuBar"
"fieldName" "MenuBar"
"xpos" "29"
"ypos" "2"
"wide" "75"
"tall" "27"
"AutoResize" "0"
"PinCorner" "0"
"enabled" "1"
"tabPosition" "6"
"paintbackground" "1"
zpos="-1"
}
"AddFriendsButton"
{
style="AddFriendsButton"
"ControlName" "Button"
"fieldName" "AddFriendsButton"
"xpos" "10"
"ypos" "707"
"wide" "150"
"tall" "24"
"AutoResize" "0"
"PinCorner" "2"
"visible" "1"
"enabled" "1"
"tabPosition" "0"
"paintbackground" "1"
"labelText" "#Friends_AddFriend"
"textAlignment" "west"
"wrap" "0"
"Default" "0"
"selected" "0"
}
"NoFriendsAddFriendButton"
{
"ControlName" "Button"
"fieldName" "NoFriendsAddFriendButton"
"xpos" "10"
"ypos" "129"
"wide" "200"
"tall" "24"
"AutoResize" "0"
"PinCorner" "0"
"visible" "0"
"enabled" "1"
"tabPosition" "0"
"paintbackground" "1"
"labelText" "#Friends_AddFriend"
"textAlignment" "west"
"wrap" "0"
"Default" "0"
"selected" "0"
}
"FriendsState"
{
"ControlName" "EditablePanel"
"fieldName" "FriendsState"
"xpos" "6"
"ypos" "52"
"wide" "310"
"tall" "457"
"AutoResize" "0"
"PinCorner" "0"
"visible" "0"
"enabled" "1"
"tabPosition" "0"
"paintbackground" "1"
}
}
styles
{
FriendsPanel
{
bgcolor="ClientBG"
render_bg
{}
}
AddFriendsButton
{
font-family=basefont
font-size=13
font-weight=800
textcolor="White"
font-style=uppercase
bgcolor=ButtonFill
render_bg
{
1="fill( x0, y0, x1, y0 + 1, ButtonBorder )" // top
2="fill( x0, y1 - 1, x1, y1, ButtonBorder )" // bottom
3="fill( x0 - 1, y0, x0, y1, ButtonBorder )" // left
4="fill( x1, y0, x1 + 1, y1, ButtonBorder )" // right
}
}
AddFriendsButton:hover
{
textcolor="White"
bgcolor=ButtonFillHover
render_bg
{
1="fill( x0, y0, x1, y0 + 1, ButtonFillHover )" // top
2="fill( x0, y1 - 1, x1, y1, ButtonFillHover )" // bottom
3="fill( x0 - 1, y0, x0, y1, ButtonFillHover )" // left
4="fill( x1, y0, x1 + 1, y1, ButtonFillHover )" // right
}
}
AddFriendsButton:active
{
textcolor="White"
bgcolor=Black
render_bg
{
1="fill( x0, y0, x1, y0 + 1, Black )" // top
2="fill( x0, y1 - 1, x1, y1, Black )" // bottom
3="fill( x0 - 1, y0, x0, y1, Black )" // left
4="fill( x1, y0, x1 + 1, y1, Black )" // right
}
}
RootMenu
{
bgcolor="none"
}
FriendsTitle
{
inset="0 0 0 0"
}
FriendsTitle [$OSX]
{
font-family=basefont
font-size=15
font-weight=400
textcolor="textdisabled"
bgcolor="none"
inset="0 9 0 0"
}
FriendsTitle:FrameFocus [$OSX]
{
font-family=basefont
font-size=15
font-weight=400
textcolor="texthover"
bgcolor="none"
inset="0 9 0 0"
}
}
layout
{
place [$OSX] { control="frame_title" align=center x=0 y=0 width=max height=20 }
place [!$OSX] { control="frame_title" x=0 y=0 width=0 height=0 }
// the title bar is missing, so increase the size of the grip
place { control="frame_captiongrip" margin=2 width=max height=38 }
place [!$OSX] { control="MenuBar" margin-left=0 height=27 margin-top=0 }
place { control="buddylist" align=left margin-left=10 margin-right=7 margin-top=27 margin-bottom=16 width=max height=max }
place { control="addFriendsButton" align=bottom margin-left=90 margin-right=19 margin-bottom=7 width=110 height=23 }
region { name=hidden height=0 width=0 }
region { name=bottom align=bottom width=max height=36 }
place { control="FriendPanelSelf" x=8 y=3 align=left margin-left=0 margin-right=0 margin-top=25 }
place { control="FriendsDialogSheet" y=6 align=left margin-left=7 margin-right=0 margin-top=70 margin-bottom=36 width=max height=max dir=down spacing=3 }
place { control="friends_search" region=bottom align=left x=6 y=6 height=24 width=70 }
place { control="friends_search_icon" region=hidden margin-left=-2 start=FriendPanelSelf dir=down margin-top=5 }
}
}
π: 0 β©: 1
awesome work. This might not be so at the moment, but people will need your theme once Windows 8 comes out, which isnt far.
π: 0 β©: 1
Any chance of you updating this one to suit the new steam?
π: 0 β©: 1
I would love to but that would split development time between both Metro themes.
I'd prefer to focus all my energy on one theme rather than two for efficiency's sake.
π: 0 β©: 0
Thanks for sharing! I'm using it now! It look great!
π: 0 β©: 1
I was wondering if it was possible to change the blue color of the above? Replace it with black or some gray :3
π: 0 β©: 1
That's an easy change to make. Navigate to: Steam\skins\MetroTwit\resource\styles and open "steam.styles" in Notepad. Change the following lines to any color you'd like.
AccentColor="0 169 218 255"
TopBlueInactive="116 163 173 255"
If you wanted pure black for the active state, and dark grey for inactive, this is what the code would look like.
AccentColor="0 0 0 255"
TopBlueInactive="68 68 68 255"
I know you work in Photoshop so I'm sure you can figure out the RGBA values for your favorite colors.
π: 0 β©: 1
Thank you very much for the help and your quick response! Now all I have to do is to find the perfect gray to fit with my desktop
Thanks again! 
π: 0 β©: 1
You're welcome, and thanks!
π: 0 β©: 0
any new progress or do you think this theme will be cast aside?
π: 0 β©: 1
Nothing at the moment. I haven't been using Steam as much lately (just not playing anything), so I guess that's why I haven't worked on it much.
π: 0 β©: 0
Will this be updated for the latest steam release? I miss it oh so much
π: 0 β©: 1
I did some testing and it's mostly functional already, just the friends list needs to be redone.
I'm not exactly sure where those files are located though, so I may just remove them and push an update for those who want to use it now.
π: 0 β©: 0
i have a bug on my friends list
can you help me out?
[link]
π: 0 β©: 1
I'm sorry, the theme doesn't work with the new Steam Beta.
π: 0 β©: 1
Hi,
Great theme but as you have said it isnt working really well with the new steam beta, Is the project still active? Thanks for the great skin anyway.
π: 0 β©: 1
I still have plans to work on it, even further than that blog post describes, but working on it now is extremely risky. When Valve is Beta testing a new client update many things break (as you know), so if I work on it now more things are bound to break. Once the update is rolled out to all users I'll work on the theme some more.
π: 0 β©: 1
Well the new version is out so does this mean you'll continue work on the dark variant?
π: 0 β©: 1
That's the plan. No set release date on it though.
π: 0 β©: 0
I dunno why, but I see metro UI style as a degradation... Make a comparison between rich and beautiful aero UI or WinMo 6.0-6.5 UI and too much simple metro UI.
π: 0 β©: 1
It comes down to personal preference, really. Metro UI is more about simple colors, bold typography, and fluid animations to tie everything together.
Some people love it, some people hate it.
π: 0 β©: 0
| Next =>