Please observe the following current real model card presentations on Civit








These all suffer from contrast and readability issues to different extents. I think it is part of a big reason why many users manually switched back to v1 when it was available. However, it seems there has been little improvement to this issue in model card v2 in the interim, and now it seems v1 has sunset, leaving users with no good alternatives besides local CSS hacking (or maybe just not browsing the site as much).
Thus I suggest the following simple changes to the CSS used to improve legibility without requiring significant redesign
Currently the drop shadow parameters are specified as
drop-shadow(rgba(0, 0, 0, 0.8) 1px 1px 1px);
which looks like this

I suggest using this slightly different setting
drop-shadow(rgba(0, 0, 0, 1) 1px 1px 4px);
which looks like this

I also think this configuration has promise as well
drop-shadow(rgba(0, 0, 0, 1) 2px 1px 2px);

As you can observe the contrast between text and backdrop is improved slightly, although it is still not ideal for an easy viewing experience.
Alternatively, just bring the darkened box title backdrop back that v1 had to improve contrast. But you'll need to ask a real designer how to implement that, I have no clue.
Please authenticate to join the conversation.
Awaiting Dev Review
π‘ Feature Request
Over 1 year ago

Machi
Get notified by email when there are changes.
Awaiting Dev Review
π‘ Feature Request
Over 1 year ago

Machi
Get notified by email when there are changes.