Osu-web: New color scheme in site causes very hard to read texts

Created on 12 Jul 2019  路  4Comments  路  Source: ppy/osu-web

Referring to the recent change in color scheme, there are a lot of parts that has very hard to read texts due to extremely similar text colors. This could impact the readability of certain texts, especially to those who have visual impairments, or those devices that has problems with color display.

Examples include:
Screenshot_2019-07-12-18-07-19-548_org mozilla fennec_aurora
1) the username color for beatmap nominators
2) Post dates

image
Lots of people are complaining about this too and this is on the main page, the ranked dates.

Also another thing to mention is the background color and the text color being similar (like the main page with blue bg color and blue text and modding page with purple text and purple by color) would severely decrease the readability of the texts for those who have visual impairment on particular colors.

Most helpful comment

Went through probably most of the pages and compiled all hard to read texts below:

  1. Timestamps on beatmaps in the home page

image

  1. Copyright sign

image

  1. Disabled Post button

image

  1. Timestamp (and manage buttons?) of comments

image

  1. Changelog user count

image

  1. Changelog description has same colour as the change

image

  1. 0 count in beatmap scoreboards

image

  1. Table headers (e.g. max combo, total score)

image

  1. FA song count

image

  1. Most of the track list on FA artist page

image

  1. Stats on rankings page

image

  1. Contest ending date and type
    image

  2. Tournament registration date (and user count?)

image

  1. Settings text box labels

image

  1. Timestamp on best performance plays

image

  1. Comment type buttons on Modding page

image

  1. Modding beatmap timestamp and comment timestamp

image

All 4 comments

i would suggest to make beatmap nominator color more brighter. ex: Screenshot_2019-07-12-18-46-21-034_com discord

Screenshot_2019-07-12-18-44-27-924_com discord
it seems good at dark theme, maybe need slightly more darker to fit with old web design, but idk

Went through probably most of the pages and compiled all hard to read texts below:

  1. Timestamps on beatmaps in the home page

image

  1. Copyright sign

image

  1. Disabled Post button

image

  1. Timestamp (and manage buttons?) of comments

image

  1. Changelog user count

image

  1. Changelog description has same colour as the change

image

  1. 0 count in beatmap scoreboards

image

  1. Table headers (e.g. max combo, total score)

image

  1. FA song count

image

  1. Most of the track list on FA artist page

image

  1. Stats on rankings page

image

  1. Contest ending date and type
    image

  2. Tournament registration date (and user count?)

image

  1. Settings text box labels

image

  1. Timestamp on best performance plays

image

  1. Comment type buttons on Modding page

image

  1. Modding beatmap timestamp and comment timestamp

image

There are a couple issue in modding thread area too but I'm on mobile can't really do much so I asked TPGPL to help me list them out for me.

disabled links in the paginator of https://osu.ppy.sh/beatmapsets/events are even worse
ccbcde
87dec8

Was this page helpful?
0 / 5 - 0 ratings

Related issues

heagan01 picture heagan01  路  5Comments

venix12 picture venix12  路  3Comments

Xinnoh picture Xinnoh  路  3Comments

gagahpangeran picture gagahpangeran  路  4Comments

aticie picture aticie  路  5Comments