Theme cinnytheme v3 by [@katja:conduwuit.ctucx.de]

A theme that tries to look similar to the cinny client

Last updated at 2025-03-20 14:36:37.051681 +0000 +0000

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

@media (min-width: 721px) {
  button.back {
    display: none;
  }
}

:root {
  --background-color: #262626;
  --border-color: #404040;
  --space-list-background-overlay: #1A1A1A;
  --room-list-background-overlay: #1A1A1A;
  --timeline-hover-bg-color: #333;
  --timeline-vertical-padding: .25rem;
  --composer-background-color: #333;
}

img.avatar {
  border-radius: 20%;
}

div.room-list-wrapper {
  grid-template-columns: 4rem 1fr;
  grid-template-rows: 3.5rem 2fr;
}

div.room-search-wrapper {
  height: unset;
}

div.room-list-wrapper,
div.space-bar {
  border-right: 1px solid var(--border-color);
}

div.room-header,
div.room-search-wrapper {
  border-bottom: 1px solid var(--border-color);
}

div.space-entry,
div.message-composer {
  border: 1px solid var(--border-color);
  padding: .35rem;
}

div.room-entry {
  width: unset;
  padding: .35rem;
}

div.space-entry {
  margin: 0.6rem !important;
}