body[data-theme="dark"]
{
    --outline: #666666;
    --outline-darker: #7a7a7a;
    --outline-dark: #B2B2B2;

    --background: #232323;
    --window: #19191A;
    --canvas: #4b4b4b;

    --selected: #454647;
    --hover:    #626364;

    --timeline-background: #29292b;
    --timeline-layer: #353538;
    --timeline-text: #8b8b8b;

    --current-frame: #e20000;
    --history-frame: #929292;
    --time: #dd5233;

    --layer-1: #3e1313;
    --layer-2: #5a0b0b;
    --layer-3: #344c54;
    --layer-4: #093c1c;
    --layer-5: #022903;
    --layer-6: #4b4b4b;
}

body[data-theme="dark"] .control span, body[data-theme="dark"] .bottom button span, body[data-theme="dark"] #scale span
{
    filter: invert(48%) sepia(0%) saturate(990%) hue-rotate(178deg) brightness(100%) !important;
}