:root.dark {
    --input-red: rgb(115, 48, 45);
    --input-green: rgb(20, 122, 65);
    --action: rgb(255, 255, 255);
    --background: rgb(0, 0, 0);
    --surfacePrimary: rgb(15, 15, 15);
    --surfaceSecondary: rgb(58, 65, 71);
    --textPrimary: rgba(255, 255, 255, .6);
    --textSecondary: rgba(255, 255, 255, .87);
    --divider: rgba(255, 255, 255, .12);
    --iconPrimary: rgb(255, 255, 255);
    --iconSecondary: rgb(255, 255, 255);
    --iconTertiary: rgb(255, 255, 255);
    --hover: rgba(255, 255, 255, .1);
    --borderPrimary: rgba(255, 255, 255, .05);
    --borderSecondary: rgba(255, 255, 255, .15);
    --dividerPrimary: rgba(30, 30, 30, .4);
    --dividerSecondary: rgba(30, 30, 30, .6);
}

:root {
    --blue: #2196f3;
    --dark-blue: #1e88e5;
    --red: #f44336;
    --dark-red: #d32f2f;
    --moon-grey: #f2f2f2;
    --icon-red: #da4453;
    --icon-orange: #f47750;
    --icon-yellow: #fdbc4b;
    --icon-green: #2ecc71;
    --icon-blue: #1d99f3;
    --icon-violet: #9b59b6;
    --input-red: rgb(252, 208, 205);
    --input-green: rgb(201, 242, 218);
    --item-selected: white;
    --action: rgb(84, 110, 122);
    --background: rgb(250, 250, 250);
    --surfacePrimary: rgb(255, 255, 255);
    --surfaceSecondary: rgb(230, 230, 230);
    --divider: rgba(0, 0, 0, .05);
    --iconPrimary: var(--icon-blue);
    --iconSecondary: rgb(255, 255, 255);
    --iconTertiary: rgb(204, 204, 204);
    --textPrimary: rgb(111, 111, 111);
    --textSecondary: rgb(51, 51, 51);
    --hover: rgba(0, 0, 0, .1);
    --borderPrimary: rgba(0, 0, 0, .1);
    --borderSecondary: rgba(0, 0, 0, .2);
    --dividerPrimary: rgba(255, 255, 255, .4);
    --dividerSecondary: rgba(255, 255, 255, .9);
}

#login {
    background: var(--background);
}

.input {
    border-radius: 9999px;
}

#login form {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

#login img {
    width: 14em;
    height: 6em;
}

.file-icons [data-ext=".aac"] i, .file-icons [data-ext=".bat"] i, .file-icons [data-ext=".cab"] i, .file-icons [data-ext=".cs"] i, .file-icons [data-ext=".dmg"] i, .file-icons [data-ext=".doc"] i, .file-icons [data-ext=".docx"] i, .file-icons [data-ext=".emf"] i, .file-icons [data-ext=".exe"] i, .file-icons [data-ext=".ico"] i, .file-icons [data-ext=".mp2"] i, .file-icons [data-ext=".mp3"] i, .file-icons [data-ext=".mp4"] i, .file-icons [data-ext=".mpg"] i, .file-icons [data-ext=".msi"] i, .file-icons [data-ext=".odt"] i, .file-icons [data-ext=".ps1"] i, .file-icons [data-ext=".rtf"] i, .file-icons [data-ext=".vob"] i, .file-icons [data-ext=".wim"] i {
    color: #d89679;
}

.file-icons [data-dir=true] i {
    color: #d89679;
}

.file-icons [aria-selected=true] i {
    color: var(--iconSecondary);
}

.action .counter {
    background: #d89679;
}
.share__box__icon i {
    font-size: 10em;
    color: #d89679;
}

.button {
    background: #d89679
}

.button--flat {
    background: transparent;
    color: #d89679;
}

#listing .item[aria-selected=true] {
    background: #d89679 !important;
}

#listing #multiple-selection {
    background-color: #d89679;
}

.credits {
    display: none;
}

.dashboard #nav ul li.active {
    border-color: #d89679;
    color: #d89679;
}