.setting__style--style-light {
    background-color: #eee;
    color: #000
}

.umi--light {
    background-color: #fff;
    color: #000;
    scrollbar-color: #ddd #eee;
}

.umi--light .chat {
    box-shadow: 0 1px 4px #eee;
    background-color: #eee
}

.umi--light .chat .message__avatar {
    background-color: #fff
}

.umi--light .chat .message__time {
    color: #777
}

.umi--light .chat .message--first:not(:first-child) {
    border-color: #ddd
}

.umi--light .chat--compact .message:nth-child(even) {
    background-color: #dedede
}

.umi--light .chat--compact .message__user:after {
    color: #000
}

.umi--light .chat--compact .message--highlight {
    background-color: #d9d9d9
}

.umi--light .sidebar {
    box-shadow: 0 1px 4px #eee
}

.umi--light .sidebar__selector {
    background: linear-gradient(90deg, #dedede, #e9e9e9) #dedede
}

.umi--light .sidebar__selector-mode--attention {
    text-shadow: 0 0 10px #96b6d3
}

.umi--light .sidebar__selector-mode:hover {
    background-color: #ddd
}

.umi--light .sidebar__selector-mode:active {
    background-color: #eee
}

.umi--light .sidebar:not(.sidebar--closed) .sidebar__selector-mode--active {
    background-color: #eee !important
}

.umi--light .sidebar__menus {
    background-color: #eee
}

.umi--light .sidebar__channel {
    background: linear-gradient(270deg, transparent 0, #eee 40%) transparent
}

.umi--light .sidebar__channel--current {
    background: linear-gradient(270deg, transparent 0, #ddd 40%) transparent
}

.umi--light .sidebar__channel--unread {
    background-color: #bbb
}

.umi--light .sidebar__user {
    background: linear-gradient(270deg, transparent 0, #eee 40%) transparent
}

.umi--light .sidebar__user:first-child {
    background: linear-gradient(270deg, transparent 0, #ddd 40%) transparent
}

.umi--light .sidebar__user-option {
    transition: background .2s
}

.umi--light .sidebar__user-option:hover {
    background: rgba(255, 255, 255, 0.5)
}

.umi--light .input__text,
.umi--light .input__button {
    color: #000;
    transition: background .1s;
    border-color: #ddd
}

.umi--light .input__text,
.umi--light .input__button {
    background-color: #eee
}

.umi--light .input__button--send {
    background-color: #ddd
}

.umi--light .input__button:hover {
    background-color: #d9d9d9
}

.umi--light .input__button--active,
.umi--light .input__button:active {
    background-color: #e9e9e9
}

.umi--light .input__main {
    box-shadow: 0 1px 4px #eee
}

.umi--light .input__menus {
    background-color: #ddd;
    box-shadow: 0 1px 4px #ddd
}

.umi--light .setting__category-title {
    background: linear-gradient(270deg, #ddd, #eee) #ddd
}

.umi--light .setting__container--select .setting__input,
.umi--light .setting__container--text .setting__input,
.umi--light .setting__container--number .setting__input,
.umi--light .setting__container--button .setting__input {
    border: 1px solid #ccc;
    background-color: #eee;
    color: #000;
    transition: background .1s
}

.umi--light .setting__container--select .setting__input:hover,
.umi--light .setting__container--text .setting__input:hover,
.umi--light .setting__container--number .setting__input:hover,
.umi--light .setting__container--button .setting__input:hover,
.umi--light .setting__container--select .setting__input:active,
.umi--light .setting__container--text .setting__input:active,
.umi--light .setting__container--number .setting__input:active,
.umi--light .setting__container--button .setting__input:active,
.umi--light .setting__container--select .setting__input:focus,
.umi--light .setting__container--text .setting__input:focus,
.umi--light .setting__container--number .setting__input:focus,
.umi--light .setting__container--button .setting__input:focus {
    background-color: #ddd
}

.umi--light .markup__button {
    color: #000;
    background-color: #ccc
}

.umi--light .markup__button:hover {
    background-color: #bbb
}

.umi--light .markup__button:active {
    background-color: #c9c9c9
}

.umi--light .markup__link {
    color: #1e90ff
}
