Skip to content

Instantly share code, notes, and snippets.

@SantiagoValdez

SantiagoValdez/SlackDarkCSS

Last active September 23, 2019 21:18
Show Gist options
  • Save SantiagoValdez/e56322a8bf18f1c41d72301432e5237f to your computer and use it in GitHub Desktop.
Save SantiagoValdez/e56322a8bf18f1c41d72301432e5237f to your computer and use it in GitHub Desktop.
Download ZIP
SlackDarkCSS
Raw
SlackDarkCSS
body {
font-family: 'Sans Regular', sans-serif !important;
text-rendering: optimizeLegibility important;
word-spacing: -1px;
-webkit-font-smoothing: auto;
}
.p-context_bar {
color: white !important;
background: #626262 !important;
border: 1px solid black !important;}
.p-classic_nav__model__title__name--dim {
color: #636363 !important;
}
.p-classic_nav__channel_header, .p-classic_nav__right_header{
background:#222222;}
textarea.c-input_textarea.c-input_textarea--with_hint {
color: white;
background: none;}
.c-message__editor__input.focus{
background: transparent;}
.p-channel_details__notification_prefs_section__pref, .p-channel_details__notification_prefs_section__pref_label{
color:white}
.c-select_button {
background-color: black !important;}
.p-classic_nav__model__title__is_you{
Color:white}
.p-classic_nav__model__title__info__secondary_name{
Color:white}
textarea.c-input_textarea.c-input_textarea—with_hint{
background:transparent;}
}
.p-workspace__primary_view_body, .p-classic_nav__channel_header, .p-classic_nav__right_header, .p-classic_nav__channel_header, .p-classic_nav__right_header{
background:#222222}
.p-unreads_view__header{
background: #303030;}
.c-button-unstyled{
color:white}
.p-channel_details__members_dialog__search {
background: #222222;
margin-bottom:0 !important;
padding-bottom:20px !important}
.p-threads_view_empty{
background:#222222;
position: absolute;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;}
.p-channel_details__members_dialog__list--indicate-top {
border-top: transparent !important;}
.p-classic_nav__channel_header__title{
color: white !important;}
.p-classic_nav__model__title__info__members.c-button--focus-visible:focus, .p-classic_nav__model__title__info__members:hover, .p-classic_nav__model__title__info__pins.c-button--focus-visible:focus, .p-classic_nav__model__title__info__pins:hover, .p-classic_nav__model__title__info__shared_teams.c-button--focus-visible:focus, .p-classic_nav__model__title__info__shared_teams:hover{color:white}
.c-pillow_file__snippet__content .CodeMirror{
background-color:black!important}
.p-channel_details__similar_channels_channel :hover {
cursor: pointer;
color: white;}
.c-message__resend_column {
width: 4px;
background-color: #f00 !important;}
.c-message--unprocessed .c-message__body {
animation: none !important;}
.c-select_options_list__option--disabled:hover {
cursor: default;
background-color: #303030;}
.c-base_list_entity--dim {
color: #959595;}
.c-base_list_entity--highlight-dim, .c-base_list_entity--highlight-light{
background: transparent !important}
.c-base_list_entity--highlight-dim {
color: grey;}
ul li {
color:white;}
.c-channel_search__new_feature_alert {
display: flex;
align-items: center;
padding: 12px 16px;
border: 1px solid #000;
border-radius: 8px;
background-color: #3b3b3b;
color: white;}
.p-search_filter__option_label {
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
color: #36D4F6 !important;}
.workspace__primary_view_footer{
background:#222222 !important
}
.p-app_dialog__title_text{
color:white !important}
.p-call_subtype__description {
font-size: 15px;
line-height: 1.46668;
font-weight: 400;
color: #c0bfc0;}
.c-unified_member__secondary-name--small, .c-usergroup__description--small{
color:white !important}
.p-dm_browser_modal__list_row--active {
background-color:black !important;}
.c-sk-modal_header, .c-sk-modal_footer{
background:#222222 !important}
.p-call_subtype__body, .p-call_subtype__footer {
border-top: 1px solid #ddd;
background-color: #474747;
color: white !important;}
.p-channel_details__apps_section .p-channel_details_section__icon {
color: #8f9b36;}
.p-member_directory__search_filter_container{
background-color: #1a1a1a !important;
}
.c-icon_button--light.c-button-unstyled:hover, .c-icon_button--light:hover, .c-icon_button--light:link:hover{
background: #3c3c3c !important;}
.p-message_pane_input_broadcast_warning{
background:#202020;}
.c-select_input__content_text{
color:white;}
.p-user_group_list__search{
background: #222;}
.p-message_pane_input_broadcast_warning__highlight {
background: #8349d9;
display: inline-block;
padding: 0 3px;
line-height: 20px;
border-radius: 3px;
position: relative;
top: 2px;
height: 21px;
}
.p-user_group_base_row__list_item {
width: 100%;
background-color: #222222 !important;
border-bottom: 1px solid #323232 !important; }
.p-user_group_list__search {
border-bottom: 1px solid #686868 !important;}
.p-user_group_row:hover {
background-color: #282828 !important;}
.p-user_group_list {
background: #222222;
color: white;}
ts-space header .owner_detail .offscreen.js_editable_text+.inline-edit {
display: inline-block;
background: white !important;
}
.c-menu_item__button--danger .c-menu_item__description {
color: rgba(255, 255, 255, 0.7) !important;}
.c-texty_input .ql-editor pre {
padding: 8px;
background: white;
color: black;}
.p-docs_editor_title .ql-editor p, .p-docs_editor_title .ql-editor~.ql-placeholder{
color:black !important}
ts-rocket .text.pre+.pre{
background:white !important;
}
ts-rocket .pre.text.first, ts-rocket.post_body .pre.text.first, ts-rocket.post_body>div>pre.first, ts-rocket>div>pre.first{
background:white !important;}
ts-rocket div.text *, ts-rocket.post_body div.text *{
background: white !important;
color: black !important;
}
.c-fullscreen_modal__body{
padding:0 !important}
.p-message_pane_input__disabled {
background-color: #151515;
color: rgba(255, 255, 255, 0.7);
}
.p-team_sidebar__add_button {
background: rgb(31, 39, 27);
border-color: rgba(61, 158, 85, 0.3);}
.p-team_sidebar__add_button:hover, .p-team_sidebar__add_button:focus, .p-team_sidebar__add_button:active {
border-color: #FFFFFF;
background: rgb(0, 0, 0);
box-shadow: 0 0 0 3px rgb(87, 226, 117), 0 0 0 6px rgba(255,255,255,0.3);}
.p-member_directory__member_row {
background-color: #1a1a1a !important;
border-bottom: 1px solid #000 !important;}
.p-member_directory__member_row:focus, .p-member_directory__member_row:focus-within, .p-member_directory__member_row:hover {
background-color: #222222 !important;}
.CodeMirror-cursor {
border-left-color: rgba(255,255,255,1) !important;
}
.p-team_sidebar, .p-team_sidebar--frameless::before {
background: rgb(14, 14, 14)!important;
}
.p-call_subtype{
border: 1px solid #000 !important;
background-color: #3f3f3f !important;}
.CodeMirror-selected {
background-color: #60609F !important;
}
.p-channel_sidebar__channel:hover, .p-channel_sidebar__link:hover, .p-channel_sidebar__close_container:hover {
background: #313131 !important;
}
.c-button--outline-primary {
transition: all 80ms linear;
background: #3b3b3b !important;
border: 1px solid rgba(0, 0, 0, 0.3) !important;}
.p-call_subtype__status, .p-call_subtype__title {
color: white !important;}
.p-unreads_view__empty{
background:#222 !important;
color:white }
.p-call_subtype__body, .p-call_subtype__footer {
border-top: 1px solid #292929 !important;}
.c-dialog_speed_bump_overlay {
background: hsla(0, 0%, 0%, 0.7);}
.c-dialog_speed_bump {
background-color: #2b2b2b !important;
border-radius: 0 0 8px 8px;
border-top: 1px solid #4a4a4a !important;}
.p-calls_settings_panel {
background-color: #222222 !important;
}
.p-file_viewer__header__meta__name{
color:white !important}
.p-file_viewer__nav{
background:#666 !important}
.p-calls_invite_and_share_panel {
background-color: #222222 !important;
}
input.c-input_text[disabled], input[type=text].c-input_text[disabled], .p-prefs_modal__downloads_input {
background: #222222;
color: #868686;
}
.p-calls_settings_panel {
background-color: #222222 !important;
color: #ffffff !important;
}
.p-calls_invite_and_share_panel {
background-color: #222222 !important;
color: #ffffff !important;
}
.p-reaction_menu {
background-color: #222222 !important;
color: #ffffff !important;
}
.p-reaction_menu {
background-color: #222222 !important;
}
.c-select_button {
background-color: black;
color: white;}
.p-calls_settings_panel {
background-color: #222222 !important;}
.c-message__call_attachment {
border: 1px solid #000 !important;
background: #353535 !important;
}
.c-input_text[disabled] {
background: #222222;}
.c-message__call_sub, .c-message__call_title{
color:white;}
.c-message__call_sub {
color: #ffb088 !important;}
.p-call_button_base--active{
background-color: #2c2d30 !important;}
.c-date_picker_calendar .c-calendar_view_header__title {
flex: 1 0 0;
color: white;}
.p-classic_nav__model__menu__jump__back{
color: #acacac;}
.c-date_picker_calendar__date {
background: #252525 !important;
color: white;}
.c-date_picker_calendar__date{
border:1px solid black !important}
.c-date_picker_calendar__date--disabled:hover, .c-mini_calendar__month_button:disabled:hover {
background-color: #545454 !important;}
div.c-virtual_list__scroll_container{
color:white}
.supports_custom_scrollbar #msg_input.texty_legacy .ql-editor{
font-family: 'Sans Regular', sans-serif !important;
}
.p-threads_footer__input--legacy .p-message_input_field .ql-editor {
font-family: 'Sans Regular', sans-serif !important;
}
div.c-message.c-message--light.c-message--hover {
color: grey !important;
}
.c-message__sender a {
font-weight: 600;
color: white !important;
font-size: 14px !important;
}
span.c-message__body,
a.c-message__sender_link,
span.c-message_attachment__media_trigger.c-message_attachment__media_trigger--caption,
div.p-message_pane__foreword__description span {
color: white;
font-size: 14px;
letter-spacing: 0.3px !important;
}
div.c-virtual_list__scroll_container {
background-color: #222222 !important;
}
.light_theme ts-message .timestamp {
line-height: 18px;
opacity: 0;
color: #ffb088 !important;}
.p-message_pane .c-message_list:not(.c-virtual_list--scrollbar),
.p-message_pane .c-message_list.c-virtual_list--scrollbar>.c-scrollbar__hider {
z-index: 0;
}
.c-scrollbar__hider {
background: #222222 !important;
}
#team_menu,
#team_menu_overlay {
background: #222222 !important;
}
#client_body:not(.onboarding):not(.feature_global_nav_layout):before {
box-shadow: none !important;
border-left: 1px solid #303030;
}
#col_messages,
#client_header {
border-left: 1px solid #303030;
}
#team_menu,
#team_menu_overlay {
border-color: transparent !important;
}
.c-team__display-name,
.c-unified_member__display-name,
.c-usergroup__handle {
color: white !important;
}
.c-dialog__content {
background: #333539!important;
}
.c-dialog__header {
background: #222222!important;
color: white;
}
.c-dialog__footer {
background: #222222!important;
}
div.c-message:hover {
background-color: #222222 !important;
}
.c-dialog__title {
color: white !important;
}
a {
color: #36D4F6!important;
}
.comment .app_preview_link_slug,
.comment .internal_member_link,
.comment .internal_user_group_link,
.comment .mention,
.ql-editor .app_preview_link_slug,
.ql-editor .internal_member_link,
.ql-editor .internal_user_group_link,
.ql-editor .mention,
ts-message .app_preview_link_slug,
ts-message .internal_member_link,
ts-message .internal_user_group_link,
ts-message .mention {
color: #fecd8a !important;
font-size: 14px;
background: transparent
}
.btn {
background: #008952;
color: #fff;
line-height: 1.2rem;
font-weight: 900;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
border: none;
border-radius: .25rem;
box-shadow: none;
position: relative;
display: inline-block;
vertical-align: bottom;
text-align: center;
white-space: nowrap;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
.btn_outline.hover,
.btn_outline:focus,
.btn_outline:hover {
background: #fff;
}
.btn_outline {
background: #f9f9f9;
color: #2c2d30!important;
font-weight: 700;
text-shadow: none;
}
.c-member_slug--link {
background: transparent;
color: #fcc973!important;
font-weight: 600 !important;
border: none !important;
font-size:13px;
padding: 0px 2px 1px 2px;
}
.c-member_slug--link:hover {
background: #de5ea2; color:white !important}
.menu_content a {
color: white !important;
}
.menuitem a {
color: white !important;
}
.c-member_slug--mention,
.c-member_slug--mention:hover {
background: #fbd9a5 !important;
color: black !important;
overflow: hidden;
line-height: 16px !important;
display: inline-block;
position: relative;
top: 4px;
}
#convo_tab .message_input,
#convo_tab textarea#msg_text {
width: 100%;
background: #31353d !important;
border: 1px solid #31353d !important;
color: white !important;
}
.upload_in_threads .inline_message_input_container:hover .inline_file_upload,
.upload_in_threads.has_focus .inline_message_input_container .inline_file_upload {
background: #008952 !important;
border: 2px solid #008952 !important;
color: white !important;
}
#primary_file_button:hover {
border: 2px solid #006039 !important;
background: #006039 !important;
}
#primary_file_button {
position: absolute;
bottom: 1.375rem;
top: 0;
left: 0;
width: 44px;
padding: 0;
border: 2px solid #008952 !important;
background: #008952 !important;
color: white !important;
line-height: 42px;
text-shadow: none;
text-align: center;
-webkit-transition: background 50ms, color 50ms;
-moz-transition: background 50ms, color 50ms;
transition: background 50ms, color 50ms;
border-radius: 6px 0 0 6px;
}
.inline_file_upload {
background: #008952 !important;
color: white !important;
}
.p-share_dialog_message_input {
background: black !important;
color: white !important;
}
.p-file_upload_dialog__preview {
background: transparent !important;
}
.c-input_select {
background: #222222 !important;
color: white !important;
}
.c-label--inline .c-label__text {
color: white !important;
}
.c-input_select_options_list_container:not(.c-input_select_options_list_container--always-open) {
background:#151515!important;
color: white !important;
border: none !important;
border: 0 !important;
}
.p-search_filter .p-file_list__file_type_select, .p-search_filter__select .c-input_select{
border:transparent;
}
.c-input_select_options_list__option {
color: white !important;
}
.c-input_select__secondary_member_name {
color: white !important;
}
.c-search__input_and_close {
background: #2b2c2e!important;
color: white !important;
}
.c-search__input_box {
background: #2b2c2e!important;
color: white !important;
}
.c-search_autocomplete {
background: #232323!important;
color: white !important;
}
.c-search_autocomplete footer {
background: #3B3B3B!important;
color: white !important;
}
.c-search_autocomplete__suggestion_text {
color: white !important;
}
.c-search_autocomplete__suggestion_content .c-search_autocomplete__suggestion_text {
color: white !important;
}
.c-search_autocomplete header {
background: #232323!important;
color: white !important;
}
.c-search_autocomplete footer .c-search_autocomplete__footer_navigation_help {
color: white !important;
}
.c-search__input_box .c-search__input_box__input .ql-editor,
.c-search__input_box .c-search__input_box__input .ql-placeholder {
background: #2b2c2e !important;
border: none !important;
}
.c-search__tabs {
background: #2b2c2e !important;
}
.c-search__view {
background: #2b2c2e !important;
}
.c-search_message__body {
color: #cacbcc !important;
}
.p-search_filter__title_text {
background: #2b2c2e !important;
color: white !important;
}
.p-search_filter__title:before {
color: grey !important;
}
.p-search_filter__dates {
background: #1f2021!important;
border: none !important;
color: #cacbcc !important;
}
.p-search_filter__datepicker_trigger:hover {
color: white !important;
}
.c-calendar_month {
color: black !important
}
.c-pillow_file__content--collapsed:after {
background: linear-gradient(0deg,#192a38,hsla(0,0%,100%,0) 40px) !important;
}
.c-pillow_file_container {
background: #363636!important;
color: white !important;
}
.c-pillow_file__swap .c-pillow_file__slide{
background: #363636!important;
}
.c-pillow_file__title {
color: white !important;
}
.c-pillow_file__description {
color: #cacbcc !important;
}
.c-mrkdwn__highlight,
.c-mrkdwn__mention,
.c-mrkdwn__mention:hover,
.c-mrkdwn__user_group--mention,
.c-mrkdwn__user_group--mention:hover {
color: black !important
}
#threads_msgs .inline_message_input_container.with_file_upload {
border: 2px solid #545454!important;
}
ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator),
ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator),
ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator) {
background: #1f2021!important;
}
#threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload {
background: #545454 !important;
border: 0px !important;
}
.p-flexpane_header {
background: #222222!important;
}
.p-file_list__filters {
background: #1f2021!important;
}
.p-file_list__file_type_select .c-input_select__selected_value--placeholder {
color: #cacbcc !important;
}
.input.c-input_select__filter_input {
background: transparent;
}
.p-file_list__file.c-pillow_file_container--full_width {
border-bottom: 1px solid #383838
}
.c-search {
background: #2c2c2e !important;
}
.p-search_filter__title:before {
border-bottom: 1px solid #5F5F5F !important;
}
.c-search__input_and_close {
border-bottom: 1px solid #5F5F5F !important;
}
p-search_filter__date:first-child {
border-bottom: 1px solid #5F5F5F !important;
}
.p-search_filter__more_link {
color: #36D4F6;
font-size: 13px;
margin-top: 4px;
}
.c-link--button:active,
.c-link--button:focus,
.c-link--button:hover {
color: #36D4F6;
outline: none;
text-decoration: underline;
}
.c-filter_input {
align-items: center;
background-color: #545454;
}
.p-channel_insights__message ts-message.standalone:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display) {
background-color: black !important;
border: 1px solid #545454 !important;
}
.p-channel_insights__date_heading span {
position: relative;
z-index: 1;
padding: 0 .5rem;
background-color: #545454;
color: white;
font-size: 15px;
}
.p-channel_insights__date_heading::before {
display: block;
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
background-color: #545454;
}
#client_body:not(.onboarding):not(.feature_global_nav_layout):before {
background: #222222;
}
.p-channel_insights__message--truncate::before {
background: linear-gradient(180deg, transparent, #232323 90%);
}
.c-button--outline {
background: #2C2F33;
color: white;
border: 1px solid #6A6C6E;
}
.c-button--outline a {
color: white;
}
.c-message--light .c-message__sender .c-message__sender_link {
font-weight: 700 !important;
font-size: 14px !important;
}
.c-message--light .c-message__sender .c-message__sender_link{
color: #a4d677 !important;
}
.light_theme ts-message .message_content .message_sender {
color: #a4d677 !important;
font-weight: 700 !important;
}
.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted) .p-channel_sidebar__name {
font-weight: bolder !important;
}
.p-download_item__container .p-download_item__name_row{
color:white !important
}
.p-download_item:hover{
border:none !important
}
.p-download_item{
border-bottom:1px solid rgb(72, 72, 72) !important;
}
.p-download_item:hover{
border-bottom:1px solid rgb(72, 72, 72) !important;
}
.p-downloads_list__shift_hint{
background:transparent !important;
color:white;
}
.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--selected) .p-channel_sidebar__name,
.p-channel_sidebar__link--unread:not(.p-channel_sidebar__link--selected) .p-channel_sidebar__name,
.p-channel_sidebar__link--invites:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name,
.p-channel_sidebar__section_heading_label--clickable:hover,
.p-channel_sidebar__section_heading_label--unreads,
.p-channel_sidebar__quickswitcher:hover {
color: white !important;
}
.p-download_item__actions{
background:none;
}
.c-message__body {
margin: 4px 0 -4px !important;
}
.p-file_list a {
color: green !important;
}
.p-downloads_flexpane--list {
color: green !important;
}
.p-channel_sidebar {
font-size: 14px !important;
}
.c-file__meta {
background: blue !important;
}
.p-file_details__name {
color: white !important;
}
.p-file_details__share_channel {
color: #36D4F6;
}
.p-file_details__share_divider hr {
border-color: #4B4B4B;
}
.p-flexpane_header {
border-bottom: 1px solid #4B4B4B;
}
.p-file_details__header_back:hover {
color: #36D4F6;
}
.c-deprecated_button--link{
color: #36D4F6 !important;
}
.p-file_list__file.c-pillow_file_container--full_width:hover {
border-bottom: 1px solid #4B4B4B;
border-color: #4B4B4B;
}
.p-file_list__filters {
border-bottom: 1px solid #4B4B4B;
}
.p-file_list__filters {
padding-top: 10px;
}
input.c-input_select__filter_input {
background: transparent !important;
}
.c-search_autocomplete__suggestion_item:hover {
background: #2D9EE0;
color: white;
}
.texty_legacy.texty_single_line_input.focus,
.texty_legacy.texty_single_line_input:hover {
border-color: transparent;
}
.c-search__input_box__input:focus {
outline: none;
}
#search_container .search_input.focus,
#search_container .search_input:focus,
#search_container .search_input:hover {
color: white !important;
background: transparent !important;
}
#search_container .search_input {
color: white;
background: transparent !important;
border: 0px solid transparent !important;
}
.c-react_search_input:active .icon_search_wrapper *,
.c-react_search_input:active .search_input_wrapper *,
.c-react_search_input:focus .icon_search_wrapper *,
.c-react_search_input:focus .search_input_wrapper *,
.c-react_search_input:hover .icon_search_wrapper *,
.c-react_search_input:hover .search_input_wrapper * {
color: white !important;
background: transparent !important;
border: 0px solid transparent !important;
}
.texty_legacy.texty_single_line_input {
background: transparent !important;
border: 0px solid transparent !important;
}
.texty_legacy.texty_single_line_input.focus,
.texty_legacy.texty_single_line_input:hover {
border: 0px solid transparent !important;
background: transparent !important;
}
.c-link--button:active,
.c-link--button:focus,
.c-link--button:hover {
color: #36D4F6 !important;
border: none !important;
}
.c-message_group .c-message_group__header:focus .c-channel_name,
.c-message_group .c-message_group__header:focus .c-channel_name__team_name,
.c-message_group .c-message_group__header:focus .c-message_group__header_date,
.c-message_group:hover .c-message_group__header .c-channel_name,
.c-message_group:hover .c-message_group__header .c-channel_name__team_name,
.c-message_group:hover .c-message_group__header .c-message_group__header_date {
color: #36D4F6 !important;
border: none !important;
}
.p-search_filter__date:first-child {
border-bottom: 1px solid #4B4B4B;
}
a:hover {
border-bottom: none !important;
text-decoration: none !important;
}
.c-menu_item__button,
.c-menu_item__button:link,
.c-menu_item__button:visited {
color: #252525 !important;
}
.c-menu_item__button:hover,
.c-menu_item__button:hover {
color: white !important;
}
.c-message_group__header:active,
.c-message_group__header:hover {
text-decoration: none !important;
}
.c-search__input_box__clear {
color: #36D4F6 !important;
}
.c-search_modal .c-search__input_box__clear {
border-right: 1px solid #4B4B4B !important;
}
.c-file__meta {
background: transparent !important
}
.c-file__slide--meta {
background-color: #4B4B4B!important;
width: 110px;
color: white !important;
}
#msg_input {
background: #424242!important;
}
.p-file_list__empty {
color: white !important;
}
.searchable_member_list_filter .faux_input {
color: white !important;
}
.p-channel_sidebar__badge,
.p-channel_sidebar__banner--mentions {
background: #cd2056 !important;
box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2) !important;
}
.c-file_container {
background: #393939 !important;
max-width: 600px;
}
.p-file_list__empty {
background: #222222 !important;
}
code {
color: #29ffe8!important;
}
.searchable_member_list_filter {
border-bottom: 1px solid #4B4B4B !important;
}
#client-ui #team_list_container .searchable_member_list_search {
border-bottom: 1px solid #4B4B4B !important;
}
.tab_container .star_item .message .star_jump.msg_right_link,
.tab_container .star_item ts-message .star_jump.msg_right_link {
color: white !important;
}
#flex_contents .heading_text {
color: white !important;
font-weight:bold;
}
.c-link--button {
color: #36D4F6 !important;
}
.p-file_upload_dialog__section input.c-input_text:focus {
background: transparent !important;
}
.c-input_character_count::after {
background: transparent !important;
}
.c-message_attachment__author--distinct {
color: white !important;
}
#client_body {
position: relative;
}
#client-ui .searchable_member_list .team_list_item:hover {
background: #2c2c2c;
border-bottom: none !important;
}
a.file_download_link {
color: white !important
}
a.file_download_link:hover {
color: white !important
}
.slack_menu_download {
color: white !important
}
.slack_menu_download ts-icon {
color: white !important
}
.filetype_button:hover .file_download_label {
background: #545454;
color: #e6e6e6;
}
.filetype_button .file_title {
color: #e6e6e6;
}
.filetype_button .file_download_label {
background: #828282;
border-top: 1px solid #545454;
}
#threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload {
background: #393939 !important;
width: 40px;
color: white;
}
#threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload.active .upload_plus_icon,
#threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload.focus-ring .upload_plus_icon,
#threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload:focus .upload_plus_icon,
#threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload:hover .upload_plus_icon {
color: white !important;
}
.supports_custom_scrollbar .reply_input_container .ql-editor,
.supports_custom_scrollbar .reply_input_container .ql-placeholder {
padding: 8px 30px 9px 20px;
}
#threads_msgs .inline_message_input_container.with_file_upload .inline_file_upload .upload_plus_icon {
top: 15px;
}
.c-file__action_button:active,
.c-file__action_button:focus {
color: #e6e6e6 !important;
}
.c-file__action_button,
.c-file__action_button:link,
.c-file__action_button:visited {
color: #e6e6e6!important;
}
.c-pillow_file_container:focus-within .c-file__actions,
.c-pillow_file_container:focus .c-file__actions,
.c-pillow_file_container:hover .c-file__actions {
background: transparent !important;
}
.c-message--focus .c-message__image_container .c-file__actions,
.c-message__image_container:hover .c-file__actions {
background: transparent !important;
}
.p-file_details__meta_container .c-file__actions {
background: transparent !important;
}
.c-message__reply_bar--focus .c-message__reply_bar_view_thread,
.c-message__reply_bar:hover .c-message__reply_bar_view_thread {
background: #222222 !important
}
.c-deprecated_rounded_button:link,
.c-deprecated_rounded_button:visited {
color: white !important;
}
.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--selected) .p-channel_sidebar__name, .p-channel_sidebar__link--unread .p-channel_sidebar__name, .p-channel_sidebar__link--invites:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name{
border-left: 2px solid #ff0000;
padding-left: 5px;
height: 20px;
overflow: hidden;
line-height: 16px;
font-size: 17px;
font-weight:700;
}
.p-channel_sidebar {
border-right: 1px solid #464646 !important;}
.p-search_filter__date_readout {
color: #ffb28a !important;
}
.p-search_filter__date .c-icon--times-small {
margin-right: 10px;
margin-left: 10px;
}
.c-calendar_month__day_of_week_heading {
color: white;
}
.c-date_picker_calendar__date {
background: white;
}
.c-calendar_view_header__stepper_btn, .c-calendar_view_header__title_btn i{
color: white !important;
}
.c-calendar_view_header__stepper_btn:hover, .c-calendar_view_header__title_btn:hover {
background-color: #565656 !important;
}
.c-date_picker_calendar__date.c-date_picker_calendar__date--is_active:focus:not(.c-date_picker_calendar__date--is_selected), .c-date_picker_calendar__date:not(.c-date_picker_calendar__date--disabled):not(.c-date_picker_calendar__date--is_selected):hover{
background-color: rgb(255, 110, 39) !important;
color: white !important;
}
.c-date_picker_calendar__date--is_selected {
background-color: #0576b9 !important;
color: #ffffff;}
.p-block_kit_date_picker_calendar_wrapper .c-date_picker_calendar__date--disabled, .p-block_kit_date_picker_calendar_wrapper .c-mini_calendar__month_button:disabled {
background: #ffffff;
}
#team_tab #member_preview_scroller .feature_custom_status_expiry.member_details .member_name {
color: white !important;
}
#member_preview_scroller a:not(.member_name):not(.current_status_preset_option):not(.member_details_manage_link):not(.current_status_presets_edit_link), .team_list_item a:not(.member_name):not(.current_status_preset_option):not(.member_details_manage_link):not(.current_status_presets_edit_link){
color: white !important;
}
#team_tab #member_preview_scroller .feature_custom_status_expiry.member_details .member_action_bar .c-button:not(:first-child){
color: white !important;
}
.c-button--outline:active{
background: #e67a26 !important;
}
.c-button--outline:active {
box-shadow: inset 0 0 0 1px #ff5232 !important;
}
.c-button--outline:hover {
box-shadow: none !important;
background: #149074 !important;
border:1px solid #149074 !important;
}
.rxn.user_reacted .emoji_rxn_count{
color:white !important;
}
.rxn.rxn_add_btn .c-icon--small-reaction {
color: #6f6f6f !important;
}
ts-message .internal_member_link:hover {
color: #c8a1ff !important;
}
#primary_file_button .ts_icon{
bottom:-5px;
}
#flex_contents .flexpane_tab_toolbar #search #team_filter .member_filter, #flex_contents .flexpane_tab_toolbar #search #user_group_filter .member_filter{
background:transparent;
}
.c-message_list__day_divider__label__pill {
background: #222 !important;
top: 13px;
color: white;
}
.c-message_list__day_divider__line {
border-top-color: #363636;
top: 13px;
}
#client-ui #team_list .team_list_item, #member_preview_scroller .team_list_item{
border-bottom: 1px solid #545454 !important;
}
#client-ui #team_list .team_list_item:hover, #member_preview_scroller .team_list_item:hover {
background: #2d2d2d !important;
}
input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type='url']:focus, input[type=tel]:focus, input[type=color]:focus, input[type=search]:focus{
box-shadow: none !important;
}
.p-app_space_profile__info{
background:#222;
}
.supports_custom_scrollbar:not(.slim_scrollbar) #app_space_scroller_div, .supports_custom_scrollbar:not(.slim_scrollbar) #archive_msgs_scroller_div, .supports_custom_scrollbar:not(.slim_scrollbar) #msgs_scroller_div{
border-right:0px !important;
}
.c-message__editor__input_container {
border-radius: 4px;}
.c-message__editor__input--legacy.focus {
border-color: transparent;
background: #585858;
color: white;
border-radius: 3px;
}
.c-menu_item__header, .c-menu_item__header{
color:white !important;
}
#im_browser #im_list_container:not(.keyboard_active).not_scrolling .im_browser_row:not(.disabled_dm):hover, #im_browser .im_browser_row.highlighted{
background:black !important;
}
.c-calendar_view_header__stepper_btn{background: orange !important}
.c-react_search_input .ts_icon_times_small:active, .c-react_search_input .ts_icon_times_small:focus, .c-react_search_input .ts_icon_times_small:hover{
color:white !important;
}
.unread_group .unread_group_header .unread_group_mark, .unread_group .unread_group_header .unread_keyboard{
background: #339252 !important;
color: white !important;
}
.p-threads_footer__input {
background:black;
}
.p-threads_footer__input .p-message_input_field {
border-color: transparent !important;
background: #4d4d4d !important; color: white !important;}
.p-threads_footer__input .p-message_input_field.focus {
border-color: transparent !important;
background: #4d4d4d !important; color: white !important;}
.p-threads_footer__input .p-message_input_field.focus~.p-message_input_file_button:not(:hover){
border-color: transparent;
color:white !important;
}
.p-threads_footer__input--legacy .p-message_input_field .ql-editor{
color:white !important;
}
.p-threads_footer__input--legacy .p-message_input_file_button{
border: transparent !important;
}
.p-threads_footer__input--legacy .p-message_input_plus {
border: 1px solid transparent !important;
border-radius: 4px 0 0 4px;
background: #008952 !important;}
.ql-editor [aria-label] {
color:white !important;
}
.p-threads_footer__input--legacy .p-message_input_field {
min-height: 24px;
padding-left: 42px;
padding-bottom: 6px;
border-radius: 4px;
border-color: #868686;
background: black;
color: white;}
.p-threads_footer__input .p-message_input_plus .p-message_input_plus_icon {
transform: scale(1.11);
color: white;
}
#reply_container .inline_message_input_container .message_input div, #reply_container .inline_message_input_container textarea, .reply_input_container .inline_message_input_container .message_input div, .reply_input_container .inline_message_input_container textarea{
color:white !important;
opacity:1 !important;
}
.c-timestamp__label{
color: #ffb088 !important;
}
.c-message__sender{
color:#a4d677 !important
}
.c-dialog__footer .c-button {
background-color: #2ead5c;
color: #ffffff;}
.btn_outline.hover, .btn_outline:focus, .btn_outline:hover {
background: black !important;
color: #ffffff !important;
}
a.c-message__sender_link{
color: #a4d677 !important ;
}
.ql-editor[aria-label]{
color: white !important;
}
.c-menu_item__icon {
color: rgba(162, 162, 162, 0.96);
}
.thrills_purple {
color: #ff3636!important;}
.feature_channel_browser_dropdown .show_which_channels_container .lfs_input_container .selected {
color: #ffffff;}
.feature_channel_browser_dropdown .channel_browser_sort_container .lfs_input_container .selected, .feature_channel_browser_dropdown .show_which_channels_container .lfs_input_container .selected{
color: #ffffff;
}
.menu ul li a:not(.inline_menu_link) {
color: #e6e6e6 !important;
}
.ql-container.texty_single_line_input.focus, .ql-container.texty_single_line_input:hover{
box-shadow: none !important;
}
.ql-container.texty_single_line_input.focus, .ql-container.texty_single_line_input:hover{
color: #e6e6e6 !important;
}
.c-message__reply_bar:hover, .c-message__reply_bar--focus{
background-color: #484848;
}
.c-message__reply_bar--focus .c-message__reply_bar_view_thread, .c-message__reply_bar:hover .c-message__reply_bar_view_thread{
background-color: #484848 !important;
}
.c-dialog__cancel{
background: transparent !important;
}
.c-dialog__cancel:hover{
background: transparent !important;
}
.c-search_modal .popover > div, .c-search_modal .c-search__input_box, .c-search_modal:not(.c-search_modal--primarysearch) .popover > div, .c-search_modal:not(.c-search_modal--primarysearch) .c-search__input_box{
background: #2b2c2e !important;
}
.c-card_carousel__text_section p{
color:white;
}
.c-card_carousel__page_count{
color:black;
}
.c-file__slide--meta{
background-color: #393939 !important;
}
#admin_invites_add_row{
background: transparent;
border:transparent;
}
.p-file_upload_dialog__footer_cancel_all{
background: transparent !important;
}
.p-file_upload_dialog__footer_cancel_all:hover{
background: black !important;
}
.p-threads_flexpane__header_permalink, .p-threads_flexpane__header_channel_name{
color: #36D4F6!important;
}
.c-message .c-button--primary{
background-color: #008952;
}
.c-message_kit__file__meta__text {
font-size: 12px;
color: #949494 !important;}
.msg_input_btn {
background-color: #008952 !important;
}
.p-threads_footer__input--legacy .p-message_input_file_button{
background-color: #008952 !important;
color: white;
}
.sli_briefing{
background: #222222;
}
.sli_briefing_preview__title{
color:white;
}
.sli_briefing_preview{background-color: #363636; border:1px solid #585858;}
.sli_briefing_preview_container::after, .sli_briefing_preview_container::before{background:#222222; border:1px solid #737373;}
.sli_briefing_preview__description_text{color:white;}
.sli_briefing_preview__description_text b {
color: #2dffd1; font-weight: 600;}
.sli_briefing__message ts-message:not(.for_mention_display):not(.for_search_display):not(.for_top_results_search_display):not(.for_star_display){
background-color: #313131;
border: 1px solid #000;
}
.sli_briefing_view__footer_title {
color: #ffffff;
}
.sli_briefing__justification {
color: #bfbfbf;}
.sli_briefing__header {
border-bottom: 1px solid #000;
background-color: #3b3b3b;}
.sli_briefing__title {
color: #ffffff;
}
.sli_briefing__feedback_controls{
color: #969696;
}
.channel_title .channel_name{
font-weight:bold !important;
}
.p-threads_flexpane__header .p-flexpane_header__children{
font-weight:700;
}
.p-threads_view__default_background--first{
background:#323232 !important;
}
.p-threads_view__footer, .p-threads_view_root {
border: 1px solid #000;}
.p-threads_view_reply {
border: 1px solid #000;}
.p-threads_view__default_background {
background: #323232;}
.p_threads_view_load_newer_button, .p_threads_view_load_older_button {
height: 32px;
line-height: 32px;
display: flex;
align-items: center;
background: #535353;
padding-left: 12px;
border-left: 1px solid #000;
border-right: 1px solid #000;}
.c-channel_name__text--inline{
color: #36D4F6!important;
}
.p-threads_view__divider_label {
background: #323232; color:white;}
.p-threads_view__divider_line {
border-top: 1px solid #323232;}
.p-threads_view_header__participant_list{
color:white !important;
}
.p-threads_view_reply--new_reply {
background: #535353;}
.c-mrkdwn__highlight{
background: transparent !important;
}
.c-message_kit__background--labels {
background: #323232;}
.c-icon_button--light, .c-icon_button--light.c-button-unstyled, .c-icon_button--light:link{
color: rgba(255, 255, 255, 0.7);
}
.c-icon_button--light.c-button-unstyled:hover, .c-icon_button--light:hover, .c-icon_button--light:link:hover {
color: #ffffff;
}
.c-fullscreen_modal__header {
background: #222222;}
.p-prefs_modal .c-fullscreen_modal__body {
overflow-y: scroll;
background: #181818;}
.p-prefs_modal__radiogroup label.p-prefs_modal__radiogroup--selected {
background: #383737;
border-color: #000000;}
.p-prefs_modal__radiogroup label.p-prefs_modal__radiogroup--selected {
background: #383737;
border-color: #000000;}
p{
color:white;
}
textarea.c-input_textarea.c-input_textarea--with_hint {
color: white;}
.c-sidebar_menu__list li .c-link--button{
color:white !important;
}
.p-prefs_modal__radiogroup .p-prefs_modal__radio_decorator {
background: #2b2b2b;}
#footer_archives_preview{
background-color: #2f2f2f;
border-top: 1px solid #525252;
}
.c-archive_footer__metadata {
color: #ffffff;}
.c-archive_footer__title {
color: #ffffff;}
.c-message_kit__labels__text, .c-icon, .c-menu_item__link_icon, .c-menu_item__shortcut{
color:white;
}
.c-mrkdwn__highlight{
color:#ffe9b8 !important;
}
.c-action_buttons__button{
background:#242424;
border-right: 1px solid #000;
}
.c-action_buttons{
border: 1px solid #000;
}
.c-action_buttons__button:hover .c-action_buttons__icon {
color: #9d9d9d;}
.c-action_buttons:hover {
border-color: #646464;}
.c-pillow_file--full_width .c-pillow_file__header:link{
background: #232323;
}
.channel_header {
display: flex;
background: #222222;}
.channel_title .channel_name {
color: #ffffff;}
#footer{
background: #222222;
}
.p-channel_sidebar__name {
color: white;}
.texty_legacy.texty_single_line_input .ql-editor, .texty_legacy.texty_single_line_input .ql-placeholder {
color: white !important;}
.p-flexpane_header__primary_content {
color: white;}
#flex_contents .heading {
border-bottom: none;
position: relative;
z-index: 50;
background: #222222;
}
#details_tab .channel_page_section {
background: #222222;
position: relative;
border-top: 1px solid #4c4c4c; color:white}
#details_tab .channel_page_section .section_title {
color: #f7f7f7;}
#details_tab .channel_page_section.expanded .section_content, #details_tab .channel_page_section.expanded .ts_icon_caret_down {
display: block;
color: white;}
#details_tab .conversation_details .member_info_timezone {
line-height: 1.5;
padding: 11px 0 11px 11px;
border-top: 1px solid #4c4c4c;
font-size: 14px;
background: #222222;
color: white;}
#details_tab .conversation_details .member_info, #details_tab .conversation_details .slackbot_info{
background: #222222;}
.flex_content_scroller{
background: #222222;}
.p-channel_sidebar__channel--selected, .p-channel_sidebar__channel--selected:hover, .p-channel_sidebar__link--selected, .p-channel_sidebar__link--selected:hover{
background: #505050; !important}
.c-color_picker__container {
color: white !important;}
.c-color_picker__input[type=text]{
color:white}
.c-fullscreen_modal__header .c-fullscreen_modal__title {
margin: 0;
color: white !important;}
h1, h2, h3, h4{
color: white !important;
}
.menu .menu_content {
background: #3e3e3e;
box-shadow:0px 20px 20px 20px rgba(0,0,0,0.2)}
.menu_member_header .member_details .member_current_status, .menu_member_header .member_details .member_timezone_value{
background: #5b5b5b;
color: #ffffff;
}
.menu_member_footer{
border-top: 1px solid #000
}
.p-multi_file_upload__add_file_btn{
color:white !important
}
.c-message_list__unread_divider__label {
background: #d5376e;
border: 1px solid transparent;
box-shadow: 0 8px 16px rgba(0,0,0,0.4);}
.c-message_list__unread_divider__separator{
border-color: #d5376e;}
.c-message_list__unread_divider__label{
color:white;
padding: 3px 4px 6px;
margin: -8px 0 -7px 0;}
.c-message_list__unread_divider--ghost .c-message_list__unread_divider__separator {
opacity: 1;}
#col_messages{
box-shadow: inset 1px 0 0 0 #000;}
#col_messages, #client_header{
border-left: 1px solid #464646;
}
.flex_pane_showing #col_flex{
border-left: 1px solid #000;
box-shadow: inset 1px 0 0 0 #000;}
.c-search_autocomplete__suggestion_item{
color:white;}
.c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active {
outline: 0;
color: #ffffff;}
.c-search__tab.c-tabs__tab.c-tabs__tab--active, .c-search__tab.c-tabs__tab.c-tabs__tab--active:active, .c-search__tab.c-tabs__tab.c-tabs__tab--active:focus {
border-radius: 0;
box-shadow: inset 0 -2px 0 0 #ff0000;
}
.c-message_group {
padding: 7px 12px 12px 12px;
border: 1px solid #000;
border-radius: 6px;
margin-bottom: 10px;
background-color: #4c4c4c;}
.c-tabs__tab:hover{
color:white}
.p-search_filter__select{
color:white}
.c-message_group__header_view_label{
color:white;}
code{
background:black;
border:1px solid black;}
.c-menu.p-emoji_picker, .p-emoji_picker__input_container, .p-emoji_picker__heading, .p-emoji_picker__list_container, .p-emoji_picker__footer, .menu #menu_items_scroller{
background: #3a3a3a;
}
.p-channel_sidebar__channel--selected{
background: #3a3a3a !important}
#details_tab .channel_page_section .disclosure_triangle{
color:white !important;}
.fs_modal_file_viewer_header{
background-color: #424242;
}
.fs_modal_file_viewer_header .control_btn, .fs_modal_file_viewer_header .control_btn:link, .fs_modal_file_viewer_header .control_btn:visited, .fs_modal_file_viewer_header a.control_btn, .fs_modal_file_viewer_header a.control_btn:link, .fs_modal_file_viewer_header a.control_btn:visited{
color:white}
.fs_modal_file_viewer_content .viewer{
background:#232323;
}
.channel_header_info_item.channel_header_member_status #header_status_message{
color:white;}
.channel_header{
box-shadow: inset 1px 0 0 0 #000;}
.p-channel_insights .c-unified_member__title{
color: #adadad;}
.channel_page_member_row:hover {
background-color: #424242;
border-color: #000000;}
.btn_link:focus, .btn_link:hover{
text-decoration:none;
}
.c-reaction{
background: rgb(118, 118, 118);
}
.c-reaction__count{
color:white
}
.c-reaction_add{
opacity:1;
background:#656565;
}
.c-reaction:hover {
box-shadow: inset 0 0 0 1px rgb(58, 58, 58);
background: #868686;}
.c-message_kit__labels__text, .c-icon, .c-menu_item__link_icon, .c-menu_item__shortcut{
color: #949494;
}
input.c-input_text, input[type=text].c-input_text, input[type=password].c-input_text{
border: 1px solid #000000;}
.p-emoji_picker__group_tab--active {
margin-bottom: -1px;
background: #515151;
padding-top: 3px;
border-bottom: 3px solid #ff5a5a;}
.p-emoji_picker__preview_text {
font-size: .9rem;
line-height: .9rem;
padding: .6rem .7rem .8rem 0;
background: #3a3a3a;
color: #ffffff;}
#details_tab .feature_sli_channel_insights .edit_purpose--blank{
color:white;}
pre{
background:black;
color:white;
}
#menu li.team_pricing_info{
color:white;}
.c-search_autocomplete__suggestion_item .token {
border-radius: 2px;
background-color: hsl(39, 100%, 79%) !important;}
.c-menu_item__button, .c-menu_item__button:link, .c-menu_item__button:visited{
color:white}
.c-menu {
box-shadow: 0px 20px 20px 12px rgba(0,0,0,0.5), 0 4px 12px 0 rgba(0,0,0,0.5);
background-color: #444;}
.light_theme ts-message.first:not(.feature_file_threads) .message_body, .light_theme ts-message.selected:not(.feature_file_threads) .message_body{
color:white}
.star_item{
border-bottom: 1px solid #4a4a4a;
}
.tab_container .file_comment_item .actions .star, .tab_container .file_list_item .actions .star, .tab_container .star_item .message .actions .star, .tab_container .star_item ts-message .actions .star{
background:black;}
#footer{
box-shadow: inset 1px 0 0 0 #000;}
.c-menu_item__button, .c-menu_item__button:link, .c-menu_item__button:visited{
color:white !important
}
.c-menu_item__description {
font-size: 13px;
line-height: .9375;
color: #ababab;}
.c-message--focus:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message--hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message:hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight){
background-color: #232323;
}
.c-message_actions__container {
background: #000 !important;
box-shadow:0px 4px 5px rgba(0, 0, 0, 0.3) !important}
.c-message_actions__button:active {
background: #2b2b2b;}
#flex_contents .subheading:not(:empty)#mentions_options {
background: #000;
border-top: 0;
border-bottom: 1px solid #000;}
#flex_contents .help {
font-size: 1rem;
color: #ffffff;
line-height: 1.3rem;
padding-top: 1rem;
border-top: 5px solid #ea5218;}
#menu.search_filter_menu label{
color:white;}
.channel_header .blue_on_hover:hover {
color: #ffffff;}
.menu{
background: #414141;}
#msg_input.focus, #msg_input:focus{
border-color: #404040;}
.mention_day_container_div .day_divider:before {
position: absolute;
margin-bottom: .75rem;
border-bottom: 1px solid #494949;
background: #232323;}
.day_divider .day_divider_label {
background: #424242;
color: white;}
#edit_topic_trigger {
display: none;
visibility: hidden;
color: #ffffff;}
.channel_header_info button{
color:white;}
.channel_header .blue_on_hover:hover{
color:white;}
#edit_topic_inner:before {
background:transparent;
border: 1px solid transparent;
color:white}
.p-message_pane__limited_history_foreword {
text-align: center;
padding-top: 24px;
padding-bottom: 32px;
color: #ffffff;
background-image: url(https://a.slack-edge.com/436da/img/wave.jpg);
background-position: 0 100%;
background-repeat: repeat-x;
background-color: #383838;
background-image:none;}
.supports_custom_scrollbar:not(.slim_scrollbar) #messages_container:after{
background:none}
#channel_topic_text{
color: #d8d8d8;}
.close_flexpane:focus, .close_flexpane:hover{
color:white;}
.close_flexpane{color:white;}
.p-search_filter__option--suggestion, .c-message_kit__labels__text, .c-icon, .c-menu_item__link_icon, .c-menu_item__shortcut{
color: white;}
.c-calendar_view_header__stepper_btn:hover, .c-calendar_view_header__title_btn:hover {
background-color: #4a3f3f !important;
color: white;}
.p-search_filter__checkbox_label--selected {
font-weight: 700;
color: white;}
.p-search_filter__option {
display: flex;
align-items: center;
margin-bottom: .375rem;
font-weight: 700;
line-height: inherit;
font-size: inherit;
color: white;}
.c-input_select_options_list__empty_state {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: #ffffff;}
#fs_modal .contents_container {
position: absolute;
background: #3c3c3c;
color: white !important;}
.ts_toggle .ts_toggle_secondary_label {
display: inline-block;
color: #ffffff;}
.modal_input_note {
font-size: .8rem;
color: #ffffff;}
.greigh {
color: #fda792!important;}
#new_channel_modal input[type=text], #new_channel_modal textarea, .p-share_channel_dialog__contents input[type=text], .p-share_channel_dialog__contents textarea {
font-size: 18px;
margin-bottom: 0;
background: transparent;}
.lazy_filter_select .lfs_list_container {
display: none;
position: absolute;
z-index: 200;
width: 100%;
max-height: 250px;
top: 100%;
left: 0;
overflow: auto;
margin-top: 3px;
margin-bottom: 3px;
border: 1px solid #232323;
border-radius: 4px;
background: #232323;}
.lazy_filter_select .lfs_list .lfs_item.selected, .lazy_filter_select .lfs_list .lfs_item.selected .c-unified_member__current-status .prevent_copy_paste, .lazy_filter_select .lfs_list .lfs_item.selected .c-unified_member__current-status--small:before, .lazy_filter_select .lfs_list .lfs_item.selected .c-unified_member__display-name, .lazy_filter_select .lfs_list .lfs_item.selected .c-unified_member__name, .lazy_filter_select .lfs_list .lfs_item.selected .c-unified_member__secondary-name {
color: #9ac4e5;}
.input_note_special {
font-size: .9rem;
line-height: 1.25rem;
color: #ffffff;}
.btn{
text-shadow: none;}
.plastic_select, input[type=url], input[type=text], input[type=tel], input[type=number], input[type=email], input[type=password], select, textarea{
color:white;}
.lazy_filter_select .lfs_list .lfs_item.active {
background-color: #000000;
border-color: #000000;}
.subtle_silver {
color: #ffffff!important;}
.black{font-weight:700 !important;}
#details_tab .feature_sli_channel_insights .channel_created_section .creator_link, #details_tab .feature_sli_channel_insights .channel_purpose_section .channel_purpose_text{color:white}
.btn_link {
color: #b2ddff;}
#channel_browser .channel_browser_row_header {
color: #ffffff;}
#channel_browser #channel_list_container:not(.keyboard_active).not_scrolling .channel_browser_row:hover, #channel_browser .channel_browser_row.highlighted {
background: #232323;
border: 1px solid #000000;}
.sk_black {
color: #ffffff;}
#channel_browser .channel_browser_channel_created_info, #channel_browser .channel_browser_channel_invite_info, #channel_browser .channel_browser_channel_shared_info, #channel_browser .channel_browser_private_channel_rollup_info {
font-size: 13px;
line-height: 1.38463;
font-weight: initial;
color: #c0c0c0;}
.channel_modal .channel_modal_filter_container input[type=text] {
width: 100%;
padding-left: 2.5rem;
padding-right: 12px;
padding-top: .65rem;
background: transparent;}
#channel_browser .channel_browser_divider {
color: #ffffff;
font-size: 14px;
width: 100%;
padding: 4px 0 4px 12px;
font-weight: 700;
background: #000000;}
#channel_browser .channel_browser_row {
border-top: 1px solid #676767;}
#details_toggle.active, #details_toggle.active:hover, #recent_mentions_toggle.active, #recent_mentions_toggle.active:hover, #sli_recap_toggle.active, #stars_toggle.active, #stars_toggle.active:hover {
background: transparent;
color: #ffb400;}
.c-message_list__day_divider__label__pill {
background: #474747 !important;}
#im_browser .im_browser_row .im_display_name_container {
font-size: 15px;
line-height: 21px;
height: 21px;
color: white;}
#im_browser .im_browser_row {
width: 100%;
height: 64px;
cursor: pointer;
border: 1px solid transparent;
border-top: 1px solid #646464;}
.c-unified_member__secondary-name--medium {
color: #b0b0b0;
}
#im_browser_tokens #im_browser_filter, #im_browser_tokens .member_token {
margin-top: .25rem;
margin-right: 6px;
height: 26px;
line-height: 26px;
background: transparent;
}
.charcoal_grey {
color: #ffffff!important;}
.alert {
padding: .75rem 1rem .75rem 3rem;
border: 1px solid #ddd;
background: #595959;}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow:none}
.btn_link:focus, .btn_link:hover {
color: #ffffff;}
.uneditable-input, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=tel], input[type=color], input[type=search], textarea{
border-radius:0 !important; background: #222222;}
.searchable_member_list_filter .faux_input {
font-size: 1rem;
padding: .55rem .75rem .65rem;
border: 1px solid #3c3c3c;
border-radius: .25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
color: #1d1c1d;
background: #222222;}
.searchable_member_list_filter {
padding: 1rem;
position: relative;
border-bottom: 1px solid #ddd;
background: #222222;}
#client-ui .searchable_member_list .team_list_item {
padding: .75rem .5rem .75rem .75rem;
border-bottom: 1px solid #565656}
#whats_new_tab p {
font-size: 15px;
line-height: 22px;
color: #ffffff;}
.indifferent_grey {
color: white !important;}
.bottom_border {
border-bottom: 1px solid #525252;}
.c-fullscreen_modal__body {
border-right: .25rem solid transparent;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
align-items: flex-start;
display: flex;
flex-grow: 1;
flex-shrink: 1;
justify-content: center;
line-height: 1.46666667;
overflow-y: auto;
padding: 15vh 32px 32px 32px;
color: #ffffff;
background: #3c3c3c;}
.c-filter_input__input[type=text][placeholder] {
background: transparent;
text-overflow: ellipsis;
color: white;}
.c-link--button:active, .c-link--button:focus, .c-link--button:hover{
color:white !important; text-decoration:none}
.p-help_modal__list__item:focus, .p-help_modal__list__item:hover, .p-help_modal__list__item__focus {
cursor: pointer;
outline: none;
background-color: transparent;}
.p-help_modal__popular_topics {
color: #ffffff;}
.p-shortcuts_flexpane__shortcut_title {
flex-grow: 1;
padding: 6px 0 6px 0;
color: #ffffff;}
.p-shortcuts_flexpane__shortcut_hoverable .p-shortcuts_flexpane__shortcut_title {
color: #ffffff;}
.p-help_modal__list__item {
border-top: 0 }
.p-help_modal__footer {
position: absolute;
bottom: 0;
padding: 1rem;
background-color: #161616;}
#msg_input {
overflow: auto;
margin: 0;
width: 100%;
min-height: 42px;
height: 38px;
max-height: 180px;
border: 2px solid rgba(134, 134, 134, 0);
color: #fff;}
#col_messages {
margin-left: 0;
position: relative;
display: flex;
flex: 1;
flex-direction: column;
min-width: 1px;
box-shadow: inset 1px 0 0 0 #ddd;
background: #222222;}
.unread_empty_state_message {
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
transition: all .4s ease 0s;
font-weight: 900;
font-size: 24px;
line-height: 32px;
color: white;}
.p-shortcuts_flexpane__shortcut {
border-color: #3b3b3b;}
.p-shortcuts_flexpane__shortcut:last-of-type {
border-bottom: 1px solid #46a091;}
c-keyboard_key {
background: #646464;
padding: 2px 8px;
font-size: 13px;
font-weight: 400;
min-width: 24px;
height: 27px;
margin: 0 2px;
border-radius: 5px;
color: #ffffff;}
.p-message_pane__foreword__description, .p-message_pane__limited_history_alert {
color: #ffffff;}
.modal{
background:#3c3c3c;}
.c-button-unstyled:active, .c-button-unstyled:focus, .c-button-unstyled:hover {
outline: none;
}
.p-shortcuts_flexpane__shortcut_hoverable .p-shortcuts_flexpane__shortcut_title:hover{
text-decoration:none;}
.c-message--focus:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message--hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight), .c-message:hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred):not(.c-message--sli_highlight) {
background-color: #3e3e3e !important;}
.c-keyboard_key {
background: #575656;
padding: 2px 8px;
font-size: 13px;
font-weight: 400;
min-width: 24px;
height: 27px;
margin: 0 2px;
border-radius: 5px;
color: #ffffff;}
.p-multi_file_upload__container .p-galler_scroller__wrapper {
background: #3c3c3c;}
.c-dialog__body {
flex-shrink: 1;
overflow-y: auto;
padding: 0 24px;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
background: #222222;}
#col_messages {
box-shadow: inset 1px 0 0 0 #000 !important;}
.tab_container .star_item .message .star_jump.msg_right_link, .tab_container .star_item ts-message .star_jump.msg_right_link{
background:black}
[lang] .c-message_kit__message {
font-size: 15px;
color: white;}
.p-multi_file_upload__container .p-galler_scroller__wrapper{border:none}
.fs_modal_file_viewer_header .control_btn.active, .fs_modal_file_viewer_header .control_btn:active, .fs_modal_file_viewer_header .control_btn:focus, .fs_modal_file_viewer_header .control_btn:hover, .fs_modal_file_viewer_header a.control_btn.active, .fs_modal_file_viewer_header a.control_btn:active, .fs_modal_file_viewer_header a.control_btn:focus, .fs_modal_file_viewer_header a.control_btn:hover{color:white;}
.modal-footer {
background: #232323;}
.modal label {
color: #ffffff;}
.CodeMirror-scroll {
background: black;
color: white;}
.CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: -30px;
background: #444446;
color: white !important;}
.CodeMirror .CodeMirror-linenumber {
color: #ffffff;}
.lazy_filter_select.single .lfs_input_container:after {
color: white;}
#file_comment_textarea.texty_comment_input, .comment_form .texty_comment_input, .edit_comment_form .texty_comment_input {
background: #212121;}
.btn {
background: #008952;
color: #fff !important;}
.c-button-unstyled:active, .c-button-unstyled:focus, .c-button-unstyled:hover {
outline: none;
}
.c-menu_item__button--danger:hover{ background: #e01e5a !important;}
.c-file__action_button {
background-color: hsla(0, 0%, 0%, 0.9);}
.c-file__action_button, .c-file__action_button:link, .c-file__action_button:visited {
color: #ffffff!important;}
.CodeMirror {
position: relative;
overflow: hidden;
background: #000;}
.c-pillow_file__snippet__content .CodeMirror {
height: auto;
border: none;
color: #ffffff;}
.c-pillow_file__snippet__content .CodeMirror-code>div:before {
color: rgb(255, 101, 101);}
.p-channel_sidebar__section_heading_label--clickable:hover{background:transparent}
.c-message__label__highlight_title {
color: #ffffff;
font-weight: 700;}
.c-message--sli_highlight .c-message__label__icon {
color: #ffd452;}
.c-message--pinned, .c-message--sli_highlight:not(.c-message--sli_highlight_negative), .c-message--starred {
background: rgb(52, 54, 56);
border: 1px solid #edad37;
border-radius: 4px;}
.c-search_autocomplete__suggestion_item .token {
border-radius: 2px;
z-index: 99999;
position: relative;
color: black;}
.c-tabs__tab:hover {
color: white;
background: transparent !important;}
.p-search_filter__datepicker_trigger {
flex-grow: 1;
display: flex;
align-items: center;
padding: 8px 10px;
line-height: 24px;
font-size: 15px;
background: TRANSPARENT !important;}
.c-message--highlight, .c-message--highlight_yellow_bg {
background: #171614;}
.c-message__editor__input--legacy {
background: #3f3f3f;}
.c-menu_item__li:hover {
background: #0c77bb !important;}
#msg_form .ql-editor, #msg_form .ql-placeholder{
opacity:0.4, color:white}
.supports_custom_scrollbar .texty_legacy .ql-editor, .supports_custom_scrollbar .texty_legacy .ql-placeholder {
color: white !important;}
.c-texty_input .ql-editor, [lang] .c-texty_input .ql-placeholder{
color:white !important}
.c-presence--active {
color: #93cc93 !important;}
select {
background: #232323;}
.p-apps_browser__app_description, .p-apps_browser__app_name{
color:white;}
p-apps_browser__app_limit_meter__paragraph {
color: #d8d8d8;}
.p-apps_browser__category_header {
font-size: 1rem;
line-height: 1.2rem;
background: TRANSPARENT;
color: #ffffff;
padding-bottom: .5rem;}
.p-apps_browser__app {
display: flex;
align-items: center;
padding: 11px 12px;
border: 1px solid transparent;
border-top-color: #6b6b6b;}
.p-apps_browser__app--selected {
border-radius: 6px;
background: #2b2b2b;
border: 1px solid #000;}
.p-apps_browser__app_limit_meter b {
color: #ffffff;}
.p-apps_browser__app_limit_meter__paragraph {
color: #cecece;}
.pinned_item .pinned_message_text {
line-height: 18px;
max-height: 90px;
overflow: auto;
position: relative;
padding-top: 2px;
color: white;}
.pinned_item .pin_member_name a, .pinned_item .pin_member_title {
color: #ffb15e!important;
font-weight: 700!important;}
.app_preview_link_slug, .internal_member_link, .internal_user_group_link {
background: #f1c877;
color: #000000 !important;
opacity: 1;
font-weight: 700;
padding: 0 4px;
border-radius: 3px;}
.pinned_item .pinned_message_text .pin_truncate_fade {
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#343434),color-stop(1,rgba(255,255,255,0)));}
#client-ui .file_list_item.file_list_item--redesign {
flex-wrap: wrap;
margin-top: 0;
margin-bottom: .5rem;
padding: 12px 12px 8px;
border: 1px solid #6d6d6d;}
.tab_container .file_list_item:focus, .tab_container .file_list_item:hover {
background-color: #000;}
.tab_container .file_list_item .actions .btn_icon{
background-color: #444;
}
.p-channel_page_apps__list__row:hover .p-channel_page_apps__list__row__wrapper {
background-color: #3c3c3c;
border-color: #000000;}
.p-channel_page_apps__list__row:hover {
color: #ffffff;}
.active .tab_container .file_list_item {
background-color: #000;}
.tab_complete_ui {
background: #000000;}
.tab_complete_ui .tab_complete_ui_header {
background: #383838;}
.tab_complete_ui ul.type_members .unify_broadcast {
color: #ffe34b;}
.p-file_upload_banner__progress {
border-radius: 6px;
width: 100%;
display: flex;
align-items: center;
background: #2b5043;}
#select_share_channels .lazy_filter_select .lfs_value .lfs_item.selected {
height: 28px;
color: #ffffff;}
.modal .close {
color: #ffffff;}
.p-search_filter__checkbox_label {
color: white;}
.modal .close:hover{
color:white}
.c-label__text{
color:white}
#team_tab #member_preview_scroller {
width: 100%;
background: #222222;}
#member_preview_scroller .member_data_table td, #member_preview_web_container .member_data_table td, .menu_member_header .member_data_table td {
color: white;}
hr {
border-top: 1px solid #575757;}
.p-message_pane .p-message_pane__top_banners:not(:empty)+div .c-message_list.c-virtual_list--scrollbar>.c-scrollbar__hider:before, .p-message_pane .p-message_pane__top_banners:not(:empty)+div .c-message_list:not(.c-virtual_list--scrollbar):before {
box-shadow: 0 32px #222222;}
#team_tab #member_preview_scroller .member_details .member_title:not(:empty) {
color: #cccccc;}
.p-custom_status_input__dialog .p-custom_status_input__preset_option_text {
color: wheat;}
.c-dialog__close:hover {
color: #ffffff;}
.c-alert--inline, .c-alert--nested_box {
color: #e7e7e7;}
[lang] .c-message_attachment__body {
color: wheat;}
.c-message_kit__background--editing {
background: #3c3c3c;}
.c-message__editor__emoji_circle_icon, .c-message__editor__emoji_happy_icon, .c-message__editor__emoji_smile_icon {
color: rgb(154, 154, 154);}
.c-message__reply_bar_description {
position: relative;
margin-left: 8px;
color: #b1b1b1;}
.c-message__reply_bar:hover, .c-message__reply_bar--focus {
border: 1px solid black;}
.c-select_button{
background-color:black}
.c-select_button:active {
background-color: #000000;}
.c-select_button:active .c-select_button__icon, .c-select_button:hover .c-select_button__icon {
color: #ffffff;}
.p-prefs_modal__notification_example.p-prefs_modal__notification_example--mac {
background: #5d5d5d;}
#team_tab #member_preview_scroller .member_details .member_name {
color: white !important;}
hr{ border-bottom: 1px solid #424242;}
.p-threads_flexpane__separator_line {
flex: 1;
margin: 1px 0 0 0;
border-top-color: rgb(0, 0, 0);}
.c-sidebar_menu__list_item.c-link--button:hover{
border: 1px solid transparent !important;
}
.p-emoji_picker__group_tab:hover {
background: #5d5d5d;}
.c-fullscreen_modal__close--with_header:hover {
background-color: transparent;
color: white;}
.c-reaction--reacted .c-reaction__count {
color: #ffffff;}
.c-reaction__count {
color: white !important;}
.light_theme ts-message .message_body {
display: block;
color:white !important;}
.unread_group_header {
-ms-box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
border-top: 1px solid #000;
background: #363636;
color: #ffffff;}
.ts_icon:before, ts-icon:before {
color: white;
}
#unread_msgs_div .day_divider .day_divider_line {
border-top: 1px solid #3c3c3c;}
ts-message .action_hover_container .btn_msg_action {
background: #181818;}
.file_container.image_container .preview_actions.overflow_preview_actions {
border: .0625rem solid rgba(0, 0, 0, 0.1);
background: rgba(40, 40, 40, 0.9);}
.file_container.image_container .image_body {
background-color: #2c2c2c;
}
.file_container.image_container .preview_actions .btn {
background-color: rgba(0, 0, 0, 0.9);
}
.file_container.image_container .preview_actions.overflow_preview_actions {
background: rgba(0, 0, 0, 0.3);}
.light_theme ts-message .message_body {
display: block;
color: white;}
#fs_modal #fs_modal_header, #fs_modal #fs_modal_footer{
background:#232323;}
.c-icon{
color:#acacac;}
.ts_icon_happy_smile:before {
content: '\E119';
color: #5b5b5b !important;}
.c-icon {
color: #ffffff;}
.p-channel_sidebar__link--selected{
background: #2e2e2e !important;
}
ts-message .reply_bar:hover {
background: #3c3c3c;
border: 1px solid rgba(0, 0, 0, 1);
border-radius: 6px;}
.p-channel_sidebar__channel--selected, .p-channel_sidebar__channel--selected:hover, .p-channel_sidebar__link--selected, .p-channel_sidebar__link--selected:hover {
background: #343434; !important
}
.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted):not(.p-channel_sidebar__channel--selected) .p-channel_sidebar__name, .p-channel_sidebar__link--unread .p-channel_sidebar__name, .p-channel_sidebar__link--invites:not(.p-channel_sidebar__link--dim) .p-channel_sidebar__name{
padding-top:2px;}
#channel_browser #channel_list_container:not(.keyboard_active).not_scrolling .channel_browser_row:hover:not(.disabled), #channel_browser .channel_browser_row.highlighted {
background: #222222;
border: 1px solid #000000;}
#fs_modal .fs_modal_btn:hover {
color: #ffffff;
background: #222222;}
.c-message__label {
color: #34ffdc;}
.c-message--ephemeral, .c-message--sli_highlight_negative {
background: #232323;}
.c-dialog__body{
color:white !important}
.c-message--standalone {
border: 1px solid #666 !important;}
.c-dialog__content {
background: #333539!important;
color:white !important;}
.bottom_mark_all_read {
border-top: 1px solid #444;}
.c-unified_member--small .presence .presence_icon:before{
color:#5cf8ad;}
#details_tab .restricted_members_count{
color:white}
}
.presence_icon:before {
color: #31d940 !important;}
.ts_icon_presence:before {
color: #1fdf4e !important;}
.away>.ts_icon_presence:before {
color: #b0b0b0 !important;}
.modal-body {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
padding: 0 24px 10px;
margin-top: 10px;
color: white;
line-height: 26px;}
.dialog_cancel{
background:black !important;}
.channel_option_item:hover {
background: #1f1f1f;}
.channel_option_item:hover {
border-top: 1px solid #656565;}
.c-message_list__day_divider__label__pill{
font-size: 12px;
}
.c-card_carousel__btn {
background: #000;}
.p-app_profile_flexpane_header__button{
color:white !important}
channel_invite_tokens input {
background: transparent !important}
#channel_invite_tokens #channel_invite_filter:first-child {
background: transparent;}
.c-message_kit__gutter__right{
color:white}
.p-starred_item {
border-bottom: 1px solid #464646;}
.c-small_mpim_entity__count{
background-color: #7ab210;
color: #fff;
}
.c-base_list_entity--small:hover, .c-base_list_entity--small:hover:hover {
color: #fff;
background-color: transparent !important;}
.c-search_autocomplete__suggestion_item:hover {
background: #33414a;}
.ts_icon_arrow_large_left:before {
color: black !important;}
.ts_icon_arrow_large_right:before {
color: black !important;}
.c-message__broadcast_preamble_link {
font-weight: 500 !important;
margin-right: 4px;
margin-left: 4px;
color: #5cfff4 !important;
}
.c-message_attachment__author_name{
color:white;
}
.supports_custom_scrollbar:not(.slim_scrollbar) .channel_modal_with_list .channel_modal_list::-webkit-scrollbar-track {
background: #505050;}
.supports_custom_scrollbar:not(.slim_scrollbar) .channel_modal_with_list .channel_modal_list::-webkit-scrollbar-thumb, .supports_custom_scrollbar:not(.slim_scrollbar) .channel_modal_with_list .channel_modal_list::-webkit-scrollbar-track{
background: #505050;
}
.pinned_message_file .file_container {
min-width: 192px;
background: #1b1b1b;}
.cm-s-default .cm-def {
color: #86efbc;}
.cm-s-default .cm-string {
color: #faff83;}
.cm-s-default .cm-keyword {
color: #ffa9c3;}
.cm-s-default .cm-variable-2 {
color: #8bb1ff;
}
.cm-s-default .cm-comment {
color: #7a7a7a;
}
.cm-s-default .cm-string-2 {
color: #ffa081;
}
.c-file__actions--overflow{
background: transparent !important}
.c-icon--small-reaction:before {
content: "\E170";
color: #939393;}
#messages_container {
overflow-y: hidden;
background: transparent;}
.p-message_pane__search_tip_banner_content{
background-color: #343434 !important;
border: 1px solid #000 !important;
color: white !important;}
#search_container.is-highlighted .search_form {
background-color: #000000;}
.menu.submenu.submenu_help{
background: #3a3a3a;}
.c-search_message__reactions{
color: #b4b4b4;}
.supports_custom_scrollbar:not(.slim_scrollbar) #unread_msgs_scroller_div::-webkit-scrollbar-track {
background: #3d3d3d;
box-shadow:none !important}
.supports_custom_scrollbar:not(.slim_scrollbar) .flex_content_scroller::-webkit-scrollbar-track {
background: #4f4f4f !important;
box-shadow:none !important}
.supports_custom_scrollbar:not(.slim_scrollbar) .flex_content_scroller::-webkit-scrollbar-thumb{
box-shadow:none !important}
.supports_custom_scrollbar:not(.slim_scrollbar) #unread_msgs_scroller_div::-webkit-scrollbar-thumb {
background: rgba(29,28,29,.52);
box-shadow: none !important;}
.supports_custom_scrollbar #flex_contents .subheading:not(:empty){
width:100% !important}
ts-message .internal_member_link:hover {
color: #ffffff !important;
background: #7b3ac2;}
.c-message_attachment__pretext {
color: #ffffff;
}
.c-app_badge, .c-app_label {
border-radius: 2px;
font-size: 11px;
padding: 1px 3px;
color: rgba(255, 255, 255, 1) !important;
background-color: rgb(142, 60, 245);
display: inline-block;
height: 14px;
line-height: 1.25;
font-weight: 700;
vertical-align: .125rem;}
.c-pillow_file__post__content code,
.c-pillow_file__post__content pre,
.c-pillow_file__post__content ul.checklist {
background: black;
}
span.c-message__body, a.c-message__sender_link, span.c-message_attachment__media_trigger.c-message_attachment__media_trigger--caption, div.p-message_pane__foreword__description span {
color: white;
font-size: 14.6px;
letter-spacing: -0.3px !important;}
.p-workspace--classic-nav .p-workspace__primary_view_footer {
background: #222222 !important;}
.p-workspace__input .p-message_input_field {
background: #474747;
border-radius: 4px;
border-width: 1px;
border-color: #000000;
min-height: 42px;
min-width: 1px;
padding-left: 10px;
padding-top: 0;
padding-bottom: 8px;
flex: 1;
padding-left: 43px;
z-index: 200;
color: white;}
.c-member_slug--link{
font-size:14.6px !important}
.c-texty_autocomplete {
background: #000;}
.c-texty_autocomplete__help {
background: #222222;}
.p-classic_nav__drag {
-webkit-app-region: drag;
background: #222222;
color:white}
.p-message_pane .c-message_list.c-virtual_list--scrollbar>.c-scrollbar__hider:before, .p-message_pane .c-message_list:not(.c-virtual_list--scrollbar):before{
background:transparent !important}
.p-classic_nav__model__title__info__members, .p-classic_nav__model__title__info__pins, .p-classic_nav__model__title__info__presence {
display: flex;
align-items: baseline;
color: white;}
.p-classic_nav__model__title__info__topic__text {
position: relative;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: white;}
.p-classic_nav__model__title__info__topic--focus-within .p-classic_nav__model__title__info__topic__text:before, .p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__text:before{
background: #494949 !important;}
.p-classic_nav__model__title__info__topic:hover .p-classic_nav__model__title__info__topic__edit, .p-classic_nav__model__title__info__topic__edit.c-button--focus-visible {
display: block;
color: #ffb99c !important;}
.p-classic_nav__right__search {
flex: 1;
display: flex;
align-items: center;
min-width: 0;
cursor: pointer;
border: 1px solid rgb(113, 113, 113) !important;}
.p-classic_nav__right__search:hover .p-classic_nav__right__search__icon {
color: #ffffff;}
.p-classic_nav__right__search:hover .p-classic_nav__right__search__placeholder {
color: #ffffff !important}
.p-classic_nav__right__search__placeholder {
color: #858585;}
p-classic_nav__right__search:hover {
border-color: rgba(255, 255, 255, 0.7) !important;}
.p-channel_details_section__title-content{
color:white !important}
.c-member_name {
margin-right: 4px;
color: white; !important}
.c-message_kit__pillow {
background: #000;}
.p-highlights_section__group_title_label {
margin-top: 16px;
position: relative;
padding: 0 12px;
background-color: #222222;
display: inline-block;
color: white;}
.p-highlights_section__group_title_line {
height: 0;
position: absolute;
top: 50%;
width: 100%;
border-top: 1px solid #535353;}
.c-message_kit__replies_count {
display: flex;
align-items: center;
font-size: 13px;
color: #ffffff !important;}
.p-workspace__secondary_view {
grid-area: p-workspace__secondary_view;
display: grid;
grid-template-columns: auto;
grid-template-rows: 44px auto;
grid-template-areas: "p-workspace__secondary_view_header" "p-workspace__secondary_view_contents";
overflow: hidden;
border-left: 1px solid rgb(56, 56, 56) !important;}
p-search_filter__from_name, .p-search_filter__in_channel, .p-search_filter__in_channel .c-channel_name__team_name, .p-search_filter__in_channel .c-channel_name__text, .p-search_filter__in_member {
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
color: #ffabab !important;}
.c-message--adjacent:hover .c-message__gutter {
opacity: 1;
position:relative;
top: -6px !important;}
.c-basic_unified_entity__lable{
color:white !important}
.c-message_kit__inline_channel_context {
color: #fba2ac;}
.p-search_filter__from_name, .p-search_filter__in_channel, .p-search_filter__in_channel .c-channel_name__team_name, .p-search_filter__in_channel .c-channel_name__text, .p-search_filter__in_member {
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
color: white;}
.sk_dark_gray, .sk_dark_grey {
color: #c186ea;}
.p-team_sidebar__unread_dot {
background:#ff8960 !important;
}
.p-activity_flexpane__item_gutter {
padding: 16px 16px 20px 16px;
border-bottom: 1px solid black;}
.p-classic_nav__team_header {
background: #222222 !important;}
.p-channel_sidebar {
background: #222222 !important;}
.c-mrkdwn__broadcast--mention{
background: #9651f9 !important;
color:white !important;
display: inline-block;
height: 20px;
line-height: 16px;
}
.c-mrkdwn__broadcast--mention:hover{
background:#ec51f9;
color:white !important}
.p-flexpane__body--empty {
align-items: center;
background-color: #141414 !important;
display: flex;
flex-flow: column;
justify-content: center;
padding: 0 24px;
text-align: center;
color: white !important;}
.p-pinned_items__empty_list .p-pinned_items__empty_list_action {
color: #ffb672 !important;}
.p-channel_details_section {
display: flex;
flex-direction: column;
justify-content: center;
border-bottom: 1px solid rgb(51, 51, 51) !important;}
.p-channel_details__dm_section__tz_section {
padding: 12px 16px;
border-bottom: 1px solid rgba(29,28,29,.13);
color: white;}
.p-channel_details__dm_section__tz_label {
color: rgba(255, 255, 255, 0.7);}
.p-member_profile_card {
box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 4px 12px 0 rgba(0,0,0,.08);
background: #333;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment