@media (prefers-color-scheme: dark) {

    body
    {
        color-scheme: light dark;
    }
    
    #header
    {
        background-color: gray;
    }
    
    #working
    {
        background-color: gray;
    }
    
    #searchareatitle
    {
        background-color: gray;
        color: white;
    }
    
    #toolsareatitle
    {
        background-color: gray;
        color: white;
    }
    
    
    .dashboardbutton
    {
        background-color: lightgray;
        color: black;
    }
    
    .borderedbuttonvariable
    {
        background-color: lightgray;
        color: black;
    }
    
    .borderedbutton
    {
        background-color: lightgray;
        color: black;
    }
    
    .aviewmode
    {
        background-color: lightgray;
        color: black;
    }
    
    
    #footer
    {
        background-color: gray;
    }
    
    .bordered
    {
        background-color: lightgray;
        color: black;
    }
    
    .bordered:hover
    {
        background-color: lightgray;
        color: black;
    }
    
    .bordered:focus
    {
        background-color: lightgray !important;
        color: black;
    }
    
    textarea.bordered
    {
        background-color: lightgray;
        color: black;
    }
    
    textarea.bordered:hover
    {
        background-color: lightgray;
        color: black;
    }
    
    textarea.bordered:focus
    {
        background-color: lightgray !important;
        color: black;
    }
    
    .borderedvariable
    {
        background-color: lightgray;
        color: black;
    }
    .borderedvariable:focus
    {
        background-color: lightgray !important;
        color: black;
    }
    .borderedvariable:hover
    {
        background-color: lightgray;
        color: black;
    }
    
    .borderednarrow
    {
        background-color: lightgray;
        color: black;
    }
    .borderednarrow:hover
    {
        background-color: lightgray;
        color: black;
    }
    .borderednarrow:focus
    {
        background-color: lightgray;
        color: black;
    }
    
    .ui-datepicker-month
    {
        background-color: lightgray;
        color: black;
    }
    
    .ui-datepicker-year
    {
        background-color: lightgray;
        color: black;
    }
    
    #popupnores
    {
        background-color: lightgray;
        color: black;
    }

    
    .fakelink
    {
         color: black;
    }
    
    .showroweven
    {
        background-color: gray;
        color: white;
    }
    .showroweven:hover
    {
        background-color: lightblue;
        color: black;
    }
    .showrowodd
    {
        background-color: lightgray;
        color: black;
    }
    .showrowodd:hover
    {
        background-color: lightblue;
        color: black;
    }
    
    #editortabs
    {
        border-bottom: 1px solid black;
    }
    
    .othertab
    {
        color: black;
    }
    
    #thebody
    {
        /*background-color: #C4F599;*/
        background-color: gray;
        margin: 0px 0px;
        /*font-family: arial;*/
        font-size: 15px;
        color: white;
    }
    
    #thebodyform
    {
        /*background-color: #C4F599;*/
        background-color: gray;
        margin: 10px 10px;
        font-family: arial;
        font-size: 14px;
        color: white;
    }
    
    #content
    {
        background-color: gray;
    }
    
    
}