Board Thread:Support Requests - Getting Started/@comment-25790420-20151230104845/@comment-4731443-20151231055420

In your CSS, only the pi-title rules are specific to each theme. Everything else is a generic rule that applies to every infobox. Since they are defined twice, only the last rule is taken into account, so those are the colors and borders that are applied to every infobox.

You need to specify the theme before every declaration you want to be specific to that theme. Note that .pi-background must not be separated from (for example) .pi-theme-Duelist because the two classes are on the same element. Everything else should be separated by a space like you did for .pi-title.

Oh, you can also use just one .pi-background rule per theme instead of two:

.pi-theme-Duelist .pi-title { background-color:#353535; color:#fafafa } .pi-theme-Duelist.pi-background { background-color:#cccccd; color:#141414; border-radius:0 0 5px 5px; } .pi-theme-Duelist .pi-header { background-color:#444444; color:#fafafa; } .pi-theme-Duelist .pi-border-color { border-color:#A0A0A0; } .pi-theme-RHG .pi-title { background-color:#437493; color:#fafafa; } .pi-theme-RHG.pi-background { background-color:#f2f6f8; color:#000000; border-radius:0 0 5px 5px; } .pi-theme-RHG .pi-header { background-color:#5b7f96; color:#fafafa; } .pi-theme-RHG .pi-border-color { border-color:#d1dfe6; }