mirror of
https://github.com/ranaldsgift/KefinTweaks.git
synced 2026-11-05 15:52:47 +01:00
27 lines
1.3 KiB
CSS
27 lines
1.3 KiB
CSS
.card[data-type="Genre"] a.cardImageContainer::after {
|
|
content: attr(aria-label);
|
|
font-size: 3rem;
|
|
}
|
|
|
|
.card[data-type="Genre"] {
|
|
--genre-color: hsl(210 20% 25%);
|
|
}
|
|
|
|
.card[data-type="Genre"]:nth-child(10n + 1) { --genre-color: hsl(0 55% 35%); } /* red */
|
|
.card[data-type="Genre"]:nth-child(10n + 2) { --genre-color: hsl(36 60% 35%); } /* orange */
|
|
.card[data-type="Genre"]:nth-child(10n + 3) { --genre-color: hsl(72 55% 35%); } /* yellow-green */
|
|
.card[data-type="Genre"]:nth-child(10n + 4) { --genre-color: hsl(108 50% 35%); } /* green */
|
|
.card[data-type="Genre"]:nth-child(10n + 5) { --genre-color: hsl(144 45% 35%); } /* teal */
|
|
.card[data-type="Genre"]:nth-child(10n + 6) { --genre-color: hsl(180 50% 35%); } /* cyan */
|
|
.card[data-type="Genre"]:nth-child(10n + 7) { --genre-color: hsl(216 55% 35%); } /* blue */
|
|
.card[data-type="Genre"]:nth-child(10n + 8) { --genre-color: hsl(252 50% 38%); } /* indigo */
|
|
.card[data-type="Genre"]:nth-child(10n + 9) { --genre-color: hsl(288 55% 38%); } /* purple */
|
|
.card[data-type="Genre"]:nth-child(10n + 10){ --genre-color: hsl(324 55% 38%); } /* magenta */
|
|
|
|
.card[data-type="Genre"] a.cardImageContainer {
|
|
background: var(--genre-color) !important;
|
|
}
|
|
|
|
.homeSectionsContainer .card[data-type="Genre"] .cardText {
|
|
visibility: hidden;
|
|
} |