zulip.lichess.desktop.css

/* 
- show bigger emojisn
- show bigger image previews

This is for the zulip desktop app. 
File > Desktop Settings > General > Advanced > Add custom CSS
*/

/* within text, or multiple emojis: a bit bigger (than 20px) */
.rendered_markdown .emoji {
  height: 25px;
  width: 25px;
}

/* bigger image previews */
.rendered_markdown .message_inline_image:not(.youtube-video) {
  height: auto !important;
  max-height: 320px !important;
  display: flex !important;
}

/* darker night mode */
body.night-mode,
body.night-mode #compose,
body.night-mode #message_view_header_underpadding,
body.night-mode #settings_page .form-sidebar,
body.night-mode #settings_page .right,
body.night-mode #subscription_overlay .right,
body.night-mode .app-main,
body.night-mode .column-left .left-sidebar,
body.night-mode .column-middle,
body.night-mode .column-right .right-sidebar,
body.night-mode .floating_recipient .message-header-wrapper,
body.night-mode .header-main {
  background-color: hsl(211deg 27% 15%) !important;
}

/* hide message count of muted streams */
ul.filters li.out_of_home_view:not(.active-filter) .stream-with-count .unread_count {
  display: none !important;
}