:root {
    --primary-color: #1b458f;
    --primary-color-accent: white;

    /**
     * Advanced:
     * If the above setup is not sufficient, you can temper with the variables below.
     * All of the variables below have a fallback to either primary or primary-accent and can therefore be commented out
     * or in as need be. A brief description will be added to each variable to describe the meaning
     */

    /* Use to style the page background color, falls back to grey */
     --page-bg-color: #F3F3F3;

    /* Use to style the device-count and the pi-charts in the header, falls back to primary color */
     --device-count-color: #a2c1d9;

    /* Use to style the mode-inactive text / icon color for each device, falls back to black */
    /* --mode-inactive-color: purple; */

    /* Use to style the mode-inactive background color for each device, falls back to white */
    /* --mode-inactive-bg-color: lime; */

    /* Use to style the mode-active text / icon color for each device, falls back to white */
    /* --mode-active-color: red; */

    /* Use to style the mode-active background color for each device, falls back to primary-color */
    /* --mode-active-bg-color: blue; */

    /* Use to style the hover-color for the buttons, falls back to grey */
    /* --button-hover-color: black; */
}