i really like both of this new user card design (which our site is using) and the user directory card view, and i do hope they end up as supported components at some point.
I, for one, like the bright, solid backgrounds ā pink or otherwise.
I quite like them in the screenshot of dark mode and thought they looked pretty jazzy. I donāt use dark mode though, so it may defeat the object of it if thereās a big burst of colour.
btw, i on our site, i override the background with this:
common css
#user-card {
background: #eeeeee;
...
}
I use dark mode pretty much everywhere and I agree that the bright colors are a bit distracting/overwhelming. In my opinion, they even add a bit of stress and urgency which is not the intent for sure. Would there be a way to tone down the user card colors so they still look gorgeous but are not so bright?
Personally I think this experiment has been great and I hope it leads to improvements to core discourse.
![](https://d3bpeqsaub0i6y.cloudfront.net/user_avatar/meta.discourse.org/jammydodger/48/254611_2.png)
I quite like them in the screenshot of dark mode and thought they looked pretty jazzy. I donāt use dark mode though, so it may defeat the object of it if thereās a big burst of colour.
I use dark mode in part because Iām sensitive to really bright screens (especially at night) so it does indeed defeat the purpose of dark mode.
![](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/48.png)
Iām sensitive to really bright screens (especially at night) so it does indeed defeat the purpose of dark mode.
perhaps they should make it so that the usercards have a dark tint while in dark mode so that it is not really that bright and annoying overall
This is how @seanblueās card would look like with a brightness filter on it:
Original
0.8 Brightness:
0.6 Brightness:
0.4 Brightness:
![](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/48.png)
I use dark mode in part because Iām sensitive to really bright screens (especially at night) so it does indeed defeat the purpose of dark mode.
Thanks to @Canapin suggestion above, I have made a slight adjustment here on meta for when the color-scheme is a dark version. The background should be a littler darker. Can you check to see if this is better?
Yeah, imo thatās much better. I personally like the current thing with the background, but not a lot of people do, so at some point Iāll probably make a component which does the prominent color thing.
This is on the timeline, just waiting for it to be integrated
![](https://d3bpeqsaub0i6y.cloudfront.net/user_avatar/meta.discourse.org/jordan-vidrine/48/233949_2.png)
Thanks to @Canapin suggestion above, I have made a slight adjustment here on meta for when the color-scheme is a dark version. The background should be a littler darker.
Um, I think maybe something went wrong on mobile? I looks just as bright as before (or similar) and also itās no longer blurred.
I donāt know what you went with, but I think something around the 0.6 brightness example would probably be good.
Thats my fault, I didnt include the -webkit
prefix in that PR, but it should now be fixed.
The new version does look much better.
update fixed on my forum too. thanks @jordan-vidrine. i really like that experimental user card TC, but it shouldnāt be experimental anymore
![](https://d3bpeqsaub0i6y.cloudfront.net/user_avatar/meta.discourse.org/lilly/48/369409_2.png)
shouldnāt be experimental anymore
I agree. Its too good to be tucked away as āexperimentalā.
Hello
I noticed an issue with location. It seems after the first open usercard it keeps the location url on all other usercard. Thanks
Wow! Great catch! I will look into this.
Hi there, I ran across a bit of an issue where the usercard appears partially off-screen. It seems to only happen when the browser is maximized and using a higher zoom and/or higher dpi setting.
@Arkshine Hi, appreciate the reply. I think it happens when the zoom level is higher. I first noticed the issue on Firefox, where I have the default zoom set to 110%, and also layout.css.devPixelsPerPx set to 1.1 . But I can also reproduce it with Chromiumās default settings by just zooming in a bit (it appears to only happen when the browser is maximized): [image] Ah, ok. I think Iāll cross-post this issue there. It seems like the usercard component should take care of its own CSS to avoid ā¦
Itās more noticeable with Samās Simple Theme, but it starts to happen with the āDefaultā theme too depending on the zoom level and how many frequent posters appear:
I tried your settings, but It doesnāt seem Iām able to reproduce.
Just to be sure ā are you zooming in after you open a user card modal, or does the user card always appear as your screenshot every time you click on an avatar?