Template:CDD/style.css

.CDD-invert img {
    filter: invert(100%);
}
.CDD-white img {
    filter: contrast(0) brightness(100);
}
.CDD-red img {
    filter: brightness(0%) contrast(0%) sepia(100%) saturate(1000);
}
.CDD-yellow img {
    filter: brightness(0%)contrast(0%)sepia(100%)saturate(15)hue-rotate(30deg)saturate(10);
}
.CDD-orange img {
    filter: brightness(0%)contrast(0%)sepia(100%)saturate(10);
}
.CDD-green img {
    filter: brightness(0%) contrast(0%) sepia(100%) saturate(1000) hue-rotate(120deg);
}
.CDD-cyan img {
    filter: brightness(0%)contrast(0%)sepia(100%)saturate(15)hue-rotate(180deg)saturate(10);
}
.CDD-blue img {
    filter: brightness(0%) contrast(0%) sepia(100%) saturate(1000) hue-rotate(-120deg);
}
.CDD-purple img {
    filter: brightness(0%)contrast(0%)sepia(100%)saturate(15)hue-rotate(-140deg)saturate(10);
}