whisper.cat/weboasis/themes-plugins-source/rocketchat-dark-mode-master/rocket.chat.old.css
2023-10-05 23:28:32 +11:00

1129 lines
26 KiB
CSS

::-webkit-input-placeholder {
color: #5b6068 !important;
}
:-moz-placeholder {
color: #5b6068 !important;
}
::-moz-placeholder {
color: #5b6068 !important;
}
:-ms-input-placeholder {
color: #5b6068 !important;
}
:root:root {
--badge-unread-background: #7289da;
--rc-color-button-primary: #7289da;
--rc-color-primary: #c2c3c5;
--rc-color-primary-lightest: #2f3236;
--rc-color-primary-dark: #2c2e32;
--rc-color-primary-darkest: #282a2e;
--status-online: #43b581;
--status-away: #fcb316;
--status-busy: #f04747;
--status-invisible: #bbb;
--popover-background: #2a2c31;
--popover-title-color: #bbb;
--popover-item-color: #bbb;
--popover-divider-color: #26282c;
--sidebar-background: #2f3136;
--badge-background: #3e4147;
--sidebar-item-hover-background: #292b2f;
--sidebar-item-popup-background: #292b2f;
--message-box-container-border-color: #505257;
--rc-color-error: #f04747;
--create-channel-title-color: #c2c3c5;
--tags-border-color: #505257;
--popup-list-background: #2a2c31;
--popup-list-name-color: #bbb;
--popup-list-background-hover: #7289da;
--popup-list-selected-background: #7289da;
--tags-text-color: #fff;
--tags-background: #7289da;
--message-box-markdown-color: #c2c3c5;
--message-box-markdown-hover-color: #5f6164;
--message-box-user-typing-user-color: #7289da;
--header-background-color: #36393e;
--header-title-username-color-darker: #c2c3c5;
--color-darkest: #7c7e81;
--tooltip-background: #2a2c31;
--rc-color-alert-message-primary-background: #2a2c31;
--rc-color-alert-message-secondary-background: #2a2c31;
--chip-background: #7289da;
--header-title-status-color: #9a9c9f;
--color-gray-lightest: #c2c3c5;
}
.color-primary-font-color {
color: #c2c3c5;
}
html,
body,
.content-background-color,
.loading-animation,
.full-page,
.page-loading {
background-color: #36393e;
}
.rc-old #login-card {
background-color: #2a2c31;
}
.secondary-background-color {
background-color: #2a2c31;
}
.border-secondary-background-color {
border-color: #3d4048;
}
.border-component-color {
border: #313338;
}
.background-component-color,
.background-primary-action-color {
background-color: #7289da;
}
.background-info-font-color,
.background-transparent-darker-before::before {
background-color: #7289da;
}
.secondary-font-color {
color: #e2e7f7;
}
.button,
.button.primary,
.rc-button {
background-color: #7289da;
color: #e2e7f7;
border: none;
}
.button:hover,
.button.primary:hover,
.rc-button:hover {
color: #e2e7f7;
background-color: #5873d3;
opacity: 1 !important;
}
.button[disabled],
.button.primary[disabled],
.rc-button[disabled] {
background-color: #54618c;
color: #8c909a;
}
.rc-button--outline {
background-color: transparent;
border: 2px solid #7289da;
color: #7289da;
}
.rc-button--outline:hover {
background-color: transparent;
border-color: #5873d3;
color: #5873d3;
}
.rc-button--outline[disabled] {
background-color: transparent;
border-color: #54618c;
color: #54618c;
}
.button.danger,
.rc-button--cancel {
background-color: #f04747;
color: #fcdada;
}
.button.danger:hover,
.rc-button--cancel:hover {
background-color: #ee2a2a;
color: #fcdada;
opacity: 1 !important;
}
.button.danger[disabled],
.rc-button--cancel[disabled] {
background-color: #934042;
color: #99898c;
}
.rc-button--cancel.rc-button--outline {
background-color: transparent;
border: 2px solid #f04747;
color: #f04747;
}
.rc-button--cancel.rc-button--outline:hover {
background-color: transparent;
border-color: #ee2a2a;
color: #ee2a2a;
}
.rc-button--cancel.rc-button--outline[disabled] {
background-color: transparent;
border-color: #934042;
color: #934042;
}
.button.secondary,
.rc-button--secondary {
background-color: #bbb;
color: #2a2c31;
}
.button.secondary:hover,
.rc-button--secondary:hover {
background-color: #a8a8a8;
color: #2a2c31;
opacity: 1 !important;
}
.button.secondary[disabled],
.rc-button--secondary[disabled] {
background-color: #787a7c;
color: #32353a;
}
.loading-animation > div,
.main-content .loading-animation > div,
.flex-tab .loading-animation > div {
background-color: #bbb;
}
.rc-old .fixed-title,
.rc-header {
border-bottom: 1px solid #313338;
-webkit-box-shadow: none;
box-shadow: none;
}
.messages-container .footer {
background: transparent;
border-top-style: solid;
border-top-width: 1px;
-webkit-box-shadow: 0 1px 2px -1px #424449;
box-shadow: 0 1px 2px -1px #424449;
}
.messages-box .start {
color: #888;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
}
.message a {
color: #7289da;
}
.message a:hover {
color: #5873d3;
}
.message .mention-link {
background-color: transparent;
}
.avatar {
-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
}
.sidebar {
-webkit-box-shadow: 1px 0 2px -1px rgba(0,0,0,0.5);
box-shadow: 1px 0 2px -1px rgba(0,0,0,0.5);
border-right: 1px solid #2f3136;
}
.rc-old .flex-tab-container .flex-tab-bar {
background-color: #2f3136;
border-left: 1px solid #313338;
-webkit-box-shadow: -1px 0 2px -1px rgba(0,0,0,0.5);
box-shadow: -1px 0 2px -1px rgba(0,0,0,0.5);
}
.rc-old .flex-tab-container .flex-tab-bar .tab-button-icon {
color: #bbb;
fill: #bbb;
}
.rc-old .flex-tab-container .flex-tab-bar .tab-button:hover,
.rc-old .flex-tab-container .flex-tab-bar .tab-button.active {
background-color: #2f3136;
}
.flex-tab .content,
.flex-tab .user-view,
.flex-tab .list-view,
.contextual-bar,
.rc-user-info-container {
background-color: #2f3136;
}
.rc-user-info-details {
background-color: #2F3136;
}
.rc-user-info-details__info {
color: #bbb;
font-size: 0.9em;
}
.rc-user-info-details__label {
font-size: 1em;
margin-bottom: 0.5em;
}
.flex-tab input:focus,
.flex-tab select:focus,
.flex-tab textarea:focus {
border-color: #565d71;
}
.flex-tab .channel-settings .button,
.flex-tab .channel-settings .buttons .button {
background-color: #2a2c31;
color: #bbb;
}
.flex-tab .channel-settings .button:hover,
.flex-tab .channel-settings .buttons .button:hover {
background-color: #26282c;
color: #c2c2c2;
}
input,
select,
textarea,
.rc-input__element,
.emoji-top .emoji-filter .search,
.rc-tags,
.flex-tab .channel-settings .editing,
.rc-old select,
.rc-old input[type="text"],
.rc-old input[type="number"],
.rc-old input[type="email"],
.rc-old input[type="url"],
.rc-old input[type="password"],
.rc-old #login-card .input-line input,
.rc-old #login-card .input-line select {
background-color: #303337;
border: 2px solid #505257;
border-radius: 2px !important;
}
input:focus,
select:focus,
textarea:focus,
.rc-input__element:focus,
.emoji-top .emoji-filter .search:focus,
.rc-tags:focus,
.flex-tab .channel-settings .editing:focus,
.rc-old select:focus,
.rc-old input[type="text"]:focus,
.rc-old input[type="number"]:focus,
.rc-old input[type="email"]:focus,
.rc-old input[type="url"]:focus,
.rc-old input[type="password"]:focus,
.rc-old #login-card .input-line input:focus,
.rc-old #login-card .input-line select:focus {
border-color: #565d71 !important;
}
input[disabled],
select[disabled],
textarea[disabled],
.rc-input__element[disabled],
.emoji-top .emoji-filter .search[disabled],
.rc-tags[disabled],
.flex-tab .channel-settings .editing[disabled],
.rc-old select[disabled],
.rc-old input[type="text"][disabled],
.rc-old input[type="number"][disabled],
.rc-old input[type="email"][disabled],
.rc-old input[type="url"][disabled],
.rc-old input[type="password"][disabled],
.rc-old #login-card .input-line input[disabled],
.rc-old #login-card .input-line select[disabled] {
background-color: #43474d;
border-color: #606369;
}
input,
select,
textarea,
.rc-input__element,
.toolbar .rc-input__element {
color: #b8b9bb;
}
.message.new-day::before {
background-color: #36393e;
color: #727477;
}
.message.new-day::after {
border-color: #3e4045;
}
.flex-tab .message.new-day::before {
background-color: #2f3136;
color: #4e4f54;
}
.flex-tab .message.new-day::after {
border-color: #37393e;
}
.rc-old .list-view.uploaded-files-list .file-name {
color: #7289da;
border-bottom-color: #393b41;
}
.rc-old .list-view.uploaded-files-list .file-name:hover {
color: #8095de;
text-decoration: none;
}
.message a i,
.flex-tab a i,
.message a[class^="icon-"],
.flex-tab a[class^="icon-"] {
color: #686d78;
}
.message a i:hover,
.flex-tab a i:hover,
.message a[class^="icon-"]:hover,
.flex-tab a[class^="icon-"]:hover {
color: #7c818d;
}
code,
.rc-old .code-colors {
background-color: #2a2c31;
border-color: #282a2f;
border-radius: 2px;
color: #c2c3c5;
font-weight: 400;
}
.filter-item {
border-color: #838383;
}
.filter-item .category-link {
color: #838383;
}
.filter-item:hover {
border-color: #a8a8a8;
}
.filter-item:hover .category-link {
color: #a8a8a8;
}
.filter-item.active {
border-color: #7289da;
}
.filter-item.active .category-link {
color: #7289da;
}
.emoji-picker .emojis .emoji-list li:hover {
background-color: #222327;
}
.rc-old .message {
margin-top: 40px;
}
.rc-old .message .message-actions {
bottom: 4px;
top: auto;
}
.rc-old .message::after {
border-top: 1px solid #3f4349;
content: " ";
display: block;
left: 0;
pointer-events: none;
position: absolute;
top: -20px;
width: 100%;
}
.rc-old .message.sequential {
padding-top: 0;
margin-top: 0;
}
.rc-old .message.sequential::after {
display: none;
}
.rc-old .message.sequential .message-actions {
bottom: auto;
top: 0;
}
.rc-old .message.first-unread .body::before {
background-color: #7289da;
top: -20px;
}
.rc-old .message.first-unread .body::after {
background-color: #36393e;
color: #7289da;
top: -25px;
}
.rc-old .message.first-unread.sequential {
margin-top: 10px;
}
.rc-old .message.first-unread.sequential .body::before {
top: -6px;
}
.rc-old .message.first-unread.sequential .body::after {
top: -12px;
}
.rc-old .message.first-unread.new-day::before {
color: #7289da;
}
.rc-old .message.first-unread.new-day::after {
border-color: #7289da;
}
.rc-old .compact .message {
min-height: 0;
padding-top: 2px;
padding-bottom: 2px;
}
.rc-old .compact .message .message-actions {
bottom: 0;
}
.message .reactions > li {
background-color: #2a2c31;
border-color: #2a2c31;
color: #7289da;
}
.message .reactions > li.selected {
background-color: #2a2c31;
background-color: #7289da;
border-color: #7289da;
color: #fff;
}
.message .reactions > li.add-reaction {
border: none;
}
.input.checkbox.toggle label:before,
.rc-switch__button,
.rc-switch--blue .rc-switch__button {
background-color: #bbb;
border-color: #bbb;
}
.input.checkbox.toggle input:checked + label:before,
.flex-nav .input.checkbox.toggle input:checked + label:before,
.rc-switch__input:checked + .rc-switch__button,
.rc-switch--blue .rc-switch__input:checked + .rc-switch__button {
background-color: #7289da;
border-color: #7289da;
}
.rc-old .list-view > .title .see-all {
text-decoration: none;
}
.rc-old .list-view > .title .see-all:hover {
text-decoration: underline;
}
.upload-progress .upload-progress-progress {
background-color: #7289da;
}
.upload-progress .upload-progress-text {
color: #42495d;
}
.upload-progress button {
color: #42495d;
}
.upload-progress button:hover {
color: #fff;
}
.rc-modal {
background-color: #2a2c31;
}
.rc-modal__footer {
background-color: #26282c;
}
.sweet-alert {
background-color: #2a2c31;
}
.sweet-alert h2,
.sweet-alert p {
color: #bbb;
}
.sweet-alert input {
border-color: #323439;
color: #bbb;
background-color: #26282c;
}
.sweet-alert input:focus {
border-color: #565d71;
-webkit-box-shadow: none;
box-shadow: none;
color: #eee;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert background-color darken(component-bg,
.sweet-alert 10%),
.sweet-alert .sa-icon.sa-success::after {
background-color: #2a2c31;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
background-color: #2a2c31;
}
.sweet-alert button.confirm {
background-color: #7289da !important;
color: #e2e7f7 !important;
}
.sweet-alert button.confirm:hover {
color: #e2e7f7 !important;
background-color: #5873d3 !important;
}
.sweet-alert button.cancel {
background-color: #bbb;
color: #2a2c31;
}
.sweet-alert button.cancel:hover {
background-color: #a8a8a8;
}
.message.editing,
.rc-message-box__container.editing,
.messages-box.selectable .selected {
background-color: #3c414d;
}
.preferences-page__header {
border-bottom: 1px solid #313338;
-webkit-box-shadow: none;
box-shadow: none;
color: #c2c3c5;
}
.rc-form-legend,
.rc-form-label {
color: #c2c3c5;
}
.rc-switch__text {
color: #c2c3c5;
}
.rc-popup-list__item.selected .rc-popup-list__item-name,
.rc-popup-list__item:hover .rc-popup-list__item-name {
color: #fff;
}
.message-popup {
background-color: #2a2c31;
}
.rc-old .message-popup-title {
font-weight: 700;
}
.rc-old .popup-item.selected {
background-color: #7289da;
}
.rc-room-actions {
color: var(--color-darkest);
}
.sidebar-item__menu-icon {
fill: currentColor;
}
.rc-input__icon,
.rc-message-box .rc-icon,
.rc-message-box__toolbar-markdown-link {
color: #7c7e81;
}
.rc-input__icon:hover,
.rc-message-box .rc-icon:hover,
.rc-message-box__toolbar-markdown-link:hover {
color: #96989a;
fill: #96989a;
}
.contextual-bar .rc-popup-list__list {
background-color: #2a2c31;
}
@media (max-width: 500px) {
.rc-message-box {
margin-top: 0;
}
.rc-message-box__container {
border: none;
}
}
.flex-tab .channel-settings .buttons {
bottom: 1px;
top: 0;
}
.flex-tab .channel-settings .buttons .button {
padding: 7px;
}
.rc-old #login-card .input-line .input-error {
color: #f04747;
}
.burger i {
background-color: #c2c3c5;
}
.unread-bar,
.unread-bar button {
color: #fff;
}
.unread-bar button:hover {
color: #e2e7f7;
}
.rc-old .announcement {
background-color: #7289da;
}
.rc-user-info__row--separator {
border-color: #44474e;
margin-bottom: 4px;
}
.rc-select {
border-color: #505257;
cursor: pointer;
}
.rc-select select {
border: none;
}
.rc-user-info__config-value,
.rc-popover__item-radio:checked + .rc-popover__item-radio-label {
color: #7289da;
}
.rc-popover__item-radio-label::after {
background-color: #7289da;
}
.rc-user-info__config-name,
.rc-user-info__config-content-icon {
color: #bbb;
}
.rc-old .flex-tab-container .flex-tab .content .section {
background-color: #2a2c31;
border: none;
color: #bbb;
}
.rc-old .flex-tab-container .flex-tab .content .section hr,
.contextual-bar__content .section hr {
background-color: #313338;
border: none;
height: 1px;
}
.rc-old .flex-tab-container .flex-tab .content .section kbd,
.contextual-bar__content .section kbd {
background-color: #26272b;
padding: 2px;
}
.rc-member-list__user.active,
.rc-member-list__user:hover {
background-color: #353946;
}
.rc-member-list__counter {
color: #bbb;
}
.rc-user-info__scroll .rc-switch-double__label.disabled {
color: #595a5d;
}
.rc-user-info__scroll .rc-switch-double__label {
color: #bbb;
}
.channel-settings .rc-switch-double__label {
color: #595a5d;
}
.channel-settings .rc-switch-double__label.disabled {
color: #bbb;
}
.attachments__name {
color: #c2c3c5;
}
.attachments__item:hover {
background-color: #2a2c31;
}
.rc-table {
color: #c2c3c5;
}
.rc-table-body .rc-table-tr:hover {
background-color: #2a2c31;
}
.message .info .is-bot,
.message .info .role-tag {
background-color: #7289da;
color: #fff;
}
.message .body > table tr {
border-top-color: #24252a;
background-color: #2a2c31;
}
.message .body > table tr {
background-color: #2a2c31;
}
.message .body > table tr:nth-child(2n) {
background-color: #282a2f;
}
.message .body > table tr td,
.message .body > table tr th {
border-color: #24252a;
}
.rc-old .page-settings .section,
.rc-old .page-container table {
background-color: #2a2c31;
}
.rc-old .page-settings .section {
border: none;
}
.rc-old .page-container table {
margin-top: 10px;
}
.rc-old .page-container table .admin-table-row,
.rc-old .page-container table th {
background-color: transparent;
}
.rc-old .page-container table th {
border-bottom: 1px solid #27282d;
}
.rc-old .page-container table tr:hover th {
background-color: #27282d;
}
.rc-old .page-container table tr:hover td {
background-color: #25262b;
}
.rc-old .page-container table thead th,
.rc-old .page-container table thead td {
background-color: transparent !important;
}
:root:root {
--flex-nav-background: #2f3136;
--sidebar-background-light: #2f3136;
--sidebar-background-light-hover: #282a2e;
}
.sidebar-light .sidebar-item {
color: #bbb;
}
.sidebar-flex__search .rc-input__element {
background-color: #26272b;
color: #b8b9bb;
}
.page-container a:not(.button):not(.rc-button) {
color: #7289da !important;
}
.page-container a:not(.button):not(.rc-button):hover {
color: #5873d3 !important;
}
.page-list a.button,
.page-settings a.button {
color: #e2e7f7;
}
.page-list a.button:hover,
.page-settings a.button:hover {
color: #e2e7f7;
}
.rc-old .page-settings .section-content .input-line {
border-color: #3d4048;
}
.rc-old .fixed-title,
.rc-old .page-list .results {
border-color: #313338;
}
.pending-background {
background-color: transparent;
border: none;
}
.rc-old .page-static .content .section .section-content {
background-color: #2a2c31;
}
.range-slider-range {
background-color: #36383d;
border-color: #36383d;
}
.range-slider-range::-webkit-slider-thumb {
background-color: #7289da;
}
.range-slider-range::-webkit-slider-thumb:hover,
.range-slider-range::-webkit-slider-thumb:active {
background-color: #5873d3;
}
.range-slider-range::-moz-range-thumb {
background-color: #7289da;
}
.range-slider-range::-moz-range-thumb:hover,
.range-slider-range::-moz-range-thumb:active {
background-color: #5873d3;
}
.range-slider-value {
background-color: #7289da;
}
.range-slider-value:after {
border-right-color: #7289da;
}
.admin-integrations-new-panel .admin-integrations-new-item {
border-color: #313338;
color: #bbb;
}
.admin-integrations-new-panel .admin-integrations-new-item:hover {
background-color: #27282d;
}
.rc-old .page-settings .section .message.new-day::before {
background-color: #2a2c31;
}
.rc-old .page-settings .section .attachment-block-border {
background-color: #7289da !important;
}
.rc-old .page-container .content .rocket-form fieldset small {
color: #c2c3c5;
}
.input-line.setting-changed > label {
color: #7289da;
}
.rc-old .select-arrow {
color: #bbb;
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
background-color: rgba(0,0,0,0.05) !important;
}
::-webkit-scrollbar-thumb {
background-color: #2a2c31;
}
.CodeMirror.CodeMirror {
background: #151515;
color: #e0e0e0;
}
.CodeMirror.CodeMirror div.CodeMirror-selected {
background: #303030;
}
.CodeMirror.CodeMirror .CodeMirror-line::-moz-selection,
.CodeMirror.CodeMirror .CodeMirror-line > span::-moz-selection,
.CodeMirror.CodeMirror .CodeMirror-line > span > span::-moz-selection {
background: rgba(48,48,48,0.99);
}
.CodeMirror.CodeMirror .CodeMirror-line::selection,
.CodeMirror.CodeMirror .CodeMirror-line > span::selection,
.CodeMirror.CodeMirror .CodeMirror-line > span > span::selection {
background: rgba(48,48,48,0.99);
}
.CodeMirror.CodeMirror .CodeMirror-line::-moz-selection,
.CodeMirror.CodeMirror .CodeMirror-line > span::-moz-selection,
.CodeMirror.CodeMirror .CodeMirror-line > span > span::-moz-selection {
background: rgba(48,48,48,0.99);
}
.CodeMirror.CodeMirror .CodeMirror-gutters {
background: #151515;
border-right: 0px;
}
.CodeMirror.CodeMirror .CodeMirror-guttermarker {
color: #ac4142;
}
.CodeMirror.CodeMirror .CodeMirror-guttermarker-subtle {
color: #505050;
}
.CodeMirror.CodeMirror .CodeMirror-linenumber {
color: #505050;
}
.CodeMirror.CodeMirror .CodeMirror-cursor {
border-left: 1px solid #b0b0b0 !important;
}
.CodeMirror.CodeMirror span.cm-comment {
color: #8f5536;
}
.CodeMirror.CodeMirror span.cm-atom {
color: #aa759f;
}
.CodeMirror.CodeMirror span.cm-number {
color: #aa759f;
}
.CodeMirror.CodeMirror span.cm-property,
.CodeMirror.CodeMirror span.cm-attribute {
color: #90a959;
}
.CodeMirror.CodeMirror span.cm-keyword {
color: #ac4142;
}
.CodeMirror.CodeMirror span.cm-string {
color: #f4bf75;
}
.CodeMirror.CodeMirror span.cm-variable {
color: #90a959;
}
.CodeMirror.CodeMirror span.cm-variable-2 {
color: #6a9fb5;
}
.CodeMirror.CodeMirror span.cm-def {
color: #d28445;
}
.CodeMirror.CodeMirror span.cm-bracket {
color: #e0e0e0;
}
.CodeMirror.CodeMirror span.cm-tag {
color: #ac4142;
}
.CodeMirror.CodeMirror span.cm-link {
color: #aa759f;
}
.CodeMirror.CodeMirror span.cm-error {
background: #ac4142;
color: #b0b0b0;
}
.CodeMirror.CodeMirror .CodeMirror-activeline-background {
background: #202020;
}
.CodeMirror.CodeMirror .CodeMirror-matchingbracket {
text-decoration: underline;
color: #fff !important;
}
.CodeMirror.CodeMirror span.cm-qualifier,
.CodeMirror.CodeMirror .cm-builtin {
color: #d28445;
}
.CodeMirror.CodeMirror .cm-variable-3,
.CodeMirror.CodeMirror .cm-type,
.CodeMirror.CodeMirror .cm-meta {
color: #9cdcfe;
}
.rc-old .page-settings .section-content:nth-child(2) {
padding-top: 0 !important;
}
.rc-old .page-settings .section-content > .button {
margin-top: 20px;
}
.rc-old .page-static .content .section h1 {
margin-top: 0;
padding-left: 0;
}
.input-line textarea {
width: 100%;
}
.rc-old .page-settings .content .rocket-form .submit {
margin-right: 20px;
}
.permissions-manager > a,
.rc-old .page-settings .content > a {
margin-left: 20px;
}
.rc-old .page-settings .section-content .flex-grow-1 + .color-editor > select {
border-left: none;
cursor: pointer;
}
.rc-old .page-settings .section-content .flex-grow-1 > input {
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.sidebar-light .sidebar-item__picture .avatar {
-webkit-box-shadow: none;
box-shadow: none;
}
.page-list a.button {
margin-left: 0;
}
.hljs,
.code-colors.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
color: #abb2bf;
background: #282c34;
}
.hljs .hljs-comment,
.hljs .hljs-quote {
color: #5c6370;
font-style: italic;
}
.hljs .hljs-doctag,
.hljs .hljs-keyword,
.hljs .hljs-formula {
color: #c678dd;
}
.hljs .hljs-section,
.hljs .hljs-name,
.hljs .hljs-selector-tag,
.hljs .hljs-deletion,
.hljs .hljs-subst {
color: #e06c75;
}
.hljs .hljs-literal {
color: #56b6c2;
}
.hljs .hljs-string,
.hljs .hljs-regexp,
.hljs .hljs-addition,
.hljs .hljs-attribute,
.hljs .hljs-meta-string {
color: #98c379;
}
.hljs .hljs-built_in,
.hljs .hljs-class .hljs-title {
color: #e6c07b;
}
.hljs .hljs-attr,
.hljs .hljs-variable,
.hljs .hljs-template-variable,
.hljs .hljs-type,
.hljs .hljs-selector-class,
.hljs .hljs-selector-attr,
.hljs .hljs-selector-pseudo,
.hljs .hljs-number {
color: #d19a66;
}
.hljs .hljs-symbol,
.hljs .hljs-bullet,
.hljs .hljs-link,
.hljs .hljs-meta,
.hljs .hljs-selector-id,
.hljs .hljs-title {
color: #61aeee;
}
.hljs .hljs-emphasis {
font-style: italic;
}
.hljs .hljs-strong {
font-weight: bold;
}
.hljs .hljs-link {
text-decoration: underline;
}
:root:root {
--rooms-list-title-text-size: 0.85rem;
--popover-padding: 10px 0;
}
.rooms-list__type {
padding-bottom: 5px;
}
.rooms-list__type .badge {
margin-left: 5px;
}
.sidebar-item__menu {
display: block;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.sidebar-item:hover .sidebar-item__menu {
opacity: 1;
}
.rc-old .list-view > .title p {
margin-top: 10px;
}
.rc-old .buttons-group {
margin-bottom: 10px;
margin-top: 10px;
}
.rc-tags {
padding-left: 2rem;
}
.rc-tags .rc-tags__tag:first-child {
margin-left: 1rem;
}
.rc-tags--no-icon {
padding: 0;
}
.messages-box ul {
padding-bottom: 20px;
}
.rc-old #login-card .submit {
margin-bottom: 12px;
}
.rc-old #login-card .forgot-password,
.rc-old #login-card .back-to-login {
margin-top: 4px;
}
.rc-old #login-card .input-line label {
margin-left: 0;
}
.rc-old #login-card .input-line .input-error {
font-size: 0.9em;
margin-top: 3px;
padding-left: 0;
}
.upload-progress-progress {
z-index: 999;
}
.messages-box .start {
margin-top: 0;
padding: 20px 0;
}
.contextual-bar__content {
padding-top: 0;
}
.rc-tags__input {
border: none !important;
margin: 0 !important;
}
.rc-old .list-view > .title > p {
margin-top: 0 !important;
}
.rc-popover__title,
.rc-popover__item {
padding-left: 16px;
padding-right: 16px;
}
.rc-popover__title {
margin-top: 6px;
}
.rc-popover__item:hover {
background-color: #26282c;
}
.rc-popover__divider {
margin: 0.5em 0;
}
.rc-old .flex-tab-container .flex-tab .content .section {
margin: 5px 20px;
}
.rc-header__name,
.rc-header__block {
font-size: 1.25rem;
}
.rc-old .popup-user-avatar {
height: 18px;
margin: -4px 4px;
width: 18px;
}
.reply-preview {
background-color: #2a2c31 !important;
}
.reply-preview .message {
margin-top: 0px;
}
.contextual-bar__header {
border-bottom: none;
color: #F2F3F5;
background: #2F3136;
}