body {
    --highlighted: #f5a93d;
    --navigation: #1d2024;
    --red: #ff104b;
    --white: #18191D;
    --green: #00db48;
    --menu: #434c5e;
    --stroke: #2A2B31;
    --black: #FFF;
    --shaded: #1D2024;
    --formBackground: #1D2024;
    --background: #18191D;
    --mainBackground: var(--navigation);
    --filterBarBackground: #2a2b31;
    --inputBorder: #2a2b31;
    --placeholder: #97a0b2;
    --text: #FFF;
    --tableText: #FFF;
    --subText: #97a0b2;
    --shadow: 0rem 0rem 0.5rem 0.125rem rgba(255,255,255,0.08);
    --shadowColor: rgba(255,255,255,0.08);
    --transition: 0.5s;
    --offWhite: #2A2B31;
    --offWhite_ALWAYS: #e6eced;
    --formFieldBorder: solid 0.125rem var(--stroke);
    --jsonEditorBorder: solid 0.125rem var(--stroke);
    --navItemSelectedColor: #35394c;
    --hoverBackground: #2b2d30;
    --brightnessDark: 1;
    --headerButtonColor: var(--offWhite_ALWAYS);

    // vanilla json editor dark theming
    --jse-key-color: var(--tableText);
    --jse-background-color: var(--navigation);
    --jse-panel-background: var(--background);
    --jse-panel-border: var(--inputBorder);
    --jse-main-border: var(--inputBorder);
    --jse-delimiter-color: var(--tableText);
    --jse-key-color: var(--tableText);
}

.filters .navigate {
    background-color: var(--primary);
}

.title {
    filter: brightness(100%);
}
nav .title {
    filter: brightness(100%);
}

#NotificationsMenu {
    background-color: var(--white);
}

label {
    color: var(--black);
}

.launcher {
    background-color: var(--offWhite);
}

option {
    background-color: var(--shaded);
}

nav .navList .navButton:hover .iconArea {
	box-shadow: 0 0.875rem 1.25rem rgba(255, 255, 255, .05), 0 0.875rem 1.25rem rgba(255, 255, 255, .05);
}