Dålig läsbarhet med mörk text

simonfalun Mångfifflare

3 september 2020 · 299 Inlägg

Med mörkt tema blir viss text lite svårläst på profilsidan, iallafall när man inte har någon "header image". Det är "titeln" och staden som syns dåligt.

Jag förstår svårigheten med att få texten läsbar över en bild användaren själv kan välja, men man kanske kan lösa det med en svag skuggning bakom texten?

Jag gjorde ett exempel där översta är nuläget, mitten är med skuggning utan bild och längst ner är skuggning med bild.


Här är CSS'en jag applicerade

Kod:

.profile-mypage.cover-image span.user-title,
.profile-mypage.cover-image span.user-location,
.profile-mypage.cover-image span.ul-dot-username,
.profile-mypage .profile-body h2 a {
    filter: drop-shadow(0 0 6px #000);
    color: #fff;
}

.profile-mypage .profile-body h2 .user-location svg {
    fill: #fff;
}

---

BMW 525iT "E61" (2005)

Land Rover Discovery I "Grumpy" (1991)

---

0

0

0

0

Citera

chrizz Administratör

11 september 2020 · 11 783 Inlägg

Sedär! Jag löser det strax!

---

BMW 530d Touring xDrive "F11" (2017)

---

0

0

0

0

Citera