//Modification for Beetroot based on Elastic skin
//
@import "_colors";

#layout > div > .header {
    color: #fff;
}

.menu.toolbar a {
    color: #fff;
}


#layout > div > .header a.button {
    color: #fff;
}

.popover .menu li a {
    color: #2c363a;
}


/* login page */

.task-login #logo {
    filter: invert(91%) sepia(52%) saturate(2742%) hue-rotate(312deg) brightness(95%) contrast(93%);
}

& when (@dark-mode-enabled = true) {
    @import "_dark";
}
