.focalboard-body .propColor0,
.focalboard-body .propColorDefault {
    background-color: var(--prop-default);
}

.focalboard-body .propColor1,
.focalboard-body .propColor1:hover,
.focalboard-body .propColorGray,
.focalboard-body .propColorGray:hover {
    background-color: var(--prop-gray);
}

.focalboard-body .propColor2,
.focalboard-body .propColor2:hover,
.focalboard-body .propColorBrown,
.focalboard-body .propColorBrown:hover {
    background-color: var(--prop-brown);
}

.focalboard-body .propColor3,
.focalboard-body .propColor3:hover,
.focalboard-body .propColorOrange,
.focalboard-body .propColorOrange:hover {
    background-color: var(--prop-orange);
}

.focalboard-body .propColor4,
.focalboard-body .propColor4:hover,
.focalboard-body .propColorYellow,
.focalboard-body .propColorYellow:hover {
    background-color: var(--prop-yellow);
}

.focalboard-body .propColor5,
.focalboard-body .propColor5:hover,
.focalboard-body .propColorGreen,
.focalboard-body .propColorGreen:hover {
    background-color: var(--prop-green);
}

.focalboard-body .propColor6,
.focalboard-body .propColor6:hover,
.focalboard-body .propColorBlue,
.focalboard-body .propColorBlue:hover {
    background-color: var(--prop-blue);
}

.focalboard-body .propColor7,
.focalboard-body .propColor7:hover,
.focalboard-body .propColorPurple,
.focalboard-body .propColorPurple:hover {
    background-color: var(--prop-purple);
}

.focalboard-body .propColor8,
.focalboard-body .propColor8:hover,
.focalboard-body .propColorPink,
.focalboard-body .propColorPink:hover {
    background-color: var(--prop-pink);
}

.focalboard-body .propColor9,
.focalboard-body .propColor9:hover,
.focalboard-body .propColorRed,
.focalboard-body .propColorRed:hover {
    background-color: var(--prop-red);
}
