Suggestion: Make earned trophies darker in guides

[madrabbit1485]

Not sure if it's just me, but the color used on earned and unearned trophies inside the guides are too similar, sometimes I find it hard to determine if I earned the trophy or not.

 

My suggestion is to make the background a  bit darker:
Current   |  Suggested

I just changed the .trophy.earned and .tableofcontents li.earned background to #cfefca and the .trophy.earned box-shadow to #778e73.

 

I know there's a Stylish extension just for doing things like that, but it didn't work on my Chrome, so I gave up.

I'm using a custom userscript instead.

[KittiBear]

I've never run into the issue of differentiating the earned trophies from the unearned ones to be honest. The colour difference seems fine to me. Maybe them looking too similar has something to do with your screen settings (brightness, contract, gamma, etc)?

[Lagoon Aris]

Depending on which device I look, the colors seem a bit harder to differentiate. Personally, I don't see any real problem in there but I don't know... People with some kind of colorblindness could have problems, so I wouldn't oppose a tad darker nuance.

[starcrunch061]

I like the idea a lot. The suggested version certainly is easier to see from a glance, but it doesn't sacrifice visibility.

[Floriiss]

To be fair I've never had that issue before. Personally I wouldn't mind a darker green color, but I'm guessing that it'll probably causes new problems. With a darker color it means that both the trophy tittle and description will be harder to read. 

[LeetWolf2]

I have this issue myself, would like this to be implemented.

[Lucas]

I've had this issue as well, it'd be great if this could be implemented.

[Karnacharya]

I like things just the way they are, but I would be supportive of a change is the majority of users on the site want the change.

[HellcoreFire]

I never even noticed the color difference until I saw this thread. So when I checked, I actually had to look really hard to find any difference. So, even if I obviously don't really need it; I'm all for this if it helps other people.

[Mcbeanstr]

Haven't had many issues with this but still it would be good so i'm all for it

[Nemmy_Wemmy]

People have issues with colors sometimes, while I don't, I highly agree that there needs to be either a different color or darker one

[Meacham]

Pretty good idea, can be annoying sometimes.

 

I'd have an option to strike out completed trophies to just put a line through them only on guides though.

[Nemmy_Wemmy]

3 hours ago, Meacham said:

Pretty good idea, can be annoying sometimes.

 

I'd have an option to strike out completed trophies to just put a line through them only on guides though.

I like that idea or maybe hide all earned trophies in guides or something 

[madrabbit1485]

15 minutes ago, The High Ground said:

I like that idea or maybe hide all earned trophies in guides or something 

 

Another user posted a script for that:

https://forum.psnprofiles.com/topic/35583-add-possibility-to-hide-earned-trophies-in-guides-with-userscript/

 

I haven't tried it myself, though

[Taliesin_2943]

when i use a trophy guide on here and i have trophies the trophy is circled in green and has an earned date 

[ArmoredSnowman]

16 hours ago, bercoelho said:

Not sure if it's just me, but the color used on earned and unearned trophies inside the guides are too similar, sometimes I find it hard to determine if I earned the trophy or not.

 

My suggestion is to make the background a  bit darker:
Current   |  Suggested

I just changed the .trophy.earned and .tableofcontents li.earned background to #cfefca and the .trophy.earned box-shadow to #778e73.

 

I know there's a Stylish extension just for doing things like that, but it didn't work on my Chrome, so I gave up.

I'm using a custom userscript instead.

I'd prefer a change in color as well. I'd prefer blue, as the shading would be easier to differentiate. 

[Satoshi Ookami]

I don't have problems with the current color but the suggested one definitely looks better.

[madrabbit1485]

I think they changed that...that was quick =)

 

Thank you, kind webmaster stranger.

[clickclick-uhoh]

At this time I still have trouble seeing the difference in hue. Did they make a change somewhere that I just can't find the setting for?

 

Update : I ended up installing the script mentioned in post by bercoelho and it works perfectly fine in guides when using chrome. It has no effect that I can see whilst in the trophy lists. Good enough for me for now but I would love to see something implemented on the site for customization in shade and possibly even color. It would benefit people with color blindness or even people with poor vision who simply need a higher contrast to see clearly.

Edited July 4, 2018 by clickclick-uhoh

[Phantochi]

Pretty good idea, i have this issue myself sometimes, it'd be great if this could be implemented. 

[madrabbit1485]

If you want, you can use the userscript I did.

 

Install the Tampermonkey browser extension, open its dashboard, click on the plus sign to add a new script and type in this:

// ==UserScript==
// @name     Greener trophies
// @include  https://psnprofiles.com/guide/*
// @author bercoelho
// @grant    GM_addStyle
// ==/UserScript==


GM_addStyle (
".roadmap-trophies .trophy.earned { "+
"    background: #cfefca !important; "+
"    box-shadow: 0 0 0 1px #778e73 inset !important; "+
"} "+
".tableofcontents li.earned { "+
"    background: #cfefca  !important; "+
"} "
);

Save it and leave it enabled. Open any guide to test.

[Gr4de_04]

i have a slightly different sugestion. being able to hide any obtained trophies. maybe some switch at the top 'hide obtained trophies' that you can just flick on and off. seems better to me but ofc it just comes down to personal prefrence.

[Einigkeit]

I have trouble differentiating between the obtained/unobtained trophies sometimes, so I support this.

[Kittet3]

5 hours ago, gamesfourever said:

i have a slightly different sugestion. being able to hide any obtained trophies. maybe some switch at the top 'hide obtained trophies' that you can just flick on and off. seems better to me but ofc it just comes down to personal prefrence.

I support something like this. Having color being the only indicator of something is really not accessible to many people with visual impairments, so there should be some other way to distinguish between trophies. 

[dernop]

7 hours ago, bercoelho said:

If you want, you can use the userscript I did.

 

 

6 hours ago, gamesfourever said:

i have a slightly different sugestion. being able to hide any obtained trophies. maybe some switch at the top 'hide obtained trophies' that you can just flick on and off. seems better to me but ofc it just comes down to personal prefrence.

 

great stuff, i use userscripts for many customizations too.

 

about @gamesfourever suggestion, this should be doable with a userscript, too:

// ==UserScript==
// @name         Toggle earned trophies
// @author       dernop
// @match        https://psnprofiles.com/guide/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    $('<a class="button green" href style="margin-left:10px;">Toggle earned</a>')
        .insertAfter('a#addFavourite')
        .click(function() {
        $('div.section-holder:has(img.earned)').toggle();
        $('li.earned').toggle();
        return false;
    });
})();

this will add a "Toggle earned" button at the top, right next to the "Add favourite" button, which lets you toggle (show/hide) already earned trophies. only downside: those userscripts are very "fragile" most of the time and will most likely break with any non-trivial site-update.