/*
 * I'm not a fan of the blue, lots of things use blue, so lets change the dark-mode color.
 */
:root.dark {
    --background: rgb(36, 20, 29);
    --surfacePrimary: rgb(47, 32, 41);
    --surfaceSecondary: rgb(71, 58, 65);
    --blue: rgb(81, 68, 75);
    --dark-blue: rgb(171, 158, 165);
    --icon-blue: rgb(171, 158, 165);
    --action: rgb(171, 158, 165);
}
.item[data-dir="true"] .material-icons { color: rgb(171, 158, 165); }
/*
 * Dramatically simplify the share page.
 * Removed all nav, the pointless icon, the QR code, and centers what's left
 */
body:has(.share) {
    padding: 0;
}
body:has(.share) #app{
    min-height: 100vh;
}
body:has(.share) main {
    display: grid;
    min-height: 100vh;
    place-content: center;
}
body:has(.share) header,
body:has(.share) nav,
body:has(.share) .breadcrumbs,
body:has(.share) .share__box__icon,
body:has(.share) .share__box__info > div:last-child,
body:has(.share #shareList) .share__box__info > div:nth-last-child(2),
body:has(.share #shareList) .share__box__info > div:nth-last-child(3) canvas{
    display: none;
}
body:has(.share) main{
    margin: 0 auto 0 auto;
}
body:has(.share) #shareList {
    height: auto;
}