Type alias ComponentColorTree

Type declaration

• ColorPart: {
      Badge: "text" | "background";
      Button: "background" | "content";
      DateSeparator: "text" | "background";
      Dialog: "background" | "text" | "message" | "highlight" | "destructive" | "blurred";
      GroupChannelMessage: "textMsg" | "textEdited" | "textSenderName" | "textTime" | "textVoicePlaytime" | "background" | "voiceSpinner" | "voiceProgressTrack" | "voiceActionIcon" | "voiceActionIconBackground";
      GroupChannelPreview: "textTitle" | "textTitleCaption" | "textBody" | "memberCount" | "bodyIcon" | "background" | "coverBackground" | "bodyIconBackground" | "separator";
      Header: "background" | "borderBottom";
      Input: "text" | "placeholder" | "background" | "highlight";
      OpenChannelMessage: "textMsg" | "textMsgPostfix" | "textSenderName" | "textTime" | "textOperator" | "background" | "bubbleBackground" | "adminBackground";
      OpenChannelPreview: "textTitle" | "textParticipants" | "frozenIcon" | "participantsIcon" | "background" | "coverBackground" | "separator";
      Placeholder: "content" | "highlight";
      ProfileCard: "textUsername" | "textBodyLabel" | "textBody" | "background";
      Reaction: "background" | "highlight";
      VoiceMessageInput: "textCancel" | "textTime" | "background" | "actionIcon" | "actionIconBackground" | "sendIcon" | "sendIconBackground" | "progressTrack" | "recording";
  }

  • Badge: "text" | "background"

  • Button: "background" | "content"

  • DateSeparator: "text" | "background"

  • Dialog: "background" | "text" | "message" | "highlight" | "destructive" | "blurred"

  • GroupChannelMessage: "textMsg" | "textEdited" | "textSenderName" | "textTime" | "textVoicePlaytime" | "background" | "voiceSpinner" | "voiceProgressTrack" | "voiceActionIcon" | "voiceActionIconBackground"

  • GroupChannelPreview: "textTitle" | "textTitleCaption" | "textBody" | "memberCount" | "bodyIcon" | "background" | "coverBackground" | "bodyIconBackground" | "separator"

  • Header: "background" | "borderBottom"

  • Input: "text" | "placeholder" | "background" | "highlight"

  • OpenChannelMessage: "textMsg" | "textMsgPostfix" | "textSenderName" | "textTime" | "textOperator" | "background" | "bubbleBackground" | "adminBackground"

  • OpenChannelPreview: "textTitle" | "textParticipants" | "frozenIcon" | "participantsIcon" | "background" | "coverBackground" | "separator"

  • Placeholder: "content" | "highlight"

  • ProfileCard: "textUsername" | "textBodyLabel" | "textBody" | "background"

  • Reaction: "background" | "highlight"

  • VoiceMessageInput: "textCancel" | "textTime" | "background" | "actionIcon" | "actionIconBackground" | "sendIcon" | "sendIconBackground" | "progressTrack" | "recording"

• State: {
      Badge: "none";
      Button: "enabled" | "pressed" | "disabled";
      DateSeparator: "none";
      Dialog: "none";
      GroupChannelMessage: "enabled" | "pressed";
      GroupChannelPreview: "none";
      Header: "none";
      Input: "active" | "disabled";
      OpenChannelMessage: "enabled" | "pressed";
      OpenChannelPreview: "none";
      Placeholder: "none";
      ProfileCard: "none";
      Reaction: "enabled" | "selected";
      VoiceMessageInput: "active" | "inactive";
  }

  • Badge: "none"

  • Button: "enabled" | "pressed" | "disabled"

  • DateSeparator: "none"

  • Dialog: "none"

  • GroupChannelMessage: "enabled" | "pressed"

  • GroupChannelPreview: "none"

  • Header: "none"

  • Input: "active" | "disabled"

  • OpenChannelMessage: "enabled" | "pressed"

  • OpenChannelPreview: "none"

  • Placeholder: "none"

  • ProfileCard: "none"

  • Reaction: "enabled" | "selected"

  • VoiceMessageInput: "active" | "inactive"

• Variant: {
      Badge: "default";
      Button: "contained" | "text";
      DateSeparator: "default";
      Dialog: "default";
      GroupChannelMessage: "incoming" | "outgoing";
      GroupChannelPreview: "default";
      Header: "nav";
      Input: "default" | "underline";
      OpenChannelMessage: "default";
      OpenChannelPreview: "default";
      Placeholder: "default";
      ProfileCard: "default";
      Reaction: "default" | "rounded";
      VoiceMessageInput: "default";
  }

  • Badge: "default"

  • Button: "contained" | "text"

  • DateSeparator: "default"

  • Dialog: "default"

  • GroupChannelMessage: "incoming" | "outgoing"

  • GroupChannelPreview: "default"

  • Header: "nav"

  • Input: "default" | "underline"

  • OpenChannelMessage: "default"

  • OpenChannelPreview: "default"

  • Placeholder: "default"

  • ProfileCard: "default"

  • Reaction: "default" | "rounded"

  • VoiceMessageInput: "default"