Template:PHF.css

/* Purple Haze Feedback */
.PHF, .portable-infobox.pi-theme-PHF {
    border: 2px solid #685fa5;
}
.portable-infobox.pi-theme-PHF .pi-title, .portable-infobox.pi-theme-PHF .pi-header {
    background-color: #685fa5;
    color: white;
}
body.skin-vector-legacy .portable-infobox.pi-theme-PHF .pi-data .pi-data-label, .skin-vector .portable-infobox.pi-theme-PHF .pi-data .pi-data-label {
    background-color: #caa6cc;
}
body.skin-vector-legacy .portable-infobox.pi-theme-PHF .pi-horizontal-group-item.pi-data-label, .skin-vector .portable-infobox.pi-theme-PHF .pi-horizontal-group-item.pi-data-label {
    background-color: #caa6cc;
    border: 2px solid white;
    border-top: none;
    color: white;
}
.portable-infobox.pi-theme-PHF .pi-image-collection-tabs li.current {
    background: #c7d0e2;
}
.portable-infobox.pi-theme-PHF .pi-navigation {
    background: #685fa5  !important;
}

.mw-header:hover .mw-headline-headanchor, .mw-headline-headanchor:target {
    background-image: url(https://static.jojowiki.com/images/e/e6/PHFSymbol.png);
}

/* Module:Tabber */
.tabcontainer .tab:hover {
    background-color: var(--phf);
    background-image: linear-gradient(var(--phf), var(--phf3));
}
.tabcontainer .tab.active {
    background-color: var(--phf);
    background-image: linear-gradient(var(--phf), var(--phf4));
}

/* Tabber Neue */
.tabber__tab[aria-selected="true"] {
 background:linear-gradient(#685FA5,#CAA6CC) !important;
 color:white !important;
}

.tabber__tab[aria-selected="true"]:hover {
 background:linear-gradient(#515A89,#926894) !important;
 color:white !important;
}

.tabber__indicator {
  background: #926894;
}