Node-Red Dashboard Colour Picker CSS

I am trying to get rid of the black circle around the Colour-Picker, setting all the elements to transparent seems to cause issues so I have just set them to the same value as the background colour using the followng CSS;

/* Color picker text BG */
.nr-dashboard-theme .color-picker-input-wrapper > input {
    color: white !important;
    background-color: #7F7173 !important;
    border: none !important;
    opacity: 0;
}
.nr-dashboard-theme .color-picker {
    color: white !important;
    background-color: #7F7173 !important;
    border: none !important;
    opacity: 0;
}
.nr-dashboard-theme .color-picker-overlay {
    color: white !important;
    background-color: #7F7173 !important;
    border: none !important;
    opacity: 1;
}
.nr-dashboard-theme .color-picker-wrapper {
    color: white !important;
    background-color: #7F7173 !important;
    border: none !important;
    opacity: 1;
}
.nr-dashboard-theme .color-picker-row {
    color: white !important;
    background-color: #7F7173 !important;
    border: none !important;
    opacity: 1;
}
.nr-dashboard-theme .color-picker-grid {
    color: white !important;
    background-color: #7F7173 !important;
    border: none !important;
    opacity: 1;
}
.nr-dashboard-theme .color-picker-grid-inner {
    color: white !important;
    background-color: #7F7173 !important;
    border: none !important;
    opacity: 0;
}
.nr-dashboard-theme .color-picker-panel {
    color: white !important;
    background-color: transparent !important;
    border: none !important;
    opacity: 1;
}
.nr-dashboard-theme .color-picker-grid-wrapper {
    color: white !important;
    background-color: #7F7173 !important;
    border: none !important;
    opacity: 1;
}

Whatever I do I can't seem to get rid of the faint border around the edge;

image

I know it's very minor but if anyone knows how to remove it that would be greatly appreciated!

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.