pretty-json {
    --key-color: #8a1919;
    --arrow-color: #6c6c6c;
    --brace-color: #0690bc;
    --bracket-color: #0690bc;
    --string-color: #004000;
    --number-color: #0078b3;
    --null-color: #8c8888;
    --boolean-color: #c737b3;
    --comma-color: #848181;
    --ellipsis-color: #c2c2c2;

    --indent: 2rem;
}

/* Also handle the dark mode */
/*
@media (prefers-color-scheme: dark) {
    pretty-json {
        --key-color: #f73d3d;
        --arrow-color: #6c6c6c;
        --brace-color: #0690bc;
        --bracket-color: #0690bc;
        --string-color: #003000;
        --number-color: #0078b3;
        --null-color: #8c8888;
        --boolean-color: #c737b3;
        --comma-color: #848181;
        --ellipsis-color: #c2c2c2;
    }
}*/