STEAM GROUP
Windows 8 Skin METROUI
STEAM GROUP
Windows 8 Skin METROUI
3,349
IN-GAME
10,370
ONLINE
Founded
August 17, 2012
Language
English
Location
United States 
 This topic has been pinned, so it's probably important
RedSigma Aug 29, 2015 @ 1:53pm
Unofficial Patch for MetroForSteam [Version 9.0]
A set of fixes and extras brought to you by RedSigma and the former member K12T6

This post is updated on the new group page too.

This non-official addon for Metro for Steam 4.2.4[www.metroforsteam.com] fixes bugs with the current version and adds optional content for you to choose from.

    Supports the Steam Beta Update as of 02/02/2017.

Changes in Version 9
  • Added Support for linux and ubuntu
    • Tested with Linux Mint Sarah 18 | Ubuntu 16.04
  • Added frame focus on chat windows
  • Added News item in the hamburger menu
  • Minor design fixes to match the official version
  • Minor fixes for text selection especially in the News panel
  • Moved the steamVR button next to the bigpicture button when using that extra
  • Fixed some missing images on some themes
  • Fixed the find bar
  • Improved Backup Wizard Visual Design
  • Updated Segoe UI FONT FIX with 2 more fonts...for consistency :D
  • New Extra: Removed In-Game tag
For a full list of changes of all previous updates, open Change Log.rtf in the downloaded archive.

Extras

The extras that are formatted as A + B are for extras that modifiy the same files. For example if you want to use the extra "Big Picture Button" as well as "Green Notification Box" you would use the files within "Big Picture Button + Green Notification Box"

  • Client Windows
    • Accent Scrollbars
    • Blue Scrollbars
    • Red Highlight on Close Caption Button
    • Repositioned Filter Button
    • Repositioned Launch Button
    • Repositioned Overflow
    • Repositioned Overflow + Repositioned Launch Button
  • Friends and Chat
    • Chat Window Focus
    • Circle Avatar Border
    • Circle Avatar Border for White-Blue Themes
    • Removed Friends Search Bar
    • Removed In-Game tag
    • Removed Message Preview
    • Send Button in Chat
  • High DPI
    • Increased fonts
  • Navigation Bar
    • Big Picture Button
    • Big Picture Button + Green Notification Box
    • Big Picture Button + Green Notification Icon
    • Green Notification Box
    • Green Notification Icon
  • Other
    • Win10 Notification Animation
  • Overlay
    • Default Overlay Style
    • Friend Avatars
  • Themes
    • Metro Blue
    • Metro Midnight
    • Metro White

How to Install <---- READ THIS ლ(ಠ益ಠლ)
  • 1.Download the metro skin from the official website[metroforsteam.com]
    • Extract it into your SteamDir/skins folder
  • 2.Download the patch
    • Extract the main files into skins/skinname/ and overwrite everything

  • The same as 2 for the extras
All extras and main files have the folders premade. You shouldn't have to go any further into the skin's root folder in your Steam directory.
DOWNLOAD - MEGA
[𝐦𝐞𝐠𝐚.𝐧𝐳]
DOWNLOAD - Dropbox
[www.dropbox.com]
DOWNLOAD - Github
[github.com]

A lot of thanks to K12T6 for contributing to the most features of the Unofficial Patch
Additional Credits
Special thanks to the following people for their help and contributions to the Unofficial Patch:
Last edited by RedSigma; Jul 17 @ 12:54am
< >
Showing 1-15 of 468 comments
RedSigma Oct 18, 2015 @ 9:04am 
Originally posted by konbleck:
Originally posted by RedSigma:
OS X and ubuntu are the same right

Ubuntu is another "linux distribution".
In its core they may have some similarities, I think. I never had OSX.
If you're refering to the "maximize thing", I don't know if it's possible. We need an OS X expert here. xD

I found that you can create setting only for specified systems by adding one of those labels in front of controls: [$OSX] [$LINUX] and i also found a strange one [!$OSX] wich i think it reffers to and old version of OS X since this [!$OSX] label always decreases buttons with some pixels.
goodone Oct 18, 2015 @ 12:55pm 
Originally posted by RedSigma:
i also found a strange one [!$OSX]
[!$OSX] = not [$OSX] = anything but apple's operating system
RedSigma Oct 18, 2015 @ 1:02pm 
Originally posted by goodone:
Originally posted by RedSigma:
chat window

Please remove minimum-width=450 minimum-height=400 from toolwindow since it brokes the group conversation chat.
Last edited by RedSigma; Oct 18, 2015 @ 1:06pm
RedSigma Oct 18, 2015 @ 1:07pm 
Originally posted by goodone:
Originally posted by RedSigma:
i also found a strange one [!$OSX]
[!$OSX] = not [$OSX] = anything but apple's operating system

On linux only [$OSX] seems to hav an effect.

I see steam uses both like duplicates with both of them. Is it good to make it like this
goodone Oct 18, 2015 @ 1:09pm 
Originally posted by RedSigma:
Please remove minimum-width=450 minimum-height=400 from toolwindow since it brokes the group conversation chat.
how does it break it?

Originally posted by RedSigma:
On linux only [$OSX] seems to hav an effect.
I see steam uses both like duplicates with both of them. Is it good to make it like this
what?
RedSigma Oct 18, 2015 @ 1:12pm 
Originally posted by goodone:
Originally posted by RedSigma:
Please remove minimum-width=450 minimum-height=400 from toolwindow since it brokes the group conversation chat.
how does it break it?

