mami/src/mami.css/zz_ls_purple.css

176 lines
4.1 KiB
CSS

.setting__style--style-purple {
background-color: #2c2335;
color: #fff
}
.umi--purple {
background-color: #251d2c;
color: #fff;
scrollbar-color: #4a3a59 #2c2335;
}
.umi--purple .chat {
box-shadow: 0 1px 4px #2c2335;
background-color: #2c2335
}
.umi--purple .chat .message__avatar {
background-color: #251d2c
}
.umi--purple .chat .message__time {
color: #888
}
.umi--purple .chat .message--first:not(:first-child) {
border-color: #4a3a59
}
.umi--purple .chat--compact .message:nth-child(even) {
background-color: #4a3a59
}
.umi--purple .chat--compact .message__user:after {
color: #fff
}
.umi--purple .chat--compact .message--highlight {
background-color: #604c74
}
.umi--purple .sidebar {
box-shadow: 0 1px 4px #2c2335
}
.umi--purple .sidebar__selector {
background: linear-gradient(90deg, #4a3a59, #3b2f47) #4a3a59
}
.umi--purple .sidebar__selector-mode--attention {
text-shadow: 0 0 10px #a591ad
}
.umi--purple .sidebar__selector-mode:hover {
background-color: #4a3a59
}
.umi--purple .sidebar__selector-mode:active {
background-color: #3b2f47
}
.umi--purple .sidebar:not(.sidebar--closed) .sidebar__selector-mode--active {
background-color: #3b2f47 !important
}
.umi--purple .sidebar__menus {
background-color: #2c2335
}
.umi--purple .sidebar__channel {
background: linear-gradient(270deg, transparent 0, #2c2335 40%) transparent
}
.umi--purple .sidebar__channel--current {
background: linear-gradient(270deg, transparent 0, #4a3a59 40%) transparent
}
.umi--purple .sidebar__channel--unread {
background-color: #604c74
}
.umi--purple .sidebar__user {
background: linear-gradient(270deg, transparent 0, #2c2335 40%) transparent
}
.umi--purple .sidebar__user:first-child {
background: linear-gradient(270deg, transparent 0, #4a3a59 40%) transparent
}
.umi--purple .sidebar__user-option {
transition: background .2s
}
.umi--purple .sidebar__user-option:hover {
background: rgba(0, 0, 0, 0.5)
}
.umi--purple .input__text,
.umi--purple .input__button {
color: #fff;
transition: background .1s;
border-color: #4a3a59
}
.umi--purple .input__text,
.umi--purple .input__button {
background-color: #2c2335
}
.umi--purple .input__button--send {
background-color: #4a3a59
}
.umi--purple .input__button:hover {
background-color: #7e6397
}
.umi--purple .input__button--active,
.umi--purple .input__button:active {
background-color: #59466b
}
.umi--purple .input__main {
box-shadow: 0 1px 4px #2c2335
}
.umi--purple .input__menus {
background-color: #4a3a59;
box-shadow: 0 1px 4px #4a3a59
}
.umi--purple .setting__category-title {
background: linear-gradient(270deg, #4a3a59, #3b2f47) #4a3a59
}
.umi--purple .setting__container--select .setting__input,
.umi--purple .setting__container--text .setting__input,
.umi--purple .setting__container--number .setting__input,
.umi--purple .setting__container--button .setting__input {
border: 1px solid #604c74;
background-color: #3b2f47;
color: #fff;
transition: background .1s
}
.umi--purple .setting__container--select .setting__input:hover,
.umi--purple .setting__container--text .setting__input:hover,
.umi--purple .setting__container--number .setting__input:hover,
.umi--purple .setting__container--button .setting__input:hover,
.umi--purple .setting__container--select .setting__input:active,
.umi--purple .setting__container--text .setting__input:active,
.umi--purple .setting__container--number .setting__input:active,
.umi--purple .setting__container--button .setting__input:active,
.umi--purple .setting__container--select .setting__input:focus,
.umi--purple .setting__container--text .setting__input:focus,
.umi--purple .setting__container--number .setting__input:focus,
.umi--purple .setting__container--button .setting__input:focus {
background-color: #4a3a59
}
.umi--purple .markup__button {
color: #fff;
background-color: #59466b
}
.umi--purple .markup__button:hover {
background-color: #7e6397
}
.umi--purple .markup__button:active {
background-color: #604c74
}
.umi--purple .markup__link {
color: #1e90ff
}