Discord Midnight Glass style

Midnight.css

/*
    https://github.com/tzwel

    Tzwel - Midnight Glass
*/

:root {
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #fff;
    --text-muted: #5e437f;
    --text-link: #4cd7c6;
    --channels-default: #e2b3dc;
    --interactive-normal: #c3bbc8;
    --interactive-hover: #dcddde;
    --interactive-active: #fff;
    --interactive-muted: #5e4a64;
    --background-primary: #161621;
    --background-secondary: #1c1b29;
    --background-secondary-alt: #1c1b29;
    --background-tertiary: #1c1b29;
    --background-accent: #1b1b1b;
    --background-floating: #1b1523;
    --background-mobile-primary: #36393f;
    --background-mobile-secondary: #2f3136;
    --background-modifier-hover: rgba(79,84,92,0.16);
    --background-modifier-active: rgba(79,84,92,0.24);
    --background-modifier-selected: rgba(76,63,92,0.32);
    --background-modifier-accent: hsla(0,0%,100%,0.06);
    --background-mentioned: rgba(250,166,26,0.05);
    --background-mentioned-hover: rgba(250,166,26,0.08);
    --background-message-hover: rgba(4,4,5,0.07);
    --background-help-warning: rgba(250,166,26,0.1);
    --background-help-info: rgba(0,176,244,0.1);
    --scrollbar-thin-thumb: #282031;
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: #e2b3dc;
    --scrollbar-auto-track: #282031;
    --scrollbar-auto-scrollbar-color-thumb: #202225;
    --scrollbar-auto-scrollbar-color-track: #2f3136;
    --elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15);
    --elevation-low: 0 1px 0 rgba(4,4,5,0.2),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05);
    --elevation-medium: 0 4px 4px rgba(0,0,0,0.16);
    --elevation-high: 0 8px 16px rgba(0,0,0,0.24);
    --logo-primary: #fff;
    --focus-primary: #4cd7c6;
    --radio-group-dot-foreground: #8ea1e1;
    --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    --channeltextarea-background: #201f33;
    --activity-card-background: #202225;
    --textbox-markdown-syntax: #8e9297;
    --deprecated-card-bg: rgba(32,34,37,0.6);
    --deprecated-card-editable-bg: rgba(32,34,37,0.3);
    --deprecated-store-bg: #36393f;
    --deprecated-quickswitcher-input-background: #72767d;
    --deprecated-quickswitcher-input-placeholder: hsla(0,0%,100%,0.3);
    --deprecated-text-input-bg: rgba(0,0,0,0.1);
}

body::after {
    letter-spacing: .1rem;
    position: absolute;
    content: "Tzwel";
    right: 0;
    z-index: 99999999;
    bottom: 0;
    color: #966cb79e;
    padding: .4rem;
    margin-bottom: 1.25rem;
    pointer-events: none;
}

body::before {
    letter-spacing: .1rem;
    position: absolute;
    content: "Midnight Glass";
    right: 0;
    z-index: 99999999;
    bottom: 0;
    color: #966cb79e;
    padding: .4rem;
    pointer-events: none;
}

::selection {
  background: #4cd7c6;
  color: #000;
}

section[class*='title-'] {
    z-index: 400; top: 0; height: 40px;
    position: absolute;
    backdrop-filter: blur(11px);
    background: rgb(22 22 33 / 62%) !important;
    padding-right: 40px;
}

a[class*='mainContent-'] {
     padding: 6px 0;
}
    
div[class*='scrollerBase-']#channels {
    padding-top: 40px;
}

header[class*='header-'] {
    backdrop-filter: blur(11px);
    background: rgb(22 22 33 / 62%) !important;
    position: absolute;
    width: 100%;
}

div[class*='members-'] {
    padding-top: 30px;
}

div[class*='autocomplete-'] {
    background: var(--background-floating) !important;
}

div[id*='popout_'] {
    backdrop-filter: blur(7px);
    background: rgba(22, 22, 33, .84) !important;
    border-radius: 8px;
}

div[class*='userPopout'], div[class*='footer'], div[class*='aboutMeSection'] , div[class*='bodyInnerWrapper']{
    background: transparent !important;
    box-shadow: none !important;
}

div[id*='popout_'] {
    backdrop-filter: blur(7px);
    background: rgba(22, 22, 33, .90) !important;
    border-radius: 8px;
}

div[class*='contentWrapper'] {
    backdrop-filter: blur(7px);
    background: rgba(22, 22, 33, .70) !important;
}

div[class*='uploadModal-'] {
    backdrop-filter: blur(7px);
    background: rgba(22, 22, 33, .66) !important;
}