Shop Mobile More Submit  Join Login
Steam - MetroTwit 1.0 by BoneyardBrew Steam - MetroTwit 1.0 by BoneyardBrew
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!
Add a Comment:
 
:iconcg24a3:
cg24a3 Featured By Owner Oct 19, 2014
This is such a nice skin, any chance you could make it for large screens with bigger elements and fonts?
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Edited Oct 22, 2014  Hobbyist Interface Designer
I'm glad you like it but I have no plans to update MetroTwit at this point. Metro for Steam is its successor.
Reply
:icontrunks10k:
trunks10k Featured By Owner Nov 4, 2013
any up date with this skin? Love the aesthetics but new updates makes it unusable 
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Nov 5, 2013  Hobbyist Interface Designer
This is essentially the modern version of the MetroTwit theme. boneyardbrew.deviantart.com/ar…
Reply
:iconthcatalyst:
ThCatalyst Featured By Owner Aug 3, 2013
Probably the most bugged Steam skin out there.
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Aug 3, 2013  Hobbyist Interface Designer
That's probably because I stopped maintaining it about a year and a half ago.
Reply
:iconthcatalyst:
ThCatalyst Featured By Owner Aug 3, 2013
I see. Doesn't really matter anyway, I found your other Metro Steam skin and it works perfectly and looks great :)
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Aug 3, 2013  Hobbyist Interface Designer
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.
Reply
:icona-t-uniltiranyu:
A-T-Uniltiranyu Featured By Owner Jul 13, 2013  Hobbyist Digital Artist
Xbox Go Home
Reply
:icon1devilishdude:
1DeViLiShDuDe Featured By Owner Jun 7, 2013  Hobbyist Digital Artist
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! :D
I don't like white, it's too hard on the yes in a dimly lit room.
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Jun 7, 2013  Hobbyist Interface Designer
That's the only link available and the skin is really out of date! Try this: [link]
Reply
:icon1devilishdude:
1DeViLiShDuDe Featured By Owner Jun 7, 2013  Hobbyist Digital Artist
Great! Thanks! I'll use that then! :D
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Jun 13, 2013  Hobbyist Interface Designer
No problem! :)
Reply
:iconcoth-rus:
coth-rus Featured By Owner Dec 21, 2012
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
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Dec 21, 2012  Hobbyist Interface Designer
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.
Reply
:iconcoth-rus:
coth-rus Featured By Owner Dec 22, 2012
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.
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Dec 22, 2012  Hobbyist Interface Designer
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.
Reply
:iconeiviin:
Eiviin Featured By Owner Nov 21, 2012  Hobbyist Digital Artist
Really nice job with this :meow:
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Nov 22, 2012  Hobbyist Interface Designer
Thank you. :)
Reply
:iconomalleypike:
OmalleyPike Featured By Owner Sep 2, 2012
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 }
}

}
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Sep 8, 2012  Hobbyist Interface Designer
Cool!
Reply
:iconkronpas:
kronpas Featured By Owner Jul 9, 2012
awesome work. This might not be so at the moment, but people will need your theme once Windows 8 comes out, which isnt far.
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Jul 9, 2012  Hobbyist Interface Designer
Thank you!
Reply
:iconbakyte:
Bakyte Featured By Owner May 6, 2012
Any chance of you updating this one to suit the new steam?
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner May 14, 2012  Hobbyist Interface Designer
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.
Reply
:iconedzzzz:
Edzzzz Featured By Owner Apr 10, 2012
Thanks!
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Apr 10, 2012  Hobbyist Interface Designer
You're welcome!
Reply
:icondraganja:
Draganja Featured By Owner Dec 8, 2011  Student Digital Artist
Thanks for sharing! I'm using it now! It look great! :D
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Dec 8, 2011  Hobbyist Interface Designer
Thanks! :)
Reply
:icondraganja:
Draganja Featured By Owner Dec 8, 2011  Student Digital Artist
I was wondering if it was possible to change the blue color of the above? Replace it with black or some gray :3
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Dec 9, 2011  Hobbyist Interface Designer
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. :)
Reply
:icondraganja:
Draganja Featured By Owner Dec 9, 2011  Student Digital Artist
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 :p

Thanks again! :D Keep the good work!
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Dec 9, 2011  Hobbyist Interface Designer
You're welcome, and thanks! :)
Reply
:iconscrewed01:
Screwed01 Featured By Owner Oct 19, 2011
any new progress or do you think this theme will be cast aside?
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Oct 19, 2011  Hobbyist Interface Designer
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.
Reply
:iconepixdesignmaster:
EpixDesignMaster Featured By Owner Oct 9, 2011
Nice and very clean one!
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Oct 9, 2011  Hobbyist Interface Designer
Thank you!
Reply
:iconbigleft:
bigleft Featured By Owner Sep 12, 2011
Will this be updated for the latest steam release? I miss it oh so much :(
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Sep 12, 2011  Hobbyist Interface Designer
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.
Reply
:icontheamazing94:
TheAmazing94 Featured By Owner Aug 17, 2011  Hobbyist General Artist
i have a bug on my friends list :(
can you help me out?
[link]
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Aug 17, 2011  Hobbyist Interface Designer
I'm sorry, the theme doesn't work with the new Steam Beta.
Reply
:iconsadnem:
sadnem Featured By Owner Aug 31, 2011
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.
Reply
:iconsadnem:
sadnem Featured By Owner Aug 31, 2011
I just found this: [link] :)
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Sep 1, 2011  Hobbyist Interface Designer
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.
Reply
:iconztyler64:
zTyler64 Featured By Owner Sep 8, 2011
Well the new version is out so does this mean you'll continue work on the dark variant?
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Sep 9, 2011  Hobbyist Interface Designer
That's the plan. No set release date on it though.
Reply
:icontataarujin:
tataarujin Featured By Owner Jul 31, 2011  Student General Artist
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.
Reply
:iconboneyardbrew:
BoneyardBrew Featured By Owner Jul 31, 2011  Hobbyist Interface Designer
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. :P
Reply
:iconthwack01:
Thwack01 Featured By Owner Jul 27, 2011
This, is awesome.
Reply
:iconlawlitsaaron:
LAWLitsAARON Featured By Owner Jul 20, 2011  Hobbyist General Artist
Very nice thanks :D
Reply
Add a Comment:
 
×
Download ZIP download, 1.3 MB




Details

Submitted on
June 20, 2011
File Size
1.3 MB
Link
Thumb
Embed

Stats

Views
45,508 (29 today)
Favourites
152 (who?)
Comments
130
Downloads
12,369 (1 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×