Hello!
I posted briefly about this on the forums, but I feel it should probably be handled properly here.
https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/67?u=mwgmorningwood

I'm running into an issue where my menu (header menu instead of sidebar and user menu both) has 1 opacity, but a background-color value that has max transparency.
This is happening when using the default dark color palette with only the accent colors edited. It looks like this checkbox is what's doing it:

Example of issue:

The second array here worries me as that's a max transparency value.
I'm quite the beginner with CSS so take that with a grain of salt

element.style {
    top: 100%;
    height: auto;
}
.menu-panel.drop-down {
    background-color: rgba(0,15,255,0);
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
}
.menu-panel.drop-down {
    margin-top: 1em;
    border-radius: 0.5em;
    border: none;
}
.hamburger-panel .revamped {
    --d-sidebar-highlight-color: var(--highlight-medium);
    --d-sidebar-row-horizontal-padding: 0.5rem;
    --d-sidebar-row-height: 30px;
    --d-sidebar-row-horizontal-padding: 0.66rem;
    --d-sidebar-row-vertical-padding: 0.33rem;
}
.menu-panel.drop-down {
    position: absolute;
    top: 100%;
    right: -10px;
    max-height: 80vh;
}
.menu-panel {
    border: 1px solid var(--primary-low);
    box-shadow: 0 12px 12px rgb(0 0 0 / 15%);
    background-color: var(--secondary);
    z-index: 1000;
    padding: 0.5em;
    width: 320px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
body, button, div, span, a, img, svg, h1, h2, h3, h4, h5, h6, p, summary, input, textbox, input, textarea, li, ul {
    font-family: "Nunito" !important;
}

Sorry that it's german :D But yeah, I think u can see what the problem is nonetheless.

I've tried fixing it myself, but it didn't work out. It seems like it has something to do with the blur effect of the background. When you disable it, it works perfectly fine. I don't know what you can do to avoid it tho.

Sometimes flairs are placed at pretty weird positions:


But some work just fine as well:

e.g. in this picture

like the title says, when i disabled the option Staff Tag option and saved, then i refreshed the page, but the staff tag is still there