Schildi-like theme

Commit info

Simplified comparison image to include just the room list.

Description

Rooms with unread messages are show in bold to make them stand out more. Mimics the behaviour of SchildiChat.

Previews

Code

To use this theme, paste this into your custom CSS:

@import url("https://css.gomuks.app/theme/schildi.css");

Full CSS:

/* When a room has no unread messages, set the room name thickness to be slightly bold */
div.room-entry > div.room-entry-right > div.room-name {
      font-weight: inherit;
}
/* and the message preview text slightly grey. I couldn't find which variable sets the colour of the composer's 'Send a Message' placeholder text, which is why it's hard-coded */
.message-preview {
    color: #5f5f5f;
}


/* When unread messages are in a room, make the room title bold, and message preview black */
.room-entry:has(.room-entry-unreads) .room-entry-right .room-name {
  font-weight: bold;
}
.room-entry:has(.room-entry-unreads) .room-entry-right .message-preview {
  color: var(--text-color);
}