Discuss Scratch
- Discussion Forums
- » Suggestions
- » The royal blue colour scheme: It looks better *and* it's still accessible.
- medians
-
1000+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
Wait, what if we darkened this color: Support; this will be better in terms of accessibility while also keeping the familiar blue color. I actually found a different shade of blue (#5c63d6) that has better contrast than the purple and looks just as good, but royal blue would basically be the same.
#4a6cd4
This is the 2.0 motion color.
Last edited by medians (June 29, 2023 19:12:58)
- PaperMarioFan2022
-
1000+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
Wait, what if we darkened this color: Support; this will be better in terms of accessibility while also keeping the familiar blue color. I actually found a different shade of blue (#5c63d6) that has better contrast than the purple and looks just as good, but royal blue would basically be the same.
#4a6cd4
This is the 2.0 motion color.
Not bad! This might work for those who want blue back on the nav bar, and the whole website.
- ajskateboarder
-
1000+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
I think a royal blue color would be more familiar to people who have been on the site for a while (and it does look nice too)
Support, although some basic customization would be nice as well
Support, although some basic customization would be nice as well
- medians
-
1000+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
#2848A9
This could even be a good color, I got this from the 2.0 motion color.
Edit: Images


This could even be a good color, I got this from the 2.0 motion color.
Edit: Images


Last edited by medians (June 29, 2023 19:32:00)
- ssvbxx2
-
100+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
The contrast actually drops significantly; although it's still higher than the current purple header, it's just barely above it, which may make the ST less incentivized to change it to that. Interesting idea, though.Wait, what if we darkened this color: Support; this will be better in terms of accessibility while also keeping the familiar blue color. I actually found a different shade of blue (#5c63d6) that has better contrast than the purple and looks just as good, but royal blue would basically be the same.
#4a6cd4
This is the 2.0 motion color.
- medians
-
1000+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
I was thinking of darkening it, and this is what I got:The contrast actually drops significantly; although it's still higher than the current purple header, it's just barely above it, which may make the ST less incentivized to change it to that. Interesting idea, though.Wait, what if we darkened this color: Support; this will be better in terms of accessibility while also keeping the familiar blue color. I actually found a different shade of blue (#5c63d6) that has better contrast than the purple and looks just as good, but royal blue would basically be the same.
#4a6cd4
This is the 2.0 motion color.
#2848A9
This could even be a good color, I got this from the 2.0 motion color.
Edit: Images
- ssvbxx2
-
100+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
That actually has way higher contrast than the current header color (8.1:1 compared to 4.67:1); maybe the ST will actually change the color to that if they're made aware of it. Their main goal with changing the header color in the first place is accessibility, after all. #2848A9
This could even be a good color, I got this from the 2.0 motion color.
- Crow_Boy08
-
1000+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
I like the purple color.
- SONIC_ULTIMATE23
-
100+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
We need to make the scratch team aware of this, so they can bring back the superior blue!That actually has way higher contrast than the current header color (8.1:1 compared to 4.67:1); maybe the ST will actually change the color to that if they're made aware of it. Their main goal with changing the header color in the first place is accessibility, after all. #2848A9
This could even be a good color, I got this from the 2.0 motion color.
- k7e
-
1000+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
How long do you think it would take to implement this, and do you think that by then people will be used to the purple color? I mean, what do you think people would say if the Scratch Team announced that the studios are going to be in a format somewhat in between the old 2.0 format and the new 3.0 format?
(maybe it would resemble @medians's version 2.0 of Scratch 3.0)
(maybe it would resemble @medians's version 2.0 of Scratch 3.0)
- Prince_Wolf1
-
1000+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
How come what people like doesn’t matter but consistency does?wasn’t the update made for accessibility, not the look?Avoiding the debate on whether or not we could ever know for sure if that is truly easier … wouldn't the color scheme still suffer the same fate? Links and forum post headers, for example, would still be the old blue color, giving a less consistent look.This is also a good point. Substituting a dark blue is easier than updating every little thing to match.
- CamperHM68
-
19 posts
The royal blue colour scheme: It looks better *and* it's still accessible.
Yeah, that's a good idea! Recently, the Scratch Team changed the colour scheme for the Scratch website from azure to purple. There are several reasons why this change is just plain silly, but I'll gloss over those for now.
Looking over the w3 organization's accessibility guidelines that the Scratch Team are themselves using, they stipulate that the contrast between small text and the background should be at least 4.5:1. (Though, ideally, it should be at least 7:1.) Here's a website for checking the contrast ratio between two colours. (Thanks to @gilbert_given_189 for the link! Alternatively, here's a spreadsheet to calculate the contrast ratio.)
I discovered that the royal blue colour #0066CC has a contrast ratio of around 5.57, instead of the purple colour scheme's 4.67. It looks far better in my opinion, and will be more familiar to the vast majority of users who are used to the original colour scheme. Here's a comparison of the three navbars: from top to bottom, the original, the current purple scheme and my proposed royal blue scheme.
This will improve the aesthetic of the website tremendously. It would fit in better with the sticky icons, post headers etc. that the Scratch Team haven't yet changed because they're just two different shades of the same colour. It would be much less of a shock to the kids upset that their Scratch is purple now while meeting the accessibility criteria more thoroughly.
I know the Scratch Team has been thinking about a more accessible colour scheme for a while, but I implore the Scratch Team to seriously consider this royal blue colour scheme instead of the purple one currently in use.
Lastly, I know this seems like a duplicate, but this is a suggestion for a specific colour rather than a choice to switch between them, and I did my research as well. If the Scratch Team does deem this to be a duplicate, please move the topic to Advanced Topics instead of closing it.
- Itz-Sodium
-
76 posts
The royal blue colour scheme: It looks better *and* it's still accessible.
Try this on rdococ and medians:
Edit: sorry, I meant https://webaim.org/resources/contrastchecker/?fcolor=F7F7F7&bcolor=7C0085
Edit: sorry, I meant https://webaim.org/resources/contrastchecker/?fcolor=F7F7F7&bcolor=7C0085
This color :: #7C0085be purple :cool: and blue-:o :/ :mad:
Last edited by Itz-Sodium (June 30, 2023 00:55:45)
- nhy76yh
-
100 posts
The royal blue colour scheme: It looks better *and* it's still accessible.
WHY TOLORS I'll hate Scratch team for this foreverI mean, they seem to be very serious on it… (in fact suggesting to revert the colors back is on ) I think the ST knows what they're doing.
- ssvbxx2
-
100+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
TOLORS is helpful for keeping track of rejected suggestions; otherwise, users would have to run back and forth between topics to find rejected suggestions, which can be exhausting.WHY TOLORS I'll hate Scratch team for this foreverI mean, they seem to be very serious on it… (in fact suggesting to revert the colors back is on ) I think the ST knows what they're doing.
- MythosLore
-
1000+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
I've heard that it took four months to implement the purple, I could get used to this purple in that amount of time. Also, I think the Scratch Team would have to do a bunch of research to see if this is true. (Maybe not, I'm not a high-contrast update) How long do you think it would take to implement this, and do you think that by then people will be used to the purple color? I mean, what do you think people would say if the Scratch Team announced that the studios are going to be in a format somewhat in between the old 2.0 format and the new 3.0 format?
(maybe it would resemble @medians's version 2.0 of Scratch 3.0)
Last edited by MythosLore (June 30, 2023 03:46:29)
- Prince_Wolf1
-
1000+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
Bump
It’s on second page
It’s on second page
- Dogs-are-amazing1
-
500+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
Wait 24 hours before bumping Bump
It’s on second page
- Prince_Wolf1
-
1000+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
If it’s on the second page you can bumpWait 24 hours before bumping Bump
It’s on second page
- Backto2011
-
100+ posts
The royal blue colour scheme: It looks better *and* it's still accessible.
to be honest this just reminds me of some scratch pages that aren't in the the modern scratch style(like the profile pages and the topics) before the “lean mode” appeared in scratch
- Discussion Forums
- » Suggestions
-
» The royal blue colour scheme: It looks better *and* it's still accessible.