v3: the cards under "related" and "in collections" come back from transparent — both lists lighten a card by dimming it and tightening the box, and also blanked its fill, which assumed the border was what drew the card. A theme is free to draw one with the surface alone: smooth and melange both set --card-border: transparent, so with the background gone there was nothing left — text floating on the page in smooth, a shadow around a hole in melange. The fill stays now and the theme's own skin comes through; the weight still comes down through the opacity, the tighter padding and the smaller type, which is where it belonged. nyt is untouched, its own flat-ink rule still winning the list back to hairline rules.
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 42s
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 42s
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -4993,10 +4993,15 @@ body.has-player .chat-fab {
|
|||||||
max-width: none;
|
max-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Subordination is carried by the dimming and the tighter box, not by
|
||||||
|
dropping the fill: a theme is free to draw its cards with the surface alone
|
||||||
|
(smooth and melange both set --card-border: transparent), so blanking the
|
||||||
|
background there left nothing to see — text floating on the page, or, in
|
||||||
|
melange, a shadow around a hole. Whatever skin the theme gives a card is
|
||||||
|
kept; only its weight comes down. */
|
||||||
.related-section .dump-card {
|
.related-section .dump-card {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-radius: var(--radius-lg);
|
border-radius: var(--radius-lg);
|
||||||
background: transparent;
|
|
||||||
opacity: 0.78;
|
opacity: 0.78;
|
||||||
transition: border-color var(--dur-base), opacity var(--dur-base);
|
transition: border-color var(--dur-base), opacity var(--dur-base);
|
||||||
}
|
}
|
||||||
@@ -5040,7 +5045,6 @@ body.has-player .chat-fab {
|
|||||||
.collections-section .playlist-card {
|
.collections-section .playlist-card {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-radius: var(--radius-lg);
|
border-radius: var(--radius-lg);
|
||||||
background: transparent;
|
|
||||||
opacity: 0.78;
|
opacity: 0.78;
|
||||||
transition: border-color var(--dur-base), opacity var(--dur-base);
|
transition: border-color var(--dur-base), opacity var(--dur-base);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user