.vanilla-color-picker {
    background: #000;
    width: 252px;
    width: 208px;
    transform: translateX(-50%);
    border-radius: 5px;
    padding: 5px 5px 0px 5px;
}

.vanilla-color-picker-single-color {
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    border: solid 2px #000;
}

.vanilla-color-picker-single-color-picked {
    border: solid 2px #fff;
}

.vanilla-color-picker-single-color[data-color="dark-blue"] {
    background-color: #001889;
}

.vanilla-color-picker-single-color[data-color="blue"] {
    background-color: #3932F1;
}

.vanilla-color-picker-single-color[data-color="pink"] {
    background-color: #EE0093;
}

.bard-editor .u-custom-colour--dark-blue {
    color: #001889 !important;
}

.bard-editor .u-custom-colour--blue {
    color: #3932F1 !important;
}

.bard-editor .u-custom-colour--pink {
    color: #EE0093 !important;
}