:root {
    --desktop-bg-hi     : #044;
    --desktop-bg-lo     : #011;
    --icon-fg           : #f0f0f0;
    --icon-bg           : transparent;
    --icon-fg-focus     : #f0f0f0;
    --icon-bg-focus     : #20208040;
    --icon-border       : transparent;
    --icon-border-focus : #8af;
}

body {
    background          : linear-gradient(45deg, var(--desktop-bg-hi), var(--desktop-bg-lo)) !important;
}

background {
    background-image    : url('/static/img/bg.png'); 
    background-size     : cover;
    mix-blend-mode      : multiply;
    opacity             : 0.1;
    pointer-events      : none;
    width               : 100%;
    height              : 100%;
    position            : fixed;
    top                 : 0px;
    left                : 0px;
}

icon {
    width               : 64px;
    height              : 64px;
    color               : var(--icon-fg) !important;
    background          : var(--icon-bg) !important;
    overflow            : visible;
    text-align          : center !important;
    margin              : 0 auto;
    border              : 1px var(--icon-border) dashed !important;
}

icon:active {
    color               : var(--icon-fg-focus) !important;
    background          : var(--icon-bg-focus) !important;
    border              : 1px var(--icon-border-focus) dashed !important;
}