Android Theming Variables Glossary: Chat Screen

Android Theming Variables Glossary: Chat Screen

@snejugal, @SventraPopizz, @NeoKio, @AlexStrNik
This part of Android Theming Variables Glossary is about the chat screen.

Bubbles

  • chat_selectedBackground sets the background underlay color when you selected a message by holding them.
The red area shows “chat_selectedBackground”

Message panel

  • chat_messagePanelBackground sets the color of the message panel background.
  • chat_messagePanelHint sets the color of the placeholder in the message panel that says “Message” or “Broadcast”.
  • chat_messagePanelText sets the color of the text inside the message panel.
  • chat_messagePanelSend sets the color of the send icon in the message panel.
  • chat_messagePanelIcons sets the color of the icons inside the message panel.
  • chat_fieldOverlayText sets the text color on message bar to join a channel or group or cancel a voice/video message or mute/unmute a chat.
The red area shows “chat_messagePanelBackground”, the green area shows “chat_messagePanelHint”, the dark blue area shows “chat_messagePanelText”, the orange area shows “chat_messagePanelSend”, the light blue area shows “chat_messagePanelIcons”, and the brown underline shows “chat_fieldOverlayText” (example of a channel).

Emojis/stickers panel

If you change the variables from this subsection with the in-app editor, you need to reopen the chat screen to see changes.

  • chat_emojiPanelBackground sets the background color of panel for emojis, saved stickers, sticker packs in preview and bot keyboard below message panel with alpha value been layered on black.
  • chat_emojiPanelEmptyText sets the color of the “No recent” text if no emoji is used or list cleared and recent list with clock icon is empty. To clear recent list, select and hold any recent emoji that doesn't have skin tones variations and confirm Clear in dialog.
  • chat_emojiPanelIcon sets the color of all icons in horizontally scrollable row below message panel in emoji and sticker panel, except actually selected emoji set. 
  • chat_emojiPanelIconSelected sets the color of the emoji set selected icon.
  • chat_emojiPanelIconSelector sets the color of a line that indicates actual emoji set on chat_emojiPanelShadowLine.
  • chat_emojiPanelBackspace sets the color of the backspace icon to delete last emoji added in message while still editing.
  • chat_emojiPanelStickerPackSelector sets the square background color on actual selected sticker pack.
The red area shows “chat_emojiPanelBackground”, the green underline shows “chat_emojiPanelEmptyText”, the dark blue area shows “chat_emojiPanelIcon”s, the purple underline shows “chat_emojiPanelIconSelected”, the orange area shows “chat_emojiPanelIconSelector”, the light blue area shows “chat_emojiPanelBackspace”, and the brown area shows “chat_emojiPanelStickerPackSelector”.

Unfortunately, the next five variables can be changed only with .attheme editor.

  • chat_emojiPanelStickerSetName sets the color of sticker packs titles when scrolling.
  • chat_emojiPanelStickerSetNameIcon sets the color of the remove or setting icon beside group stickers title.
The red underline shows “chat_emojiPanelStickerSetName”s and the green area shows “chat_emojiPanelStickerSetNameIcon”.
  • featuredStickers_delButton sets the background of "Remove" button in Trending Stickers section.
  • featuredStickers_delButtonPressed sets the background of "Remove" button when pressed in Trending Stickers section.
  • featuredStickers_unread sets the blue dot color near the sticker pack title.
The red area shows “featuredStickers_delButton”, the blue area shows “featuredStickers_delButtonPressed”, and the green area shows “featuredStickers_unread”.

Bot keyboard

  • The background is chat_emojiPanelBackground.
  • chat_botKeyboardButtonText sets the text color on buttons in a panel below message bar, if programmed in a bot.
  • chat_botKeyboardButtonBackground sets the background color of the buttons.
  • chat_botKeyboardButtonBackgroundPressed sets the button background color when tapped and is the selector of these buttons. it replaced the default color, so alpha channel less than 255 will make the button transparent.
The red underlines show “chat_botKeyboardButtonText”, the blue areas show “chat_botKeyboardButtonBackground”s, and the green area shows “chat_botKeyboardButtonBackgroundPressed”.