laCour/slack-night-mode

The "All Threads" view is not styled and garishly white.

Drarok opened this issue ยท 6 comments

I've collected some custom styles in order to combat this, which makes it look less bad overall, but still needs improving.

.p-threads_view {
  background: #222;
}

.p-threads_view__divider_line {
  border-color: #111;
}

.p-threads_view__divider_label {
  background: #111;
}

.p-threads_view_header__channel_name {
  color: #c7c7c7;
}

.p-threads_view_root {
  border-color: #444;
}

.p-threads_view_reply {
  border-color: #444;
}

.p_threads_view_load_newer_button,
.p_threads_view_load_older_button {
  background: rgba(255, 255, 255, 0.05);
  border-color: #444;
}

.p-threads_view__footer {
  border-color: #444;
}

.p-threads_view__default_background {
  background: rgba(255, 255, 255, 0.05);
}

Before:
Screenshot 2019-03-15 at 17 28 59

After:
Screenshot 2019-03-15 at 17 30 46

Seems that #threads-msgs has changed to .p-threads_view, the whole UI has been re-done:

https://github.com/laCour/slack-night-mode/blob/master/scss/modules/messaging/_threads.scss

mxr commented

@Drarok thanks for the workaround. I'm using it in the meantime. I also added this locally:

.p-threads_view_reply--new_reply {
      background: rgba(255, 255, 255, 0.05);
}

Otherwise new replies in the all-threads view have too light of a background.

Arc is also affected.

Which local file should I edit to add a custom style?

This has been improved in the latest release! Please let us know if you continue to see any issues after updating ๐Ÿ˜„

The loading screen for the threads view is still a bit crazy

.p-message_container_loading