jdp-container {
    --jdp-color-0: #ffffff;
    --jdp-color-1: #f1f4f6;
    --jdp-color-2: #d9e0e5;
    --jdp-color-3: #aebbc3;
    --jdp-color-4: #68757c;
    --jdp-color-5: #20252a;
    --jdp-primary: #08a9e3;
    --jdp-red: #c73535;
}

jdp-overlay {
    background-color: rgba(20, 30, 35, .25);
}

:root.dark jdp-container {
    --jdp-color-0: #1c1c1c;
    --jdp-color-1: #2e2e2e;
    --jdp-color-2: #3d3d3d;
    --jdp-color-3: #616161;
    --jdp-color-4: #a9a9a9;
    --jdp-color-5: #ffffff;
    --jdp-primary: #4fc5f0;
    --jdp-red: #ff7676;
}

:root.dark jdp-overlay {
    background-color: rgba(0, 0, 0, .3);
}