:root,
.dark {

    --highlight: 0 0% 70%;

    --background: 0 0% 8%;
    --foreground: 0 0% 95%;

    --card: 0 0% 11%;
    --card-foreground: 0 0% 95%;

    --popover: 0 0% 12%;
    --popover-foreground: 0 0% 95%;

    --primary: 0 0% 75% !important;
    --primary-foreground: 0 0% 10%;

    --secondary: 0 0% 22%;
    --secondary-foreground: 0 0% 85%;

    --muted: 0 0% 14%;
    --muted-foreground: 0 0% 60%;

    --accent: 0 0% 18%;
    --accent-foreground: 0 0% 95%;

    --border:0 0% 20%;
    --input:0 0% 16%;
    --ring:0 0% 55%;
}


/* sidebar */
[class*='study']{
    background:#181818!important;
}

/* toolbar */
header,
[class*='toolbar']{
    background:#1b1b1b!important;
    border-bottom:1px solid #333!important;
}

/* hover */
button:hover{
    background:#2a2a2a!important;
}

/* thumbnail */
[class*='thumbnail']{
    background:#151515!important;
}

[class*='thumbnail']:hover{
    background:#252525!important;
}

/* panel */
aside{
    background:#161616!important;
}

/* viewer */
body{
    background:#111!important;
}