.imageEditorContainer {
    /* Deafult colors for the editor -- light mode */

    --primary-background-color: white;
    --primary-background-color-transparent: rgba(255, 255, 255, 0.5);
    --secondary-background-color: #faf;
    --primary-foreground-color: black;
    --secondary-foreground-color: black;
    --primary-shadow-color: rgba(0, 0, 0, 0.5);
}

@media (prefers-color-scheme: dark) {
    .imageEditorContainer {
        /* Deafult colors for the editor -- dark mode */

        --primary-background-color: #151515;
        --primary-background-color-transparent: rgba(50, 50, 50, 0.5);
        --secondary-background-color: rgb(0, 58, 119);
        --primary-foreground-color: white;
        --secondary-foreground-color: white;
        --primary-shadow-color: rgba(250, 250, 250, 0.5);
    }
}

body .imageEditorContainer {
    --primary-background-color: white;
    --primary-background-color-transparent: #ffffff80;
    --secondary-background-color: #ec9277aa;
    --third-background-color: #ddd;
    --primary-foreground-color: #002d62;
    --secondary-foreground-color: #002d62;
    --primary-shadow-color:  #ec9277;
}

.clr-picker {
    z-index: 10000 !important;
}