@media (prefers-color-scheme: dark) { 
    :root{
        /*--tesla-white: #eeeeee;
        --tesla-white-active: #f6f6f6;
        --tesla-blue: #006cfd;*/
        --tesla-grey-button: #383838;
        /*--tesla-black:#131313;
        --tesla-icon:#373737;
        --tesla-intermediate: #bbbbbb ;
        --tesla-grey-font: #808080;
        --tesla-red: #ff371f;*/
        --tesladark-background: #282828;
        --tesladark-font: #8a8a8a;
        --tesladark-darkerBackground: #222222;
    }
    body{
        background-color: var(--tesladark-background);
        color: var(--tesladark-font);
    }
    
    /*.debug > span {
        color: var(--tesla-grey-font);
    }
    
    .separator {
        border: solid 1px var(--tesla-grey-button);
    }
    
    .button.blue {
        /*background-color: var(--tesla-blue);
        color: var(--tesla-white-active);
    }
    
    .button.blue:hover {
        background-color: var(--tesla-blue);
        color: var(--tesla-white-active);
    }
    */
    .button.grey{
        /*background-color: var(--tesla-grey-button);*/
        color: var(--tesla-white);
    }
    
    .button.grey:hover{
        /*background-color: var(--tesla-grey-font);*/
        color: var(--tesla-white);
    }
    
    .button.white{
        background-color: var(--tesla-grey-button);
        color: var(--tesla-white);
        /*border: solid 3px var(--tesla-grey-button);*/
    }
    
    .button.white:hover{
        /*background-color: var(--tesla-intermediate);
        color: var(--tesla-white);
        border: solid 3px var(--tesla-grey-font);*/
    }
    
    .tabs {
        background-color: var(--tesladark-darkerBackground);
    }
    
    .tabs > .active {
        color: var(--tesla-white);
    }
    /*
    .tabs > input {
        color: var(--tesla-grey-font);
    }
    
    #lateralPanel {
        background-color: rgba(0, 0, 0, 0.30);
    }*/
    
    #lateralPanel > div.details{
        background-color: var(--tesladark-darkerBackground);
    }
    
    
    #lateralPanel > div.details > input.close {
        color: var(--tesladark-font);
    }
    /*
    .popup{
        background-color: #00000091;
    }*/
    
    .popup > div > div.content{
        background-color: var(--tesladark-background);
    }
    
    .popup > div > div.title {
        background-color: var(--tesla-white-active);
        /*color: var(--tesla-black);*/
    }
}