html {
    /* primary theme color. This will affect the entire websites color scheme: links, arrows, labels, ... */
    --primary-color: #102D75;

    /* page base colors */
    --page-foreground-color: #13181B;
    --page-header-background: #102D75;
    --page-header-color: #FFFFFF;
}

#top {
    background: var(--page-header-background);
    border-bottom: 1px solid var(--separator-color);
    background-image: url(https://www.vivoquant.com/img/vq-reverse-transparent-bg.png);
    background-repeat: no-repeat;
    background-size: 32px;
    padding-left: 40px;
    background-position: 20px 8px;
}

#nav-tree .selected a {
    color: var(--primary-color) !important;
}

@media (prefers-color-scheme: dark) {
    html:not(.light-mode) {
        color-scheme: dark;
        --primary-color: #7FA6F5;
        --page-background-color: #13181B;
        --page-foreground-color: #F5F6F6;
    }
}

/* dark mode variables are defined twice, to support both the dark-mode without and with doxygen-awesome-darkmode-toggle.js */

html.dark-mode {
    color-scheme: dark;
    --primary-color: #7FA6F5;
    --page-background-color: #13181B;
    --page-foreground-color: #F5F6F6;
}

#projectname {
    color: var(--page-header-color);
}

#projectnumber {
    color: var(--page-header-color);
}

.sm-dox a, .sm-dox a:focus, .tablist li, .tablist li a, .tablist li.current a {
    color: var(--page-header-color) !important;
}