Thread:Natercrawford/@comment-35398807-20190430122300/@comment-30492097-20190517015628

That's using css. in the infoboxes themselves, there are "themes". Each theme has a name, which in our case we used the selector "rarity" and have the variables being the different types. whenever the variable would match the css identifier, we made it select other parts of the infobox in order to change color. an example of this would be:

.pi-theme-Common .pi-header, .pi-theme-Common .pi-title, .pi-theme-Common .pi-image-collection-tabs { background-color: #9A9A96; } .pi-theme-Common .pi-image-collection-tabs .current { background-color: #CACACA; } .pi-theme-Common.pi-background { background: linear-gradient(45deg, #9A9A96, #CACACA); }

So now, whenever it sees the words "Common" in the infobox, it'll apply this CSS. I feel like i'm leaving something crucial out, but i can't think of it on the top of my head.