slack dark mode

slack-dark-mode.js

/**
 * The preload script needs to stay in regular ole JavaScript, because it is
 * the point of entry for electron-compile.
 */

const allowedChildWindowEventMethod = [
    'windowWithTokenBeganLoading',
    'windowWithTokenFinishedLoading',
    'windowWithTokenCrashed',
    'windowWithTokenDidChangeGeometry',
    'windowWithTokenBecameKey',
    'windowWithTokenResignedKey',
    'windowWithTokenWillClose'
];

if (window.location.href !== 'about:blank') {
    const preloadStartTime = process.hrtime();

    require('./assign-metadata').assignMetadata();
    if (window.parentWebContentsId) {
        //tslint:disable-next-line:no-console max-line-length
        const warn = () => console.warn(`Deprecated: direct access to global object 'parentInfo' will be disallowed. 'parentWebContentsId' will be available until new interface is ready.`);
        Object.defineProperty(window, 'parentInfo', {
            get: () => {
                warn();
                return {
                    get webContentsId() {
                        warn();
                        return parentWebContentsId;
                    }
                };
            }
        });
    }

    const { ipcRenderer, remote } = require('electron');

    ipcRenderer
        .on('SLACK_NOTIFY_CHILD_WINDOW_EVENT', (event, method, ...args) => {
            try {
                if (!TSSSB || !TSSSB[method]) throw new Error('Webapp is not fully loaded to execute method');
                if (!allowedChildWindowEventMethod.includes(method)) {
                    throw new Error('Unsupported method');
                }

                TSSSB[method](...args);
            } catch (error) {
                console.error(`Cannot execute method`, { error, method }); //tslint:disable-line:no-console
            }
        });

    ipcRenderer
        .on('SLACK_REMOTE_DISPATCH_EVENT', (event, data, origin, browserWindowId) => {
            const evt = new Event('message');
            evt.data = JSON.parse(data);
            evt.origin = origin;
            evt.source = {
                postMessage: (message) => {
                    if (!desktop || !desktop.window || !desktop.window.postMessage) throw new Error('desktop not ready');
                    return desktop.window.postMessage(message, browserWindowId);
                }
            };

            window.dispatchEvent(evt);
            event.sender.send('SLACK_REMOTE_DISPATCH_EVENT');
        });

    const { init } = require('electron-compile');
    const { assignIn } = require('lodash');
    const path = require('path');

    const { isPrebuilt } = require('../utils/process-helpers');

    //tslint:disable-next-line:no-console
    process.on('uncaughtException', (e) => console.error(e));

    /**
     * Patch Node.js globals back in, refer to
     * https://electron.atom.io/docs/api/process/#event-loaded.
     */
    const processRef = window.process;
    process.once('loaded', () => {
        window.process = processRef;
    });

    window.perfTimer.PRELOAD_STARTED = preloadStartTime;

    // Consider "initial team booted" as whether the workspace is the first loaded after Slack launches
    ipcRenderer.once('SLACK_PRQ_TEAM_BOOT_ORDER', (_event, order) => {
        window.perfTimer.isInitialTeamBooted = order === 1;
    });
    ipcRenderer.send('SLACK_PRQ_TEAM_BOOTED'); // Main process will respond SLACK_PRQ_TEAM_BOOT_ORDER

    const resourcePath = path.join(__dirname, '..', '..');
    const mainModule = require.resolve('../ssb/main.ts');
    const isDevMode = loadSettings.devMode && isPrebuilt();

    init(resourcePath, mainModule, !isDevMode);
}




// Slack Night Mood theme
document.addEventListener("DOMContentLoaded", function() {
    // Then get its webviews
    let webviews = document.querySelectorAll(".TeamView webview");
    // Fetch our CSS in parallel ahead of time
    const cssPath = 'https://gist.githubusercontent.com/bjallen/569f4ca4e70f8f2eaa34a01816c0f008/raw/849da624ad2a3187d8794e1fa3db2252e7e85660/slack-dark-mode.css';
    const localCssPath = 'sib.css';
    let cssPromise = fetch(cssPath).then(response => response.text());

    let customCustomCSS = `
:root {
/* Modify these to change your theme colors: */
--primary: #61AFEF;
--text: white;
}

body {
    font-family: -apple-system, sans-serif !important;
    text-rendering: optimizeLegibility important;
    font-weight: 500 !important;
    word-spacing: -1px;
}
div.c-message.c-message--light.c-message--hover {
    color: grey !important;
}
.c-message__sender a {
    font-weight: 600;
    text-transform: capitalize;
    color: white !important;
    font-size: 15px !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: 15px;
    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;
}
div.c-message__content:hover {
    background-color: #222222 !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 {
    background: #fbd9a5 !important;
    color: black !important;
}
.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: none !important;
    color: #ffce8e!important;
    font-weight: 700 !important;
    border: none !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;
}
#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__broadcast--mention,
.c-mrkdwn__broadcast--mention:hover,
.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: #1f2021!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;
}
.c-member_slug--link,
.c-member_slug--mention {
    padding: 0!important;
}
.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 {
    color: #a4d677 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}
.light_theme ts-message .message_content .message_sender {
    color:  #a4d677 !important;
    text-transform: capitalize;
    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 !importnat;
}
.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: 15px !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: #fa623f !important;
    box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5) !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;
}
.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 #ff5656;
    padding-left: 6px;
    height: 20px;
    overflow: hidden;
    line-height: 16px;
    font-size: 17px;
   font-weight:700;
}
.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: green !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: #000000 !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: #adadad !important; color: black !important;}
.p-threads_footer__input .p-message_input_field.focus {
    border-color: transparent !important;
    background: #adadad !important; color: black !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:black !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{
    colo: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;
                    }
`


// $("div").each(function(){

// 	$this.css("color","white");
// });
    // Insert a style tag into the wrapper view
    cssPromise.then(css => {
        let s = document.createElement('style');
        s.type = 'text/css';
        s.innerHTML = css + customCustomCSS;
        document.head.appendChild(s);
    });
    // Wait for each webview to load
    webviews.forEach(webview => {
        webview.addEventListener('ipc-message', message => {
            if (message.channel == 'didFinishLoading')
            // Finally add the CSS into the webview
                cssPromise.then(css => {
                let script = `
let s = document.createElement('style');
s.type = 'text/css';
s.id = 'slack-custom-css';
s.innerHTML = \`${css + customCustomCSS}\`;
document.head.appendChild(s);
`
                webview.executeJavaScript(script);
            })
        });
    });
});