176 lines
4.1 KiB
CSS
176 lines
4.1 KiB
CSS
.setting__style--style-archaic {
|
|
background-color: #000;
|
|
color: #fff
|
|
}
|
|
|
|
.umi--archaic {
|
|
background-color: #000;
|
|
color: #fff;
|
|
scrollbar-color: #212121 #000;
|
|
}
|
|
|
|
.umi--archaic .chat {
|
|
box-shadow: 0 0 0 1px #888;
|
|
background-color: #000
|
|
}
|
|
|
|
.umi--archaic .chat .message__avatar {
|
|
background-color: #111
|
|
}
|
|
|
|
.umi--archaic .chat .message__time {
|
|
color: #888
|
|
}
|
|
|
|
.umi--archaic .chat .message--first:not(:first-child) {
|
|
border-color: #222
|
|
}
|
|
|
|
.umi--archaic .chat--compact .message:nth-child(even) {
|
|
background-color: #212121
|
|
}
|
|
|
|
.umi--archaic .chat--compact .message__user:after {
|
|
color: #fff
|
|
}
|
|
|
|
.umi--archaic .chat--compact .message--highlight {
|
|
background-color: #3a3a3a
|
|
}
|
|
|
|
.umi--archaic .sidebar {
|
|
box-shadow: 0 0 0 1px #888
|
|
}
|
|
|
|
.umi--archaic .sidebar__selector {
|
|
background: linear-gradient(90deg, #212121, #212121) #212121
|
|
}
|
|
|
|
.umi--archaic .sidebar__selector-mode--attention {
|
|
text-shadow: 0 0 10px #888
|
|
}
|
|
|
|
.umi--archaic .sidebar__selector-mode:hover {
|
|
background-color: #1a1a1a
|
|
}
|
|
|
|
.umi--archaic .sidebar__selector-mode:active {
|
|
background-color: #111
|
|
}
|
|
|
|
.umi--archaic .sidebar:not(.sidebar--closed) .sidebar__selector-mode--active {
|
|
background-color: #111 !important
|
|
}
|
|
|
|
.umi--archaic .sidebar__menus {
|
|
background-color: #000
|
|
}
|
|
|
|
.umi--archaic .sidebar__channel {
|
|
background: linear-gradient(270deg, transparent 0, #000 40%) transparent
|
|
}
|
|
|
|
.umi--archaic .sidebar__channel--current {
|
|
background: linear-gradient(270deg, transparent 0, #212121 40%) transparent
|
|
}
|
|
|
|
.umi--archaic .sidebar__channel--unread {
|
|
background-color: #000
|
|
}
|
|
|
|
.umi--archaic .sidebar__user {
|
|
background: linear-gradient(270deg, transparent 0, #000 40%) transparent
|
|
}
|
|
|
|
.umi--archaic .sidebar__user:first-child {
|
|
background: linear-gradient(270deg, transparent 0, #212121 40%) transparent
|
|
}
|
|
|
|
.umi--archaic .sidebar__user-option {
|
|
transition: background .2s
|
|
}
|
|
|
|
.umi--archaic .sidebar__user-option:hover {
|
|
background: rgba(0, 0, 0, 0.5)
|
|
}
|
|
|
|
.umi--archaic .input__text,
|
|
.umi--archaic .input__button {
|
|
color: #fff;
|
|
transition: background .1s;
|
|
border-color: #000
|
|
}
|
|
|
|
.umi--archaic .input__text,
|
|
.umi--archaic .input__button {
|
|
background-color: #000
|
|
}
|
|
|
|
.umi--archaic .input__button--send {
|
|
background-color: #111
|
|
}
|
|
|
|
.umi--archaic .input__button:hover {
|
|
background-color: #333
|
|
}
|
|
|
|
.umi--archaic .input__button--active,
|
|
.umi--archaic .input__button:active {
|
|
background-color: #222
|
|
}
|
|
|
|
.umi--archaic .input__main {
|
|
box-shadow: 0 0 0 1px #888
|
|
}
|
|
|
|
.umi--archaic .input__menus {
|
|
background-color: #000;
|
|
box-shadow: 0 0 0 1px #888
|
|
}
|
|
|
|
.umi--archaic .setting__category-title {
|
|
background: linear-gradient(270deg, #212121, #212121) #212121
|
|
}
|
|
|
|
.umi--archaic .setting__container--select .setting__input,
|
|
.umi--archaic .setting__container--text .setting__input,
|
|
.umi--archaic .setting__container--number .setting__input,
|
|
.umi--archaic .setting__container--button .setting__input {
|
|
border: 1px solid #888;
|
|
background-color: #000;
|
|
color: #fff;
|
|
transition: background .1s
|
|
}
|
|
|
|
.umi--archaic .setting__container--select .setting__input:hover,
|
|
.umi--archaic .setting__container--text .setting__input:hover,
|
|
.umi--archaic .setting__container--number .setting__input:hover,
|
|
.umi--archaic .setting__container--button .setting__input:hover,
|
|
.umi--archaic .setting__container--select .setting__input:active,
|
|
.umi--archaic .setting__container--text .setting__input:active,
|
|
.umi--archaic .setting__container--number .setting__input:active,
|
|
.umi--archaic .setting__container--button .setting__input:active,
|
|
.umi--archaic .setting__container--select .setting__input:focus,
|
|
.umi--archaic .setting__container--text .setting__input:focus,
|
|
.umi--archaic .setting__container--number .setting__input:focus,
|
|
.umi--archaic .setting__container--button .setting__input:focus {
|
|
background-color: #000
|
|
}
|
|
|
|
.umi--archaic .markup__button {
|
|
color: #fff;
|
|
background-color: #111
|
|
}
|
|
|
|
.umi--archaic .markup__button:hover {
|
|
background-color: #333
|
|
}
|
|
|
|
.umi--archaic .markup__button:active {
|
|
background-color: #222
|
|
}
|
|
|
|
.umi--archaic .markup__link {
|
|
color: #1e90ff
|
|
}
|