Osu-web: Header and profile BG design

Created on 21 Feb 2019  路  10Comments  路  Source: ppy/osu-web

please change header design, and profile background design, that gradiednds looks very bad
image

please make more space for BG and make it equal width to the rest of the page
image
or make to BG will fill first part of the page like this:
image

Most helpful comment

I've improvised a gradient overlay with the dark theme i'm maintaining

Replacing background-image linear-gradient on .header-v3__overlay:before with this image
https://flan.s-ul.eu/bZOcj0ZQ.png

All 10 comments

i dont like that part too.. Stefan improvised: https://osu.ppy.sh/users/626907

there's header gradient, left & right gradient and shadow gradient on pic i tired too to improvise with that, but i have not enough space for picture, and this shadow gradient making it looking bad

Mine looks different from those 馃憖

you have a smaller monitor and / or resolution
@edit that's how i see that: (1920x1080)
image

1920x1080 17"

I'm not using firefox in full screen but even if I do, it does not look like that. It just pulls the whole page into the middle

try LCrtl + scroll and set zoom to 100% 馃

i think that will be the best way to make it's look better:
image

Ah, nvm. I found the "issue", it was not the zoom but a custom script which overwrote the default one. I thought I disabled those 馃 Anyway, yeah, it looks horrible with that gradient and overextended length.

I've improvised a gradient overlay with the dark theme i'm maintaining

Replacing background-image linear-gradient on .header-v3__overlay:before with this image
https://flan.s-ul.eu/bZOcj0ZQ.png

that actually looks really good. @arflyte comments?

Oh interesting. But need to test with various type of background; especially busy and simple bright, and busy and simple dark.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

downpour-osu picture downpour-osu  路  4Comments

gagahpangeran picture gagahpangeran  路  4Comments

Xinnoh picture Xinnoh  路  4Comments

shortthu picture shortthu  路  5Comments

TicClick picture TicClick  路  5Comments