.upvote-orange{
    color: #EC682C;
}

.bg-upvote-orange {
    background-color: #EC682C;
}

.lightorange {
    color: #F6B395;
}

.bg-lightorange {
    color: #F6B395
}

.darkgray {
    color: #5E5E5E;
}

.bg-darkgray{
    background-color: #5E5E5E;
}

.lightgray {
    color: #8F8F8F
}

.bg-lightgray {
    background-color: #8F8F8F
}

.iosblue {
    color: #3578F7
}

.bg-iosblue {
    background-color: #3578F7
}

.reply-blue {
    color: #57B2F9
}

.bg-reply-blue {
    background-color: #57B2F9;
}

.moderator-green {
    color: #4FB34C;
}

.bg-moderator-green {
    background-color: #4FB34C;
}

.bookmark-green {
    color: #56BB36;
}

.bg-bookmark-green {
    background-color: #56BB36;
}

.downvote-cobalt {
    color: #585FDB
}

.bg-downvote-cobalt {
    background-color: #585FDB;
}

/* make icon filters with this codepen: https://codepen.io/sosuke/pen/Pjoqqp */
.icon-darkgray {
    filter: invert(39%) sepia(0%) saturate(0%) hue-rotate(171deg) brightness(93%) contrast(94%);
}

.icon-white {
    filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(59deg) brightness(102%) contrast(101%);
}

.icon-iosblue {
    filter: invert(43%) sepia(75%) saturate(3672%) hue-rotate(207deg) brightness(99%) contrast(96%);
}

.icon-lightgray {
    filter: invert(60%) sepia(23%) saturate(0%) hue-rotate(206deg) brightness(91%) contrast(91%);
}

.icon-upvote-orange {
    filter: invert(47%) sepia(60%) saturate(1714%) hue-rotate(344deg) brightness(96%) contrast(92%);
}

.icon-downvote-cobalt {
    filter: invert(37%) sepia(45%) saturate(2320%) hue-rotate(220deg) brightness(89%) contrast(93%);
}