More legible text in model card v2

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.

Upvoters
Status

Awaiting Dev Review

Board

πŸ’‘ Feature Request

Date

Over 1 year ago

Author

Machi

Subscribe to post

Get notified by email when there are changes.