@media (prefers-color-scheme: dark) {
    
    html
    {
        background-color: gray;
    }
    
    body
    {
        color-scheme: light dark;
    }
    
    #thebody::before
    {
        background-image: none;
        background-color: gray;
        opacity: 1;
    }
    
    #working
    {
        background-color: gray;
    }
    
    #footer
    {
        background-color: gray;
    }
    
    .dashboardwelcome
    {
        color: white;
    }
    
    .fakelink
    {
        color: black;
    }
    .fakelink:hover
    {
        color: lightcoral;
    }
    
    #lastrefreshat
    {
        color: white;
    }
    
    /*#searcharea
    {
        background-color: lightgray;
    }*/
    
    #searchheaderareaouter
    {
        background-color: lightgray;
    }
    #searchbodyareaouter
    {
        background-color: lightgray;
    }
    #toolsheaderareaouter
    {
        background-color: lightgray;
    }
    #toolsbodyarea
    {
        background-color: lightgray;
    }
    #toolsbodyareaouter
    {
        background-color: lightgray;
    }
    
    #saveview
    {
        background-color: gray;
    }
    .borderedbuttonvariable
    {
        background-color: lightgray;
        color: black;
    }
    
    
    .bordered2cols
    {
        color: black;
    }
    .borderednarrow
    {
        color: black;
    }
    .bordered
    {
        color: black;
        background-color: #eff0f3;
    }
    .borderedvariable
    {
        color: black;
    }     
    .gridbordered
    {
        color: black;
    }
    .gridborderedcheckbox
    {
        color-scheme: none;
        color: black;
        background-color: #eff0f3;
    }
    .borderedradio
    {
        color-scheme: none;
        color: black;
        background-color: #eff0f3;
    }
    .borderedro
    {
        background-color: #eff0f3;
        color: black;
    }
    .borderedro:hover
    {
        background-color: #eff0f3;
        color: black;
    }
    .borderedro:focus
    {
        background-color: #eff0f3;
        color: black;
    }
    .inplaceeditor
    {
        color: black;
    }

    
    #results
    {
        background-color: lightgray;
    }
    
    #results .fakelink
    {
        color: black;
    }
    #results .fakelink:hover
    {
        color: red;
    }
    
    #editarea
    {
        background-color: lightgray;
    }
    
    .editortab
    {
        color: black;
    }
    .editortab:hover
    {
        color: red;
    }
    
}