:root{
    
    /* dark mode styles */
    --bgcolor-darkm: #333;
    --color-darkm: #bbb;
    --logo-color-darkm:white;
    --panel-color-darkm: #222;
    --hover-bg-color:#444;

    /* light mode styles */
    --bgcolor-lightm: white;
    --color-lightm: black;
    --logo-color-lightm:black;
    --panel-color-lightm: blue;
    --hover-bg-color:purple;


    /* These are set by code, but have to be set initially for some reason */
    /*Just make sure they are set to the same as dark mode.*/
    --color: #bbb;
    --bgcolor:#333;
    --logo-color: white;
    --panel-color: #222;
    --hover-bg-color:#444;


    /* general */
    --font-family: Tahoma, Geneva, sans-serif;
    --font-weight: normal;

}