Originally posted by RedSigma:
On linux only [$OSX] seems to hav an effect.
I see steam uses both like duplicates with both of them. Is it good to make it like this
what?


Try resizing the group chat window. If it works good try open like 2 tabs. one tab chose to group chat then select the first tab and resize it to small window then go back to group one. Voila the group one is cropped and you canT see the chat text and the settings button. Of course you can manually resize it but it looks weird.
Last edited by RedSigma; Oct 18, 2015 @ 1:18pm
RedSigma Oct 18, 2015 @ 1:17pm 
Originally posted by goodone:

what?

this is steam default steamrootdialog.layout . Watch close and you will find duplicates with OSX and !OSX.


layout
{
place [!$OSX] { control="New" width=0 height=0 y=0 width=max align=right margin-right=56}
place [$OSX] { control="New" width=0 height=0 y=0 width=max align=right margin-right=-20}

place { control="UINavigatorPanel" width=max height=max margin-right=1 margin-left=1 margin-bottom=40 margin-top=22 }

place { control="UIStatusPanel" width=max height=40 align=bottom margin-bottom=18 }

place [!$OSX] { control="MenuBar" align=top margin-top=5 margin-left=2 }

place [!$OSX] { control="account_balance, account_balance_seperator, account_URL, universe_label, startvr, exitvr, fullscreen" align=right margin-top=12 margin-right=88 spacing=7 }
place [$OSX] { control="account_balance, account_balance_seperator, account_URL, universe_label, startvr, exitvr, fullscreen" align=right margin-top=12 margin-right=15 spacing=7 }

place [!$OSX] { control="fullscreen" align=right y=7 height=20 spacing=0 margin-right=78 margin-top=1 width=30 }
place [$OSX] { control="fullscreen" align=right y=7 height=20 spacing=0 margin-right=8 margin-top=1 width=30 }

place [!$OSX] { control="startvr" end-right="fullscreen" align=right margin-right=6 margin-top=1 }
place [$OSX] { control="startvr" end-right="fullscreen" align=right margin-right=6 margin-top=1 }

place [!$OSX] { control="exitvr" end-right="fullscreen" align=right margin-right=6 margin-top=1 }
place [$OSX] { control="exitvr" end-right="fullscreen" align=right margin-right=6 margin-top=1 }




AS you can see the [!$OSX] its a bit modified so i think i will add a support only for linux: the [$OSX] only , If i will find a way to test [!$OSX](apple version or how you said) i will fix it.
RedSigma Oct 18, 2015 @ 1:22pm 
Originally posted by goodone:
Originally posted by RedSigma:
Please remove minimum-width=450 minimum-height=400 from toolwindow since it brokes the group conversation chat.
how does it break it?

here is a link how it shows when is broken. http://prntscr.com/8sq5i3

Also the lock/unlock pick is misplaced
Last edited by RedSigma; Oct 18, 2015 @ 1:23pm
goodone Oct 18, 2015 @ 2:31pm 
Originally posted by RedSigma:
Try resizing the group chat window. If it works good try open like 2 tabs. one tab chose to group chat then select the first tab and resize it to small window then go back to group one. Voila the group one is cropped and you canT see the chat text and the settings button. Of course you can manually resize it but it looks weird.
if you are breaking the chat window on ur own, why is skin forced to care about that? meh...

does removing the minimum width and height definitions from the file solve the problem without introducing new ones?

Originally posted by RedSigma:
AS you can see the [!$OSX] its a bit modified so i think i will add a support only for linux: the [$OSX] only , If i will find a way to test [!$OSX](apple version or how you said) i will fix it.
i guess u have very limited coding education... i'll try to explain.

[$OSX] is for apple os. [$LINUX] is for linux. [$WINDOWS] is for windows os. adding ! in front means: NOT. so having different tags in a layout, means that steam is applying different skinning for different oses.
Last edited by goodone; Oct 18, 2015 @ 2:51pm
RedSigma Oct 19, 2015 @ 11:03am 
Originally posted by goodone:
does removing the minimum width and height definitions from the file solve the problem without introducing new ones?
Yes it solves since the default skin doesn't hav any minimum things on ToolWindow.

Originally posted by goodone:
i guess u have very limited coding education... i'll try to explain.

[$OSX] is for apple os. [$LINUX] is for linux. [$WINDOWS] is for windows os. adding ! in front means: NOT. so having different tags in a layout, means that steam is applying different skinning for different oses.
Yes you're right. Also thanx alot withe explanations of ! and other [$thing], now i understand that this skin doesn't hav any [!$OSX] since is the same like without it added I discovered that [!$OSX] is only for non-apple and withouth it will apply to all os my bad so idiot i am :\ .I will stick to [$OSX] so it will support apple os instead only linux.
Last edited by RedSigma; Oct 19, 2015 @ 11:58am
RedSigma Nov 15, 2015 @ 8:51am 
Update 5 Released!
konbleck Nov 15, 2015 @ 4:28pm 
Nice! Thank you. :-)
RedSigma Nov 16, 2015 @ 10:55am 
Update 5.1 Released!
-Optimized Group Chat Lock Button
-Large Caption Buttons on the Music Player
F-Lambda Nov 17, 2015 @ 8:42pm 
Just a quick question, would it be possible to include screenshots of what each extra setting changes? Sometimes it can be difficult to remember what does what from update to update.
Bryan Isaac Nov 17, 2015 @ 9:10pm 
Just installed the round icons and maaan. Those borders are waaaay thick. Can we have a thinner alternative?
< >
Showing 1-15 of 468 comments
Per page: 15 30 50