-
Notifications
You must be signed in to change notification settings - Fork 5.2k
Theme Reference
This reference wiki is a community work in progress. Your contributions are welcome.
This is a help reference for Telegram Desktop themes. You can find new themes in the Desktop Themes Channel. You can also share and exchange themes with your friends by simply sending and receiving them as regular files in the Telegram client.
To apply a theme, download the theme in the Telegram Desktop client and click on it within the client window. In the Theme Preview window, click the Apply This Theme button and then the Keep Changes button.
If you downloaded the theme from an external source, upload the theme in the Telegram Desktop client (any chat; perhaps in your own chat), download it again in the client, and click on it within the client window.
You can also apply a theme by visiting Settings and clicking on Choose from file in the Chat background section. Open the .tdesktop-theme
file here to load the theme. Tip: If you load a theme this way, it is reloaded each time you launch the app. This maybe helpful if you're making changes to the theme.
To create a theme with just a color scheme, you only need a single text file with the extension .tdesktop-theme
(instead of .txt
). The text is a list of color constants and their defined colors.
To create a theme with a background image included you should put two files in a ZIP archive:
- The color scheme in a text file. This file should be named
colors.tdesktop-theme
. - The background image in JPEG or PNG format. It can be named
background.jpg
,background.png
,tiled.jpg
ortiled.png
. You should name itbackground
if you'd like it not to be tiled, ortiled
if you'd like it to be tiled.
After that you need to change the extension of your ZIP archive from .zip
to .tdesktop-theme
, so you'll have:
mytheme.tdesktop-theme (a ZIP archive)
|-colors.tdesktop-theme (a text file)
'-background.jpg (or tiled.jpg, background.png, tiled.png)
The standard list of color constants (shown below) define colors for user interface components of Telegram Desktop. The default colors are defined in the default theme color file.
The color of a constant is defined in hexadecimal format with RGB or RGBA notation. The A in RGBA stands for alpha, which defines the amount of transparency.
activeButtonBgOver: #00a32b; //RGB
msgStickerOverlay: #2223237f; //RGBA
A constant can reuse the color defined for another constant:
windowActiveTextFg: #15cd7d;
msgInServiceFg: windowActiveTextFg;
Beyond the standard list, custom constants can also be defined for easy reference and reuse:
COLOR_GREEN_LIGHT: #15cd7d;
windowBoldFgOver: COLOR_GREEN_LIGHT;
menuIconFgOver: COLOR_GREEN_LIGHT;
Constant | Description |
---|---|
activeButtonBg | Default active button background |
activeButtonBgOver | Default active button background with mouse over |
activeButtonBgRipple | Default active button ripple effect |
activeButtonFg | Default active button text |
activeButtonFgOver | Default active button text with mouse over |
activeButtonSecondaryFg | Default active button additional text (selected messages counter in forward / delete buttons) |
activeButtonSecondaryFgOver | Default active button additional text with mouse over |
activeLineFg | Default active line (like code input field bottom border when you log in and field is focused) |
activeLineFgError | Default active line for error state (like code input field bottom border when you log in and you've entered incorrect code) |
attentionButtonBgOver | Default attention button background with mouse over |
attentionButtonBgRipple | Default attention button ripple effect |
attentionButtonFg | Default attention button text (like confirm button on log out) |
attentionButtonFgOver | Default attention button text with mouse over |
boxBg | Box background |
boxSearchBg | Box search field background (like in contacts box) |
boxSearchCancelIconFg | Search cancel X button icon (like in contacts box) (not implemented yet) |
boxSearchCancelIconFgOver | Search cancel X button icon with mouse over (not implemented yet) |
boxTextFg | Box text |
boxTextFgError | Rejecting box text (like when choosing username that is occupied) |
boxTextFgGood | Accepted box text (like when choosing username that is not occupied) |
boxTitleAdditionalFg | Box title additional text (like in create group box when you see chosen members count) |
boxTitleCloseFg | Settings close icon and box search cancel icon (like in contacts box) |
boxTitleCloseFgOver | Settings close icon and box search cancel icon (like in contacts box) with mouse over |
boxTitleFg | Box title text |
cancelIconFg | Default for settings close icon and box search cancel icon |
cancelIconFgOver | Default for settings close icon and box search cancel icon with mouse over |
checkboxFg | Default unchecked checkbox rounded rectangle (and also emoji category icons) |
contactsBg | Contacts (and some other) box row background |
contactsBgOver | Contacts (and some other) box row background with mouse over |
contactsNameFg | Contacts (and some other) box row name text |
contactsStatusFg | Contacts (and some other) box row additional text (like last seen stamp) |
contactsStatusFgOnline | Contacts (and some other) box row active additional text (like online status) |
contactsStatusFgOver | Contacts (and some other) box row additional text (like last seen stamp) with mouse over |
dialogsBg | Chat list background |
dialogsBgActive | Chat list background for current (active) chat |
dialogsBgOver | Chat list background with mouse over |
dialogsChatIconFg | Chat list group or channel icon |
dialogsChatIconFgActive | Chat list group or channel icon for current (active) chat |
dialogsChatIconFgOver | Chat list group or channel icon with mouse over |
dialogsDateFg | Chat list date text |
dialogsDateFgActive | Chat list date text for current (active) chat |
dialogsDateFgOver | Chat list date text with mouse over |
dialogsDraftFg | Chat list draft label |
dialogsDraftFgActive | Chat list draft label for current (active) chat |
dialogsDraftFgOver | Chat list draft label with mouse over |
dialogsForwardBg | Forwarding panel background (when forwarding messages in the smallest window size) |
dialogsForwardFg | Forwarding panel text (when forwarding messages in the smallest window size) |
dialogsMenuIconFg | Main menu and lock telegram icon |
dialogsMenuIconFgOver | Main menu and lock telegram icon with mouse over |
dialogsNameFg | Chat list name text |
dialogsNameFgActive | Chat list name text for current (active) chat |
dialogsNameFgOver | Chat list name text with mouse over |
dialogsSendingIconFg | Chat list sending message icon (clock) |
dialogsSendingIconFgActive | Chat list sending message icon (clock) for current (active) chat |
dialogsSendingIconFgOver | Chat list sending message icon (clock) with mouse over |
dialogsSentIconFg | Chat list sent message tick / double tick icon |
dialogsSentIconFgActive | Chat list sent message tick / double tick icon for current (active) chat |
dialogsSentIconFgOver | Chat list sent message tick / double tick icon with mouse over |
dialogsTextFg | Chat list message text |
dialogsTextFgActive | Chat list message text for current (active) chat |
dialogsTextFgOver | Chat list message text with mouse over |
dialogsTextFgService | Chat list group sender name text (or media message type text) |
dialogsTextFgServiceActive | Chat list group sender name text for current (active) chat |
dialogsTextFgServiceOver | Chat list group sender name text with mouse over |
dialogsUnreadBg | Chat list unread badge background for not muted chat |
dialogsUnreadBgActive | Chat list unread badge background for not muted chat for current (active) chat |
dialogsUnreadBgMuted | Chat list unread badge background for muted chat |
dialogsUnreadBgMutedActive | Chat list unread badge background for muted chat for current (active) chat |
dialogsUnreadBgMutedOver | Chat list unread badge background for muted chat with mouse over |
dialogsUnreadBgOver | Chat list unread badge background for not muted chat with mouse over |
dialogsUnreadFg | Chat list unread badge text |
dialogsUnreadFgActive | Chat list unread badge text for current (active) chat |
dialogsUnreadFgOver | Chat list unread badge text with mouse over |
dialogsVerifiedIconBg | Chat list verified icon background |
dialogsVerifiedIconBgActive | Chat list verified icon background for current (active) chat |
dialogsVerifiedIconBgOver | Chat list verified icon background with mouse over |
dialogsVerifiedIconFg | Chat list verified icon check |
dialogsVerifiedIconFgActive | Chat list verified icon check for current (active) chat |
dialogsVerifiedIconFgOver | Chat list verified icon check with mouse over |
emojiPanBg | Emoji panel background |
emojiPanCategories | Emoji panel categories background |
emojiPanHeaderBg | Emoji panel section header background |
emojiPanHeaderFg | Emoji panel section header text |
filterInputBorderFg | Default rounded input field border (like in chats list search field when field is focused) |
filterInputInactiveBg | Default rounded input field background (like in chats list search field when field is inactive) |
historyCaptionInFg | Inbox media caption text |
historyCaptionOutFg | Outbox media caption text |
historyComposeAreaBg | History compose area background (message write area / reply information / forwarding information) |
historyComposeAreaFg | History compose area text |
historyComposeAreaFgService | History compose area text when replying to a media message |
historyComposeButtonBg | Unblock / join channel / mute channel button background |
historyComposeButtonBgOver | Unblock / join channel / mute channel button background with mouse over |
historyComposeButtonBgRipple | Unblock / join channel / mute channel button ripple effect |
historyComposeIconFg | History compose area icon (like emoji, attach, bot command..) |
historyComposeIconFgOver | History compose area icon with mouse over |
historyFileInIconFg | Inbox file without thumbnail (like audio file) download arrow icon |
historyFileInIconFgSelected | Inbox selected file without thumbnail (like audio file) download arrow icon |
historyFileInRadialFg | Inbox file without thumbnail (like audio file) radial download animation line |
historyFileInRadialFgSelected | Inbox selected file without thumbnail (like audio file) radial download animation line |
historyFileNameInFg | Inbox media filename text |
historyFileNameOutFg | Outbox media filename text |
historyFileOutIconFg | Outbox file without thumbnail (like audio file) download arrow icon |
historyFileOutIconFgSelected | Outbox selected file without thumbnail (like audio file) download arrow icon |
historyFileOutRadialFg | Outbox file without thumbnail (like audio file) radial download animation line |
historyFileOutRadialFgSelected | Outbox selected file without thumbnail (like audio file) radial download animation line |
historyFileThumbIconFg | File with thumbnail (or photo / video) download arrow icon |
historyFileThumbIconFgSelected | Selected file with thumbnail (or photo / video) download arrow icon |
historyFileThumbRadialFg | File with thumbnail (or photo / video) radial download animation line |
historyFileThumbRadialFgSelected | Selected file with thumbnail (or photo / video) radial download animation line |
historyForwardChooseBg | Forwarding messages in a large window size "choose recipient" background |
historyForwardChooseFg | Forwarding messages in a large window size "choose recipient" text |
historyIconFgInverted | Media message tick / double tick icon (like in sent photo) |
historyOutIconFg | Outbox message tick / double tick icon |
historyOutIconFgSelected | Outbox message tick / double tick icon in a selected message |
historyPeer1NameFg | Red group member name |
historyPeer1UserpicBg | Red userpic background |
historyPeer2NameFg | Green group member name |
historyPeer2UserpicBg | Green userpic background |
historyPeer3NameFg | Yellow group member name |
historyPeer3UserpicBg | Yellow userpic background |
historyPeer4NameFg | Blue group member name |
historyPeer4UserpicBg | Blue userpic background |
historyPeer5NameFg | Purple group member name |
historyPeer5UserpicBg | Purple userpic background |
historyPeer6NameFg | Pink group member name |
historyPeer6UserpicBg | Pink userpic background |
historyPeer7NameFg | Sea group member name |
historyPeer7UserpicBg | Sea userpic background |
historyPeer8NameFg | Orange group member name |
historyPeer8UserpicBg | Orange userpic background |
historyPeerUserpicFg | Default userpic initials |
historyPinnedBg | Pinned message area background |
historyReplyBg | Reply / forward / edit message area background |
historyReplyCancelFg | Reply / forward / edit message cancel button |
historyReplyCancelFgOver | Reply / forward / edit message cancel button with mouse over |
historyReplyIconFg | Reply / forward / edit message left icon |
historyScrollBarBg | Scroll bar current rectangle, the bar itself in the chat view (adjusted) |
historyScrollBarBgOver | Scroll bar current rectangle with mouse over it in the chat view (adjusted) |
historyScrollBg | Scroll bar background (adjusted) |
historyScrollBgOver | Scroll bar background with mouse over the scroll bar (adjusted) |
historySendIconFg | Send message icon |
historySendIconFgOver | Send message icon with mouse over |
historySendingInIconFg | Inbox sending message icon (clock) (like in sent messages to yourself or in sent messages to a channel) |
historySendingInvertedIconFg | Media sending message icon (clock) (like in sent photo) |
historySendingOutIconFg | Outbox sending message icon (clock) |
historyTextInFg | Inbox message text |
historyTextOutFg | Outbox message text |
historyToDownBg | Arrow button background (to scroll to the end of the viewed chat) |
historyToDownBgOver | Arrow button background with mouse over |
historyToDownBgRipple | Arrow button ripple effect |
historyToDownFg | Arrow button icon |
historyToDownFgOver | Arrow button icon with mouse over |
historyToDownShadow | Arrow button shadow |
historyUnreadBarBg | New unread messages bar background |
historyUnreadBarBorder | New unread messages bar shadow |
historyUnreadBarFg | New unread messages bar text |
imageBg | Image background fallback (when photo size is less than minimum allowed) |
imageBgTransparent | Image background when displaying an image with opacity where no opacity is needed |
inputBorderFg | Default input field bottom border (like in code input field when you log in and field is not focused) |
introBg | Login background |
introCoverBottomBg | Intro gradient bottom (to) |
introCoverIconsFg | Intro cloud graphics |
introCoverPlaneInner | Intro plane part |
introCoverPlaneOuter | Intro plane part |
introCoverPlaneTop | Intro plane part |
introCoverPlaneTrace | Intro plane traces |
introCoverTopBg | Intro gradient top (from) |
introDescriptionFg | Login description text |
introErrorFg | Login error text (like when providing a wrong log in code) |
introTitleFg | Login title text |
layerBg | Box and main menu background layer fade |
lightButtonBg | Default light button background (like buttons in boxes) |
lightButtonBgOver | Default light button background with mouse over |
lightButtonBgRipple | Default light button ripple effect |
lightButtonFg | Default light button text |
lightButtonFgOver | Default light button text with mouse over |
mainMenuBg | Main menu background |
mainMenuCoverBg | Main menu top cover background |
mainMenuCoverFg | Main menu top cover text |
mediaInFg | Inbox media message status text (like in file that is being downloaded) |
mediaInFgSelected | Inbox selected media message status text (like in file that is being downloaded) |
mediaOutFg | Outbox media message status text (like in file that is being downloaded) |
mediaOutFgSelected | Outbox selected media message status text (like in file that is being downloaded) |
mediaPlayerActiveFg | Audio file player playback progress already played part |
mediaPlayerBg | Audio file player background |
mediaPlayerDisabledFg | Audio file player loading progress (when you're playing an audio file and switch to the previous one which is not loaded yet) |
mediaPlayerInactiveFg | Audio file player playback progress upcoming (not played yet) part with mouse over |
mediaviewBg | Media Viewer background |
mediaviewCaptionBg | Caption text background (when viewing photo with caption) |
mediaviewCaptionFg | Caption text |
mediaviewControlBg | Controls background (like next photo / previous photo) |
mediaviewControlFg | Controls icon (like next photo / previous photo) |
mediaviewFileBg | File rectangle background (when you view a png file in Media Viewer and go to a previous, not loaded yet, file) |
mediaviewFileBlueCornerFg | Blue file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .dmg) |
mediaviewFileExtFg | File extension text in file thumbnail placeholder in file rectangle |
mediaviewFileGreenCornerFg | Green file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .exe) |
mediaviewFileNameFg | File name in file rectangle |
mediaviewFileRedCornerFg | Red file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .pdf) |
mediaviewFileSizeFg | File size text in file rectangle |
mediaviewFileYellowCornerFg | Yellow file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .zip) |
mediaviewMenuBg | Context menu in Media Viewer background |
mediaviewMenuBgOver | Context menu item background with mouse over |
mediaviewMenuBgRipple | Context menu item ripple effect |
mediaviewMenuFg | Context menu item text |
mediaviewPlaybackActive | Video playback progress already played part |
mediaviewPlaybackActiveOver | Video playback progress already played part with mouse over |
mediaviewPlaybackIconFg | Video playback controls icon |
mediaviewPlaybackIconFgOver | Video playback controls icon with mouse over |
mediaviewPlaybackInactive | Video playback progress upcoming (not played yet) part |
mediaviewPlaybackInactiveOver | Video playback progress upcoming (not played yet) part with mouse over |
mediaviewPlaybackProgressFg | Video playback progress text |
mediaviewSaveMsgBg | Save to file toast message background in Media Viewer |
mediaviewSaveMsgFg | Save to file toast message text |
mediaviewTextLinkFg | Caption text link |
mediaviewTransparentBg | Transparent filling part (when viewing a transparent .png file in Media Viewer) |
mediaviewTransparentFg | Another transparent filling part |
mediaviewVideoBg | Media Viewer background when viewing a video in full screen |
membersAboutLimitFg | Text in channel members box about the limit (max 200 last members are shown) |
menuBg | Default popup menu background |
menuBgOver | Default popup menu item background with mouse over |
menuBgRipple | Default popup menu item ripple effect |
menuFgDisabled | Default popup menu item disabled text (like unavailable items in message field context menu) |
menuIconFg | Default popup menu item icon (like main menu) |
menuIconFgOver | Default popup menu item icon with mouse over |
menuSeparatorFg | Default popup menu separator (like in message field context menu) |
menuSubmenuArrowFg | Default popup menu submenu arrow icon (like in message field context menu in case of RTL system language) |
msgBotKbIconFg | Bot inline keyboard button icon in the top-right corner (like in @vote bot when a poll is ready to be shared) |
msgBotKbOverBgAdd | This is painted over a bot inline keyboard button (which has msgServiceBg background) when mouse is over that button |
msgBotKbRippleBg | Bot inline keyboard button ripple effect |
msgDateImgBg | Media message time bubble background (like time bubble in a sent photo) or file with thumbnail download icon circle background |
msgDateImgBgOver | Media message download icon circle background with mouse over (like file with thumbnail download icon) |
msgDateImgBgSelected | Selected media message time bubble background |
msgDateImgFg | Media message time text (like time text in a sent photo) |
msgFile1Bg | Blue shared links / files without image square thumbnail |
msgFile1BgDark | Blue shared files without image download circle background |
msgFile1BgOver | Blue shared files without image download circle background with mouse over |
msgFile1BgSelected | Blue shared files without image download circle background if file is selected |
msgFile2Bg | Green shared links / shared files without image square thumbnail |
msgFile2BgDark | Green shared files without image download circle background |
msgFile2BgOver | Green shared files without image download circle background with mouse over |
msgFile2BgSelected | Green shared files without image download circle background if file is selected |
msgFile3Bg | Red shared links / shared files without image square thumbnail |
msgFile3BgDark | Red shared files without image download circle background |
msgFile3BgOver | Red shared files without image download circle background with mouse over |
msgFile3BgSelected | Red shared files without image download circle background if file is selected |
msgFile4Bg | Yellow shared links / shared files without image square thumbnail |
msgFile4BgDark | Yellow shared files without image download circle background |
msgFile4BgOver | Yellow shared files without image download circle background with mouse over |
msgFile4BgSelected | Yellow shared files without image download circle background if file is selected |
msgFileInBg | Inbox audio file download circle background |
msgFileInBgOver | Inbox audio file download circle background with mouse over |
msgFileInBgSelected | Inbox selected audio file download circle background |
msgFileOutBg | Outbox audio file download circle background |
msgFileOutBgOver | Outbox audio file download circle background with mouse over |
msgFileOutBgSelected | Outbox selected audio file download circle background |
msgFileThumbLinkInFg | Inbox media file message with thumbnail download / open with button text |
msgFileThumbLinkInFgSelected | Inbox selected media file message with thumbnail download / open with button text |
msgFileThumbLinkOutFg | Outbox media file message with thumbnail download / open with button text |
msgFileThumbLinkOutFgSelected | Outbox selected media file message with thumbnail download / open with button text |
msgImgReplyBarColor | Sticker message reply outline |
msgInBg | Inbox message background |
msgInBgSelected | Inbox selected message background (and background of selected text in those messages) |
msgInDateFg | Inbox message time text |
msgInDateFgSelected | Inbox selected message time text |
msgInMonoFg | Inbox message monospace text (like a message sent with `test` text) |
msgInReplyBarColor | Inbox message reply outline |
msgInReplyBarSelColor | Inbox selected message reply outline |
msgInServiceFg | Inbox message information text (like information about a forwarded message original sender) |
msgInServiceFgSelected | Inbox selected message information text (like information about a forwarded message original sender) |
msgInShadow | Inbox message shadow (below the bubble) |
msgInShadowSelected | Inbox selected message shadow (below the bubble) |
msgOutBg | Outbox message background |
msgOutBgSelected | Outbox selected message background (and background of selected text in those messages) |
msgOutDateFg | Outbox message time text |
msgOutDateFgSelected | Outbox selected message time text |
msgOutMonoFg | Outbox message monospace text |
msgOutReplyBarColor | Outbox message reply outline |
msgOutReplyBarSelColor | Outbox selected message reply outline |
msgOutServiceFg | Outbox message information text (like information about a forwarded message original sender) |
msgOutServiceFgSelected | Outbox message information text (like information about a forwarded message original sender) |
msgOutShadow | Outbox message shadow (below the bubble) |
msgOutShadowSelected | Outbox selected message shadow (below the bubble) |
msgSelectOverlay | Overlay which is filling the media parts of selected messages (like in selected photo message) |
msgServiceBg | Service message background (like in a service message about group title being changed) (adjusted) |
msgServiceBgSelected | Service message selected text background (like in a service message about group title being changed) (adjusted) |
msgServiceFg | Service message text (like date dividers or service message about the group title being changed) |
msgStickerOverlay | Overlay which is filling the selected sticker message |
msgWaveformInActive | Inbox voice message active waveform lines (like played part of currently playing voice message) |
msgWaveformInActiveSelected | Inbox selected voice message active waveform lines (like played part of currently playing voice message) |
msgWaveformInInactive | Inbox voice message inactive waveform lines (like upcoming part of currently playing voice message) |
msgWaveformInInactiveSelected | Inbox selected voice message inactive waveform lines (like upcoming part of currently playing voice message) |
msgWaveformOutActive | Outbox voice message active waveform lines (like played part of currently playing voice message) |
msgWaveformOutActiveSelected | Outbox selected voice message active waveform lines (like played part of currently playing voice message) |
msgWaveformOutInactive | Outbox voice message inactive waveform lines (like upcoming part of currently playing voice message) |
msgWaveformOutInactiveSelected | Outbox selected voice message inactive waveform lines (like upcoming part of currently playing voice message) |
notificationBg | Custom notification window background |
notificationSampleCloseFg | Custom notifications settings box small sample close button placeholder |
notificationSampleNameFg | Custom notifications settings box small sample name placeholder |
notificationSampleTextFg | Custom notifications settings box small sample text placeholder |
notificationSampleUserpicFg | Custom notifications settings box small sample userpic placeholder |
notificationsBoxMonitorFg | Custom notifications settings box monitor color |
notificationsBoxScreenBg | Custom notifications settings box monitor screen background |
outlineButtonBg | Default left outlined button background (like shared media links in profiles) |
outlineButtonBgOver | Default left outlined button background with mouse over |
outlineButtonBgRipple | Default left outlined button ripple effect |
outlineButtonOutlineFg | Default left outlined button left outline border |
overviewCheckBg | Shared files / links checkbox background for not selected rows when some rows are selected |
overviewCheckFg | Shared files / links checkbox icon for not selected rows when some rows are selected |
overviewCheckFgActive | Shared files / links checkbox icon for selected rows |
overviewPhotoSelectOverlay | Shared photos / videos / links fill for selected rows |
photoCropFadeBg | Avatar crop box fade background (when choosing a new photo in Settings or for a group) |
photoCropPointFg | Avatar crop box corner rectangles (when choosing a new photo in Settings or for a group) |
placeholderFg | Default input field placeholder when field is not focused (like in phone input field when you log in) |
placeholderFgActive | Default input field placeholder when field is focused |
profileAdminStartFg | Group members list admin star icon |
profileStatusFgOver | Group members list in group profile user last seen text with mouse over |
profileVerifiedCheckBg | Profile verified check icon background |
profileVerifiedCheckFg | Profile verified check icon tick |
radialBg | Default radial loader background (like in Media Viewer when loading a photo) |
radialFg | Default radial loader line (like in Media Viewer when loading a photo) |
reportSpamBg | Report spam panel background (like a non contact user writes your for the first time) |
reportSpamFg | Report spam panel text (when you send a report from that panel) |
scrollBarBg | Default scroll bar current rectangle, the bar itself (like in chats list) |
scrollBarBgOver | Default scroll bar current rectangle with mouse over it |
scrollBg | Default scroll bar background |
scrollBgOver | Default scroll bar background with mouse over the scroll bar |
searchedBarBg | Search results bar background (in chats list, contacts box..) |
searchedBarFg | Search results bar text (in chats list, contacts box..) |
shadowFg | Most shadows (including opacity) |
slideFadeOutBg | Slide animation (chat to profile) fade out filling |
slideFadeOutShadowFg | Slide animation (chat to profile) fade out right section shadow |
sliderBgActive | Default slider active bar (like in Settings when you choose interface scale or custom notifications count) |
sliderBgInactive | Default slider not active bar (like in Settings when you choose interface scale or custom notifications count) |
smallCloseIconFg | Small X icon (like in Show all sessions box to the right for sessions termination) |
smallCloseIconFgOver | Small X icon with mouse over |
stickerPanDeleteBg | Delete X button background for custom sent stickers in stickers panel (legacy) |
stickerPanDeleteFg | Delete X button icon for custom sent stickers in stickers panel (legacy) |
stickerPreviewBg | Sticker and GIF preview background (when you press and hold on a sticker) |
titleBg | Custom window title background when window is inactive |
titleBgActive | Custom window title background when window is active |
titleButtonBg | Custom window title minimize/maximize/restore button background when window is inactive (Windows only) |
titleButtonBgActive | Custom window title minimize/maximize/restore button background when window is active (Windows only) |
titleButtonBgActiveOver | Custom window title minimize/maximize/restore button background with mouse over when window is active (Windows only) |
titleButtonBgOver | Custom window title minimize/maximize/restore button background with mouse over when window is inactive (Windows only) |
titleButtonCloseBg | Custom window title close button background when window is inactive (Windows only) |
titleButtonCloseBgActive | Custom window title close button background when window is active (Windows only) |
titleButtonCloseBgActiveOver | Custom window title close button background with mouse over when window is active (Windows only) |
titleButtonCloseBgOver | Custom window title close button background with mouse over when window is inactive (Windows only) |
titleButtonCloseFg | Custom window title close button icon when window is inactive (Windows only) |
titleButtonCloseFgActive | Custom window title close button icon when window is active (Windows only) |
titleButtonCloseFgActiveOver | Custom window title close button icon with mouse over when window is active (Windows only) |
titleButtonCloseFgOver | Custom window title close button icon with mouse over when window is inactive (Windows only) |
titleButtonFg | Custom window title minimize/maximize/restore button icon when window is inactive (Windows only) |
titleButtonFgActive | Custom window title minimize/maximize/restore button icon when window is active (Windows only) |
titleButtonFgActiveOver | Custom window title minimize/maximize/restore button icon with mouse over when window is active (Windows only) |
titleButtonFgOver | Custom window title minimize/maximize/restore button icon with mouse over when window is inactive (Windows only) |
titleFg | Custom window title text when window is inactive (macOS only) |
titleFgActive | Custom window title text when window is active (macOS only) |
titleShadow | One pixel line shadow at the bottom of custom window title |
toastBg | Toast notification background (like when you click on your t.me link when editing your username) |
toastFg | Toast notification text (like when you click on your t.me link when editing your username) |
tooltipBg | Tooltip background (like when you put mouse over the message timestamp and wait) |
tooltipBorderFg | Tooltip border |
tooltipFg | Tooltip text |
topBarBg | Top bar background (in chat view, media overview..) |
trayCounterBg | Tray icon counter background |
trayCounterBgMacInvert | Tray icon counter background when tray icon is pressed or when dark theme of macOS is used (macOS only) |
trayCounterBgMute | Tray icon counter background if all unread messages are muted |
trayCounterFg | Tray icon counter text |
trayCounterFgMacInvert | Tray icon counter text when tray icon is pressed or when dark theme of macOS is used (macOS only) |
videoPlayIconBg | Other video play icon background (like when a link to a vimeo video with a webpage preview is sent) |
videoPlayIconFg | Other video play icon arrow (like when a link to a vimeo video with a webpage preview is sent) |
windowActiveTextFg | Fallback for active text like online status |
windowBg | Fallback for background |
windowBgActive | Fallback for blue filled active areas |
windowBgOver | Fallback for background with mouse over |
windowBgRipple | Fallback for ripple effect |
windowBoldFg | Fallback for bold text |
windowBoldFgOver | Fallback for bold text with mouse over |
windowFg | Fallback for text |
windowFgActive | Fallback for text on active areas |
windowFgOver | Fallback for text with mouse over |
windowShadowFg | Fallback for shadow |
windowShadowFgFallback | Fallback for shadow without opacity |
windowSubTextFg | Fallback for additional text |
windowSubTextFgOver | Fallback for additional text with mouse over |
youtubePlayIconBg | Youtube play icon background (when a link to a youtube video with a webpage preview is sent) |
youtubePlayIconFg | Youtube play icon arrow (when a link to a youtube video with a webpage preview is sent) |
This reference wiki ends here.
Extra Informations
Group | Channel | Theme Channel