Do not disturb mode

[benkeks]

@TallTrees

At a glance the blue moon icon looks a bit like a notification count.

We had the same issue. This is the CSS we added to style the moon gray (assuming default color scheme):

/* Less distracting do-not-disturb */

.do-not-disturb-background .d-icon.d-icon-moon {
    color: var(--primary-high-or-secondary-low) !important;
}
.do-not-disturb-background {
    background-color: var(--primary-med-or-secondary-high) !important;
}