::-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; }