dirtdiglett / pressure-for-steam Goto Github PK
View Code? Open in Web Editor NEWA skin to improve the visual aesthetics of Steam
License: Other
A skin to improve the visual aesthetics of Steam
License: Other
Screenshot: http://puu.sh/czRHY.png
When you first launched the "beta" it was behind the text "online" but it didn't move even further if they we're in a game or similar, now you can see it's inside the text :(
Edit: I just saw this being the same as #45 ^^
When in family view mode, the fonts for "Store" and "Community" are not the same as "Library" and "Your Account Name". Also, hovering over your profile icon makes this weird pop-up for entering your pin appear, you can't interact with it or anything.
See picture here:
https://i.imgur.com/ifyHIwL.png
Also, the close button for the actual pin window is glitched:
https://i.imgur.com/YqRyO4r.png
First let me say that this is the best skin ever! and that is the reason why im reporting those things in the title,so you can make it even better. <3
Bugs >
Bug#1:
In the Friends List,if someone is using big picture/logged through browser or phone and playing a game this happens:
Bug#2:
I'm just gonna leave this here....
See how the "play" word is kinda "hiding" ,i took that from your own screenshot in the official group. :)
Tweaks >
Tweak#1
The Details Button in the game grid have black pixels around the corners,now that i see it i can not unsee hahaha.Give this image a zoom and you will see it too.
Tweak#2
When you preorder a game,it goes to your library but the play button becomes a "Coming Soon" button and i noticed that you didnt make that button(so many buttons :P)? I'm saying that because i had FFXIII preordered but the game was released and i dont know if its fixed by now (i guess its not because i can only see a "play" "details" "install" and "buy" folder inside the graphics > gamedetails folder ,but i dont know if that is the one used).Unfortunately i dont have a screenshot(dont have any preordered game now)
Tweak#3
The "play" button in the game grid is not centered.But i guess you know that.
Suggestion >
Suggestion#1
Do you intend to bring the percentage of the achievements back to the overlay? If "Yes" (pleease say yes) could you make that when you hover your cursor over the achievements something like this would show up:
That was taken from the game details view page.
I think it would be more convenient than the current method (open the browser and go to the achievements page)
That is my report ,as i said im only doing this because i really intend to use the skin,its the best out there (i really like it) and i just want to make it even better.
PS: My english sucks,have mercy!
Thanks Dirt Diggllet!
Edit:
Some stuff i forgot 💡
Inside the text box,the emoticon and the input language are not aligned. The second bug is that the resize triangle is over the "send" button.
Tweak#4
In the game grid,the original steam skin casts a shadow on the game's banner as you can see here:
that is good to give the feeling that the banner is not "sticked" in the background,but that only (at least to me) is good when you have a "light" color background.
The game grid's background of your skin is black (which im not complaining,it matches your skin) and when its black,the skin cast a white shadow on a game's banner.As you can see here:
Is there a way to remove that white shadow? if its not trouble for you, i'm willing to do it if you tell me how(im guessing that i have to delete some line ? hahaha)
Anyway Thanks again for the awesome skin! ❤️
If a friend is in Big Picture or on a mobile device, the icon that appears will cover the name of the game they're in.
When you hover over a game in grid view and the pull the mouse away, parts of the button stay there for a few seconds. Not very annoying, but still a bug.
Here's a picture: http://puu.sh/cxNlY/f5b4da2b49.png
These aren't really issues for the most part. The skin is totally usable, but these are some things that once I noticed them I couldn't stop noticing afterwards.
They're mostly cleaning-related, with some pixel position and slight image-tweaking needed to fix them. But I figured they'd be a good way to keep track of what can be done. Hope this doesn't sound too negative. (By the way, I LOVE the aesthetics and I think the skin so far is great. That being said, I'd like to report some issues I'm having with it so it can be made even better.)
The scroll bar is on top of the game side panel in "Detail View". I'd like to see the scrollbar and game list in "Detail View" a bit more distinct from each other, although I'm not sure that'd work with the style this skin is going for. (Maybe round off the category metalic bars?)
The font at the top (Store, Library, Community) seems a bit too large, in my opinion. I'd like to be able to tweak the size a bit using some customization file.
The friends button at the top-right seems a tad bad for reachability. You have to move the mouse cursor all the way to the top-right, only to move it all the way to the bottom-right to message someone there? Seems like wasted mouse movement. Moving the Friends window to the top-right also seems like a bad idea, since it would be on top of the Play button when maximized. Perhaps it's best left at the bottom-right, or again a customization option might be nifty.
The Friend's window needs a border; right now it's hard to tell from a glance where I need to move my mouse to change the window's size, since the background of the Friend's window and the background of the main window are almost identical.
The bottom-right image to show that the window can be re-sized seems a tad too subtle. On my 1440p monitor here it's hard to tell it's there. If the dots could be made larger I'd like that a lot. =)
The top-arrow above the SearchBar pointing to "Store", "Library", "Community" (etc) is a bit too subtle, and it's currently behind the text. Also, with the dark background the black text seems a bit harder to read. A subtle white glow might help, as would an elegant outline (or a combination of both). I'd also like to see larger font size on the games in "Detail View", along with a slightly brighter shade of gray. It's hard to read in a dark room without forcing my eyes to adjust right now.
In the page for each game the "Play" button, hours-played/last-played and game title could be inverted in their left-to-right order. By putting the "Play" button on the left it saves mouse movementsThe little pop-up windows when I hover over "Community" seem to appear slightly off by a few pixels. If the pop-up window could be made so that it has a down-arrow, I'd like that.
There's also a bit too much unused space on top, in my opinion. (Again I'd like to note that this is by far the most beautiful skin on Steam so far, beating the vanilla one hands-down, and it's still in beta. You can't get higher praise than that.)
I think one solution (note: this is just my own suggestion, and given how awesome this is so far I think you might have better solutions than I would) is to top "Search" bar to the bottom (or to the top), along with the view types ("Detail View", etc), back/forwards, and also the AvatarImage, online friends, and unread messages thing. I think it's still fit any downloading messages even at 720p (which for serious gamers using Steam should be a minimum anyways). Putting it near the top could help you get more screen real-estate by not needing a bottom-bar anymore, and maybe putting a small dark-grey triandle at the bottom-right to help let users know they can re-size the window.
Anyways dude, keep up the good work. Hope I'm not discouraging you, because I just want to help by offering the most constructive criticism I can. Love your work so far, and these are small gripes. This is still going to be by default Steam skin, even if it's never updated after this. Cheers!
http://i.gyazo.com/c2c796deb8cdcd6a21693f2f2dc71ad8.png
http://i.gyazo.com/af6bc4ca35f87eb4b3a9262ff5dd76d7.png
http://i.gyazo.com/596475c719d7ebf9220f8afa13d6a880.png
http://i.gyazo.com/2f151460d7f52871d42460703964abcc.png
https://zippy.gfycat.com/SmartHideousCrustacean.webm
http://i.gyazo.com/40a56a3cfdf8aa4fc5e4bcdf4834da9d.png
http://i.gyazo.com/c242ad1f57c1795a00258765959b088f.png
http://i.gyazo.com/b33a6be8bce7816f31d552d9de3453f3.png
http://i.gyazo.com/f8a6772df304d670e195e57048f752ca.png
http://i.gyazo.com/f065e6c1aa0534e10bbcc9f85e7cfec4.png
I'm assuming a few of these are already noted or maybe already fixed, but I just feel like pointing them out. Looking great so far, can't wait for full release. This will probably be the best skin for Steam to ever exist.
Thank you for your time.
I had a lot of trouble trying to figure out how to add money to my Steam Wallet. eventually I clicked the steam icon in the corner and went to 'Redeem a Steam Wallet Code' which lead me to a site that had a link to adding some money, I have no idea if you're able to fix this or not, I know it wasn't intended!
there's also this, it's not a bug at all really, but you might want to take a look into it!
i know this looks really cool, but it does slander the effect when it doesn't also contain the effect in any other menu rather than this
where I'm getting to is the scrollbar on menus, the library shows the scrollbar like this: http://puu.sh/cxhj2/773e6ce611.png
although the friendslist and groups show like this: http://puu.sh/cxhqI/1c2c9e0e8e.png
i covered my friendslist and certain tabs with red squares, just ignore those!!
https://i.imgur.com/sZy8lmF.png
Some of the emoticons are too small and they have too much spacing, causing them to go over their square limit. There's also a small spacing on the right of the emoticons list that makes it look uncentered.
When in the Steam overlay (in-game), you can resize the Friends window to whatever you like, meaning you can make it completely invisible and inaccessible. Also, when in the client, there's a sizing restraint, however the minimum size allowed still makes the Friends window inaccessible.
Client: http://i.imgur.com/qrxDCvc.png
Steam overlay: Well, I can't screenshot it because it's not visible.
Thanks.
I was just testing your latest build, that you've updated, noticed that the messages are actually out of place to my name
http://puu.sh/cBqW4/01a2a2c284.png
as you can see it's a pixel higher
whoops, it was my fault!
Hello, I have this layout error when I use middle click to open onother steam windows
http://i.imgur.com/3cZo7Ku.jpg
Sorry for my english
Using the current latest master - commit 17bb21d on Windows 7
On certain windows, the minimize and/or close buttons aren't positioned properly, some examples below.
On Linux your custom font Bebas Neue renders a bit too big (for me it doesn't seem to affect any other fonts). See the screenshots below for some examples.
Finally on this screenshot it seems that the headline "Steam-fremde Mod oder Verknüpfung" pushes the text below it out of the box
I've experienced two crashes so far with the latest build. Steam will crash when you right click > view game info, and Steam will also crash when you try to pay with paypal(if you haven't already added it as a payment option to remember). Chatting with friends is fine, so is viewing friends list. I haven't tried trading yet to see if that also causes Steam to crash.
Steam Client Bootstrapper seems to be the reason when Windows tells me about it not responding.
Just posting these so that you know what's there and what isn't! You're most likely aware of these things though!
http://puu.sh/cBr6R/1a4664ee2b.png
All of the header options are shown white rather than being black, is this intended?
Also the graphics triangle gui is slightly off because of the font resized, this little thing here: http://puu.sh/cBrca/528afec61a.png
A screenshot should explain it:
I had a quick use of this skin and I do think it looks great however, I think most of the font is slightly small. Maybe just an extra px on everything like, I believe you have most things set at 14px and 16px is the default, maybe 15px and please make the nickname text bigger, it's like 12px which is much too small.
Other sizing things include being able to make the library and the friends list smaller. I understand why the friends list has a min width because of search bar but, with the current font size, it really is quite big, I usually have mine 3/4 of that size, you might wanna experiment with the buttons and search box width there.
Anyway, good work on this skin, I don't know how you people manage to Skin steam, it took me like 30mins to figure out how to change the font size, the style coding for steam seems very complex and stupid.
On the very top when you have the Library, Community and "insert name here" tabs the arrows from under is only centered on Store. Is it possible to make them all centered?
It looks like this: http://puu.sh/cxjUr.png
So the 'You Have An Alert From Steam Support' Message is over the tabs bar (Store, Library etc.)
Here: http://i.imgur.com/YPwuf4W.png
When using the in-game browser, the text in addressbar looks scrambled / isn't smoothed out properly, if I remember correctly this was also an issue in the dialog where you change your name (but this was fixed).
Hey Diglet
Just downloaded the skin with the latest commit and i have some bugs to report and a request
First let me say that my english sucks,have mercy!
Bug#1
In the grid view, the dark opaque bar that the buttons are on is slightly offset:
Bug#2
That "x" its still too far right, at least in the search bar of the library page
Request#1
Is there a way to disable (or hide/kill/do whatever is necessary to make it disappear 😄 ) steam telling you what input language is set on the chat and friend list search? Here is what im talking about (that ugly "PT"):
I think we can agree its not pleasing for one's eyes,cant we? ❤️
Thanks again for the awesome skin!
Edit:
I forgot to report another issue : there is a black bar above the text box in the chat window,you can see it in the screenshot i posted.
I also should mention that I'm on Windows 7 x64
http://gyazo.com/2999578be49ad672e6e3d9b98a3b6219
the box for inputting nicknames for friends has an overlap issue with the label and the text box
http://i.imgur.com/8eSSQXe.png
There's also the x button in the search results being misplaced, though that's already been reported elsewhere recently.
I was hoping that the library sidebar could be adjusted? Not sure if it's possible but as of right now there is a giant empty space. Of course I'll get used to it eventually but right now it's a little big for me as I don't play with the steam window in full screen.
This is what I'm talking about if I'm not making any sense. ^^
I'm sorry but I keep running into bugs with the Text position/font :D
First picture shows the offset text placement.
Second shows "Online Sammlung an..." which should be normally "Online Sammlung anzeigen".
PS: Your respond was damn fast last time! Never seen such a fast respond WITH a fix.
http://i.gyazo.com/fbbfe7ee8dc89f3e5c205cc13f6b3bb2.png
Not too hard to explain her but basically the text in the UI at the moment is over all too large and over laps with either other text or UI elements. The "Resume/Pause" button text is waaay too big and doesn't fit in the box. Text for game updates/downloads also over laps the status of being "in queue" or "Downloading". An easy fix would be moving the In queue/Downloaded (%) parts down a bit so they don't over lap.
I don't know about you but this just doesn't fit the theme at all.
I guess this hasn't been changed much as it seems to still have the same font as stock steam.
I'm using the german steam version and the font is kinda to big for the button/ or the button is too small.
In the first screenshot the download icon is overlapping with the download indicator.
In the second screenshot "Anhalten" does not really fit in the button.
Could you fix that?
Link : http://imgur.com/a/l4sfP
Bebas neue have russian version of that font.... so why not.
http://i.imgur.com/xj4WbI4.png
As you can see here, on the top right the two buttons are placed incorrectly.
http://i.imgur.com/bA8NDck.png
A similar bug occurs on event notifications.
So... compare these 2 screenshots and say, which is better:
or
For me, 2nd screenshot is best. If you think same, please use this version of Bebas Neue font in your skin: http://puu.sh/cxqRX.otf
Thanks.
BTW, you've made an amazing skin, thanks for this!
Friends list gradient bug: http://puu.sh/bLTw9/3c22558fa4.png
The bottom of the friendslist is overlapped with a gradient that takes away the bottom border of the friendslist.
Group chat overlap bug: http://puu.sh/bLTzT/4a733759c2.png
A group chat on steam has a overlapping bug with the user list at the top pane of the chat, the bottom however is fine. I don't know if it's off or not, it makes it look more sleak though: http://puu.sh/bLTES/719f6db98e.png
Library icons for "play" and "install" are slightly out of place, I don't know if this is an actual bug, but yeah, you're aware of it though as I've heard, just popping it down though. http://puu.sh/bLTNK/6523531181.png
Tools library is definitely something you will need to consider fixing: http://puu.sh/bLUv8/5508d106fc.png The pane bar is colored oddly and it's kind of hard to read!
Downloads section has some sort of blue artifacting in the corner: http://puu.sh/bLUy6/ad3b69ce19.png
Favorites section has some text that's been shrunk to an unreadable size: http://puu.sh/bLUBl/93c1523f39.png
In the settings menu for Steam, under any of the info boxes, I embarrassingly forget what they're called! Gladly puush can save the day and pretty much explain for me, there's this odd red line above the settings, I don't know if that's supposed to be there or not.
Small view bugs, you're aware of them as I've posted it in the comment section of your group. It's not a top priority as you've said though, however, when your skin does go public, I'm sure that there will be other users who will mention it.
Sometimes the text might appear a little too short on some things, such as major steam functions for options: http://puu.sh/bLUkb/fb93361864.png another example here: http://puu.sh/bLV2Q/f5c70fcfc1.png
it's not a bother really. (This mostly appears on drop down menus)
Steam had removed the refresh icon when using the in-built client browser, it's a shame really, very useful. That isn't really a bug but if you're able to add that back it would be greatly appreciated!
This isn't much of one, but the URL bar is slightly out of place I'd have to think, it's also quite hard to read sometimes: http://puu.sh/bLTUm/241e29e2bf.png
The games' list scroll bar is horizontally out of place here with the gear: http://puu.sh/bLTVT/c7e79a36e6.png
Chat room player-activity is out of place slightly as well: http://puu.sh/bLUnq/6abb7912ec.png
Chat room resizer icon is a little pixels off from the corner: http://puu.sh/bLVnH/9adca316ea.png
Chat room "member list" is also slightly off in a sense with the overlay: http://puu.sh/bLVrM/de8d2e9b54.png
Some main titles are out of place slightly by a few pixels, however this is probably the lest of anybodies concern ever: http://puu.sh/bLUoF/8ad2acf072.png (where it says Settings)
Steam library search x button is off as well: http://puu.sh/bLUrm/8bc237d1b2.png
Library games showing the recent play time is off should probably have a bigger gap between the title and that. http://puu.sh/bLUDV/3df02c697f.png
This really isn't much of a bug, I'll get used to it though! Whenever typing in any of the chats I'm unable to view more of what I typed before hand, it goes to a completely new line which hides what I've recently typed. Before: http://puu.sh/bLUda/76966cd21c.png After: http://puu.sh/bLUe6/5ecf9ecbc2.png
This actually causes a new bug with the chat system where if you highlight your text, you can see it go out of place: http://puu.sh/bLUfR/bacea01573.png
This also isn't much of a bug, but sometimes I get confused at how much content is actually written down in a chat, as you can see I'm a regular for the Steamworks chat, and we discuss...things... but I sometimes think that the chat hasn't been open for a while or something because there isn't a scroll bar in it. Everything else however does have a scroll bar.
I'm getting a different font for some reason, and even downloads page font seems to be messed up for me.
http://puu.sh/cxqZR/0828c79a0b.png
http://puu.sh/cxr0L/025836270a.png
Anyway, the theme looks great.
I'm managing to replicate this issue every time I open Steam (and I actually remember having this same bug on Enhanced Steam way back when, caused me to switch skins then) and open two group chats, Steam will crash. This does not happen with the other skins I have like PixelVision or Air.
For the record as well, the group chats I open from the Friends list are the Reddit one, then the Steam Gifts (S.Gifts) chat.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.