Rose Pine Ferdi Telegram React Theme

user.css

html.night {
  /* Rose Pine */
  --base: #191724;
  --surface: #1f1d2e;
  --overlay: #26233a;
  --inactive: #555169;
  --subtle: #6e6a86;
  --subtle-light: #817c9c;
  --text: #e0def4;
  --love: #eb6f92;
  --gold: #f6c177;
  --rose: #ebbcba;
  --pine: #31748f;
  --pine-dark: #286983;
  --foam: #9ccfd8;
  --iris: #c4a7e7;
  --highlight: #2a2837;
  --highlightInactive: #211f2d;
  --highlightOverlay: #3a384a;
  /* Telegram */
  --body-background-color: var(--base);
  --background-color-true: var(--base);
  --background-color: var(--surface);
  --border-color: var(--overlay);
  --surface-color: var(--surface);
  --scrollbar-color: var(--subtle);
  --input-search-background-color: var(--base);
  --input-search-border-color: var(--highlight);
  --primary-color: var(--pine);
  --light-primary-color: pink;
  --dark-primary-color: var(--pine-dark);
  --primary-text-color: var(--text);
  --secondary-color: var(--iris);
  --secondary-text-color: var(--subtle-light);
  --light-secondary-text-color: var(--highlightOverlay);
  --danger-color: var(--love);
  --light-danger-color: var(--love);
  --avatar-online-color: var(--foam);
  --avatar-color-top: var(--pine);
  --avatar-color-bottom: var(--iris);
  --chatlist-status-color: var(--rose);
  --chatlist-pinned-color: var(--secondary-color);
  --badge-text-color: var(--base);
  --link-color: var(--gold);
  --ripple-color: var(--foam);
  --poll-circle-color: var(--text);
  --message-background-color: var(--overlay);
  --message-checkbox-color: var(--primary-color);
  --message-checkbox-border-color: var(--text);
  --message-secondary-color: var(--secondary-color);
  --message-out-background-color: var(--pine);
  --light-message-out-background-color: var(--iris);
  --dark-message-out-background-color: var(--pine-dark);
  --message-out-link-color: var(--foam);
  --message-out-primary-color: var(--text);
  --message-out-status-color: var(--foam);
  --message-out-audio-play-button-color: var(--message-out-background-color);
  --message-highlightning-color: var(--subtle) !important;
}

.chatlist li {
  border-radius: 8px;
}

.chat-background div {
  background-color: var(--base) !important;
}

.gradient-delimiter:before {
  border-top: 1px solid var(--highlight);
  background: var(--surface);
}