Digital Night
409 people are using this theme
x
name: Digital Night
shortname: DigitalNight
windowBg: #212032 // white: fallback for background
windowFg: #F5F5F5 // black: fallback for text
windowBgOver: #28283E // light gray: fallback for background with mouse over
windowBgRipple: #414161 // darker gray: fallback for ripple effect
windowFgOver: #E9ECF0 // black: fallback for text with mouse over
windowSubTextFg: #0096FF // gray: fallback for additional text
windowSubTextFgOver: #2FACFF // darker gray: fallback for additional text with mouse over
windowBoldFg: #E9E8E8 // dark gray: fallback for bold text
windowBoldFgOver: #E9E9E9 // dark gray: fallback for bold text with mouse over
windowBgActive: #0096FF // bright blue: fallback for blue filled active areas
windowFgActive: #FFFFFF // white: fallback for text on active areas
windowActiveTextFg: #2FACFF // online blue: fallback for active text like online status
windowShadowFg: #000000 // black: fallback for shadow
windowShadowFgFallback: #212032 // gray: fallback for shadow without opacity
shadowFg: #1E1D2F // most shadows (including opacity)
slideFadeOutBg: #2020323A // slide animation (chat to profile) fade out filling
slideFadeOutShadowFg: windowShadowFg // slide animation (chat to profile) fade out right section shadow
imageBg: #000000 // image background fallback (when photo size is less than minimum allowed)
imageBgTransparent: #FFFFFF // image background when displaying an image with opacity where no opacity is needed
activeButtonBg: #007DD2 // default active button background
activeButtonBgOver: #0096FF // default active button background with mouse over
activeButtonBgRipple: #2FACFF // default active button ripple effect
activeButtonFg: #FFFFFF // default active button text
activeButtonFgOver: #FFFFFF // default active button text with mouse over
activeButtonSecondaryFg: #2FACFF // default active button additional text (selected messages counter in forward / delete buttons)
activeButtonSecondaryFgOver: activeButtonSecondaryFg // default active button additional text with mouse over
activeLineFg: #2FACFF // default active line (like code input field bottom border when you log in and field is focused)
activeLineFgError: #EF5959 // default active line for error state (like code input field bottom border when you log in and you've entered incorrect code)
lightButtonBg: #212032 // default light button background (like buttons in boxes)
lightButtonBgOver: #28283E // default light button background with mouse over
lightButtonBgRipple: #414161 // default light button ripple effect
lightButtonFg: #2FACFF // default light button text
lightButtonFgOver: lightButtonFg // default light button text with mouse over
attentionButtonFg: #EC3942 // default attention button text (like confirm button on log out)
attentionButtonFgOver: #EC3942 // default attention button text with mouse over
attentionButtonBgOver: #592A2A64 // default attention button background with mouse over
attentionButtonBgRipple: #68323264 // default attention button ripple effect
outlineButtonBg: windowBg // default left outlined button background (like shared media links in profiles)
outlineButtonBgOver: #28283E // default left outlined button background with mouse over
outlineButtonOutlineFg: #5C5C85 // default left outlined button left outline border
outlineButtonBgRipple: #414161 // default left outlined button ripple effect
menuBg: #212032 // default popup menu background
menuBgOver: #FFFFFF // default popup menu item background with mouse over
menuBgRipple: #414161 // default popup menu item ripple effect
menuIconFg: #9B9BC6 // default popup menu item icon (like main menu)
menuIconFgOver: #DCDCDC // default popup menu item icon with mouse over
menuSubmenuArrowFg: #7A7AA5 // default popup menu submenu arrow icon (like in message field context menu in case of RTL system language)
menuFgDisabled: #414161 // default popup menu item disabled text (like unavailable items in message field context menu)
menuSeparatorFg: #28283E // default popup menu separator (like in message field context menu)
scrollBarBg: #FFFFFF53 // default scroll bar current rectangle, the bar itself (like in chats list)
scrollBarBgOver: #FFFFFF7A // default scroll bar current rectangle with mouse over it
scrollBg: #FFFFFF1A // default scroll bar background
scrollBgOver: #FFFFFF2C // default scroll bar background with mouse over the scroll bar
smallCloseIconFg: #414161 // small X icon (like in Show all sessions box to the right for sessions termination)
smallCloseIconFgOver: #5C5C85 // small X icon with mouse over
radialFg: windowFgActive // default radial loader line (like in Media Viewer when loading a photo)
radialBg: #20203255 // default radial loader background (like in Media Viewer when loading a photo)
placeholderFg: #5C5C85 // default input field placeholder when field is not focused (like in phone input field when you log in)
placeholderFgActive: #5C5C85 // default input field placeholder when field is focused
inputBorderFg: #414161 // default input field bottom border (like in code input field when you log in and field is not focused)
filterInputBorderFg: #212032 // default rounded input field border (like in chats list search field when field is focused)
filterInputInactiveBg: #28283E // default rounded input field background (like in chats list search field when field is inactive)
checkboxFg: #5C5C85 // default unchecked checkbox rounded rectangle (and also emoji category icons)
sliderBgInactive: #414161 // default slider not active bar (like in Settings when you choose interface scale or custom notifications count)
sliderBgActive: #0096FF // default slider active bar (like in Settings when you choose interface scale or custom notifications count)
tooltipBg: #212032 // tooltip background (like when you put mouse over the message timestamp and wait)
tooltipFg: #D4E0EA // tooltip text
tooltipBorderFg: #212032 // tooltip border
titleShadow: #00000000 // one pixel line shadow at the bottom of custom window title
titleBg: #28283E // custom window title background when window is inactive
titleBgActive: #28283E // custom window title background when window is active
titleButtonBg: titleBg // custom window title minimize/maximize/restore button background when window is inactive (Windows only)
titleButtonFg: #5C5C85 // custom window title minimize/maximize/restore button icon when window is inactive (Windows only)
titleButtonBgOver: #28283E // custom window title minimize/maximize/restore button background with mouse over when window is inactive (Windows only)
titleButtonFgOver: #E0E0E0 // custom window title minimize/maximize/restore button icon with mouse over when window is inactive (Windows only)
titleButtonBgActive: #28283E // custom window title minimize/maximize/restore button background when window is active (Windows only)
titleButtonFgActive: titleButtonFg // custom window title minimize/maximize/restore button icon when window is active (Windows only)
titleButtonBgActiveOver: #414161 // custom window title minimize/maximize/restore button background with mouse over when window is active (Windows only)
titleButtonFgActiveOver: titleButtonFgOver // custom window title minimize/maximize/restore button icon with mouse over when window is active (Windows only)
titleButtonCloseBg: titleButtonBg // custom window title close button background when window is inactive (Windows only)
titleButtonCloseFg: titleButtonFg // custom window title close button icon when window is inactive (Windows only)
titleButtonCloseBgOver: #E92539 // custom window title close button background with mouse over when window is inactive (Windows only)
titleButtonCloseFgOver: windowFgActive // custom window title close button icon with mouse over when window is inactive (Windows only)
titleButtonCloseBgActive: #28283E // custom window title close button background when window is active (Windows only)
titleButtonCloseFgActive: titleButtonCloseFg // custom window title close button icon when window is active (Windows only)
titleButtonCloseBgActiveOver: #E92539 // custom window title close button background with mouse over when window is active (Windows only)
titleButtonCloseFgActiveOver: titleButtonCloseFgOver // custom window title close button icon with mouse over when window is active (Windows only)
titleFg: #5C5C85 // custom window title text when window is inactive (macOS only)
titleFgActive: #5C5C85 // custom window title text when window is active (macOS only)
trayCounterBg: #F23C34 // tray icon counter background
trayCounterBgMute: #5C5C85 // tray icon counter background if all unread messages are muted
trayCounterFg: #FFFFFF // tray icon counter text
trayCounterBgMacInvert: #FFFFFF // tray icon counter background when tray icon is pressed or when dark theme of macOS is used (macOS only)
trayCounterFgMacInvert: #FFFFFF01 // tray icon counter text when tray icon is pressed or when dark theme of macOS is used (macOS only)
layerBg: #28283EA7 // box and main menu background layer fade
cancelIconFg: #5C5C85 // default for settings close icon and box search cancel icon
cancelIconFgOver: #DCDCDC // default for settings close icon and box search cancel icon with mouse over
boxBg: #212032 // box background
boxTextFg: windowFg // box text
boxTextFgGood: #2FACFF // accepted box text (like when choosing username that is not occupied)
boxTextFgError: #DC3D3D // rejecting box text (like when choosing username that is occupied)
boxTitleFg: #EBEBEB // box title text
boxSearchBg: #212032 // box search field background (like in contacts box)
boxTitleAdditionalFg: #5C5C85 // box title additional text (like in create group box when you see chosen members count)
boxTitleCloseFg: cancelIconFg // settings close icon and box search cancel icon (like in contacts box)
boxTitleCloseFgOver: cancelIconFgOver // settings close icon and box search cancel icon (like in contacts box) with mouse over
membersAboutLimitFg: #5C5C85 // text in channel members box about the limit (max 200 last members are shown)
contactsBg: #212032 // contacts (and some other) box row background
contactsBgOver: #28283E // contacts (and some other) box row background with mouse over
contactsNameFg: boxTextFg // contacts (and some other) box row name text
contactsStatusFg: #5C5C85 // contacts (and some other) box row additional text (like last seen stamp)
contactsStatusFgOver: #5C5C85 // contacts (and some other) box row additional text (like last seen stamp) with mouse over
contactsStatusFgOnline: #2FACFF // contacts (and some other) box row active additional text (like online status)
photoCropFadeBg: layerBg // avatar crop box fade background (when choosing a new photo in Settings or for a group)
photoCropPointFg: #FFFFFF7F // avatar crop box corner rectangles (when choosing a new photo in Settings or for a group)
callArrowFg: #49A2F0 // received phone call arrow (in calls list box)
callArrowMissedFg: #ED5050 // missed phone call arrow (in calls list box)
introBg: windowBg // login background
introTitleFg: #EEEEEE // login title text
introDescriptionFg: #5C5C85 // login description text
introErrorFg: #E94040 // login error text (like when providing a wrong log in code)
introCoverTopBg: #124A82 // intro gradient top (from)
introCoverBottomBg: #23659F // intro gradient bottom (to)
introCoverIconsFg: #3B7CBD // intro cloud graphics
introCoverPlaneTrace: #3870A8 // intro plane traces
introCoverPlaneInner: #CED9E2 // intro plane part
introCoverPlaneOuter: #97A9B5 // intro plane part
introCoverPlaneTop: #FFFFFF // intro plane part
dialogsMenuIconFg: #5C5C85 // main menu and lock telegram icon
dialogsMenuIconFgOver: menuIconFgOver // main menu and lock telegram icon with mouse over
dialogsBg: windowBg // chat list background
dialogsNameFg: #F5F5F5 // chat list name text
dialogsChatIconFg: dialogsNameFg // chat list group or channel icon
dialogsDateFg: #5C5C85 // chat list date text
dialogsTextFg: #5C5C85 // chat list message text
dialogsTextFgService: #0096FF // chat list group sender name text (or media message type text)
dialogsDraftFg: #FF525D // chat list draft label
dialogsVerifiedIconBg: #2FACFF // chat list verified icon background
dialogsVerifiedIconFg: #212032 // chat list verified icon check
dialogsSendingIconFg: #5C5C85 // chat list sending message icon (clock)
dialogsSentIconFg: #0096FF // chat list sent message tick / double tick icon
dialogsUnreadBg: #007DD2 // chat list unread badge background for not muted chat
dialogsUnreadBgMuted: #414161 // chat list unread badge background for muted chat
dialogsUnreadFg: #FFFFFF // chat list unread badge text
dialogsBgOver: #28283E // chat list background with mouse over
dialogsNameFgOver: windowBoldFgOver // chat list name text with mouse over
dialogsChatIconFgOver: dialogsNameFgOver // chat list group or channel icon with mouse over
dialogsDateFgOver: #7A7AA5 // chat list date text with mouse over
dialogsTextFgOver: #7A7AA5 // chat list message text with mouse over
dialogsTextFgServiceOver: #2FACFF // chat list group sender name text with mouse over
dialogsDraftFgOver: dialogsDraftFg // chat list draft label with mouse over
dialogsVerifiedIconBgOver: #2FACFF // chat list verified icon background with mouse over
dialogsVerifiedIconFgOver: dialogsVerifiedIconFg // chat list verified icon check with mouse over
dialogsSendingIconFgOver: dialogsSendingIconFg // chat list sending message icon (clock) with mouse over
dialogsSentIconFgOver: #2FACFF // chat list sent message tick / double tick icon with mouse over
dialogsUnreadBgOver: #4082BC // chat list unread badge background for not muted chat with mouse over
dialogsUnreadBgMutedOver: #414161 // chat list unread badge background for muted chat with mouse over
dialogsUnreadFgOver: dialogsUnreadFg // chat list unread badge text with mouse over
dialogsBgActive: #414161 // chat list background for current (active) chat
dialogsNameFgActive: windowFgActive // chat list name text for current (active) chat
dialogsChatIconFgActive: dialogsNameFgActive // chat list group or channel icon for current (active) chat
dialogsDateFgActive: windowFgActive // chat list date text for current (active) chat
dialogsTextFgActive: windowFgActive // chat list message text for current (active) chat
dialogsTextFgServiceActive: dialogsTextFgActive // chat list group sender name text for current (active) chat
dialogsDraftFgActive: #A9CAF0 // chat list draft label for current (active) chat
dialogsVerifiedIconBgActive: dialogsTextFgActive // chat list verified icon background for current (active) chat
dialogsVerifiedIconFgActive: dialogsBgActive // chat list verified icon check for current (active) chat
dialogsSendingIconFgActive: #FFFFFF99 // chat list sending message icon (clock) for current (active) chat
dialogsSentIconFgActive: dialogsTextFgActive // chat list sent message tick / double tick icon for current (active) chat
dialogsUnreadBgActive: dialogsTextFgActive // chat list unread badge background for not muted chat for current (active) chat
dialogsUnreadBgMutedActive: #2FACFF // chat list unread badge background for muted chat for current (active) chat
dialogsUnreadFgActive: #007DD2 // chat list unread badge text for current (active) chat
dialogsRippleBg: #414161 //
dialogsRippleBgActive: #5C5C85 //
dialogsForwardBg: dialogsBgActive // forwarding panel background (when forwarding messages in the smallest window size)
dialogsForwardFg: dialogsNameFgActive // forwarding panel text (when forwarding messages in the smallest window size)
searchedBarBg: #212032 // search results bar background (in chats list, contacts box..)
searchedBarFg: #7A7AA5 // search results bar text (in chats list, contacts box..)
topBarBg: #212032 // top bar background (in chat view, media overview..)
emojiPanBg: windowBg // emoji panel background
emojiPanCategories: #212032 // emoji panel categories background
emojiPanHeaderFg: #7A7AA5 // emoji panel section header text
emojiPanHeaderBg: #FFFFFFF2 // emoji panel section header background
stickerPanDeleteBg: #000000CC // delete X button background for custom sent stickers in stickers panel (legacy)
stickerPanDeleteFg: windowFgActive // delete X button icon for custom sent stickers in stickers panel (legacy)
stickerPreviewBg: #000000B0 // sticker and GIF preview background (when you press and hold on a sticker)
historyTextInFg: windowFg // inbox message text
historyTextInFgSelected: #FFFFFF // inbox message selected text or text in a selected message
historyTextOutFg: #E4ECF2 // outbox message text
historyTextOutFgSelected: #FFFFFF // outbox message selected text or text in a selected message
historyLinkInFg: #0096FF // inbox message link
historyLinkInFgSelected: #2FACFF // inbox message link in a selected text or message
historyLinkOutFg: #0096FF // outbox message link
historyLinkOutFgSelected: #2FACFF // outbox message link in a selected text or message
historyFileNameInFg: historyTextInFg // inbox media filename text
historyFileNameInFgSelected: #FFFFFF // inbox media filename text in a selected message
historyFileNameOutFg: historyTextOutFg // outbox media filename text
historyFileNameOutFgSelected: #FFFFFF // outbox media filename text in a selected message
historyOutIconFg: #2FACFF // outbox message tick / double tick icon
historyOutIconFgSelected: #FFFFFF // outbox message tick / double tick icon in a selected message
historyIconFgInverted: #FFFFFFE5 // media message tick / double tick icon (like in sent photo)
historySendingOutIconFg: #2FACFF // outbox sending message icon (clock)
historySendingInIconFg: #7A7AA5 // inbox sending message icon (clock) (like in sent messages to yourself or in sent messages to a channel)
historySendingInvertedIconFg: #FFFFFFC8 // media sending message icon (clock) (like in sent photo)
historyCallArrowInFg: #2FACFF // received phone call arrow
historyCallArrowInFgSelected: #FFFFFF // received phone call arrow in a selected message
historyCallArrowMissedInFg: callArrowMissedFg // missed phone call arrow
historyCallArrowMissedInFgSelected: #FFFFFF // missed phone call arrow in a selected message
historyCallArrowOutFg: #FFFFFF // outgoing phone call arrow
historyCallArrowOutFgSelected: #FFFFFF // outgoing phone call arrow
historyUnreadBarBg: #212032 // new unread messages bar background
historyUnreadBarBorder: #03080D00 // new unread messages bar shadow
historyUnreadBarFg: #FFFFFF // new unread messages bar text
historyForwardChooseBg: #0000004C // forwarding messages in a large window size "choose recipient" background
historyForwardChooseFg: windowFgActive // forwarding messages in a large window size "choose recipient" text
historyPeer1NameFg: #FB6169 // red group member name
historyPeer1NameFgSelected: #FFFFFF // red group member name in a selected message
historyPeer1UserpicBg: #28283E // red userpic background
historyPeer2NameFg: #85DE85 // green group member name
historyPeer2NameFgSelected: #FFFFFF // green group member name in a selected message
historyPeer2UserpicBg: #28283E // green userpic background
historyPeer3NameFg: #F3BC5C // yellow group member name
historyPeer3NameFgSelected: #FFFFFF // yellow group member name in a selected message
historyPeer3UserpicBg: #28283E // yellow userpic background
historyPeer4NameFg: #65BDF3 // blue group member name
historyPeer4NameFgSelected: #FFFFFF // blue group member name in a selected message
historyPeer4UserpicBg: #28283E // blue userpic background
historyPeer5NameFg: #B48BF2 // purple group member name
historyPeer5NameFgSelected: #FFFFFF // purple group member name in a selected message
historyPeer5UserpicBg: #28283E // purple userpic background
historyPeer6NameFg: #FF5694 // pink group member name
historyPeer6NameFgSelected: #FFFFFF // pink group member name in a selected message
historyPeer6UserpicBg: #28283E // pink userpic background
historyPeer7NameFg: #62D4E3 // sea group member name
historyPeer7NameFgSelected: #FFFFFF // sea group member name in a selected message
historyPeer7UserpicBg: #28283E // sea userpic background
historyPeer8NameFg: #FAA357 // orange group member name
historyPeer8NameFgSelected: #FFFFFF // orange group member name in a selected message
historyPeer8UserpicBg: #28283E // orange userpic background
historyPeerUserpicFg: windowFgActive // default userpic initials
historyScrollBarBg: #7F84897A // scroll bar current rectangle, the bar itself in the chat view (adjusted)
historyScrollBarBgOver: #64686CBC // scroll bar current rectangle with mouse over it in the chat view (adjusted)
historyScrollBg: #565A5E4C // scroll bar background (adjusted)
historyScrollBgOver: #5A5D616B // scroll bar background with mouse over the scroll bar (adjusted)
msgInBg: #28283E // inbox message background
msgInBgSelected: #414161 // inbox selected message background (and background of selected text in those messages)
msgOutBg: #212032 // outbox message background
msgOutBgSelected: #414161 // outbox selected message background (and background of selected text in those messages)
msgSelectOverlay: #2FAFFF49 // overlay which is filling the media parts of selected messages (like in selected photo message)
msgStickerOverlay: #2FAFFF7F // overlay which is filling the selected sticker message
msgInServiceFg: #2FACFF // inbox message information text (like information about a forwarded message original sender)
msgInServiceFgSelected: #FFFFFF // inbox selected message information text (like information about a forwarded message original sender)
msgOutServiceFg: #2FACFF // outbox message information text (like information about a forwarded message original sender)
msgOutServiceFgSelected: #FFFFFF // outbox message information text (like information about a forwarded message original sender)
msgInShadow: #748EA200 // inbox message shadow (below the bubble)
msgInShadowSelected: #538EBB00 // inbox selected message shadow (below the bubble)
msgOutShadow: #00000000 // outbox message shadow (below the bubble)
msgOutShadowSelected: #366EA600 // outbox selected message shadow (below the bubble)
msgInDateFg: #7A7AA5 // inbox message time text
msgInDateFgSelected: #FFFFFF // inbox selected message time text
msgOutDateFg: #5C5C85 // outbox message time text
msgOutDateFgSelected: #FFFFFF // outbox selected message time text
msgServiceFg: windowFgActive // service message text (like date dividers or service message about the group title being changed)
msgServiceBg: #212032 // service message background (like in a service message about group title being changed) (adjusted)
msgServiceBgSelected: #28283E // service message selected text background (like in a service message about group title being changed) (adjusted)
msgInReplyBarColor: #0096FF // inbox message reply outline
msgInReplyBarSelColor: #FFFFFF // inbox selected message reply outline
msgOutReplyBarColor: #0096FF // outbox message reply outline
msgOutReplyBarSelColor: #FFFFFF // outbox selected message reply outline
msgImgReplyBarColor: msgServiceFg // sticker message reply outline
msgInMonoFg: #5A8CB7 // inbox message monospace text (like a message sent with `test` text)
msgOutMonoFg: #AED1F3 // outbox message monospace text
msgInMonoFgSelected: #A3CDF7 // inbox message monospace text in a selected text or message
msgOutMonoFgSelected: #A3CDF7 // outbox message monospace text in a selected text or message
msgDateImgFg: #FFFFFFF2 // media message time text (like time text in a sent photo)
msgDateImgBg: #00000054 // media message time bubble background (like time bubble in a sent photo) or file with thumbnail download icon circle background
msgDateImgBgOver: #00000074 // media message download icon circle background with mouse over (like file with thumbnail download icon)
msgDateImgBgSelected: #204F7887 // selected media message time bubble background
msgFileThumbLinkInFg: lightButtonFg // inbox media file message with thumbnail download / open with button text
msgFileThumbLinkInFgSelected: #FFFFFF // inbox selected media file message with thumbnail download / open with button text
msgFileThumbLinkOutFg: #2FACFF // outbox media file message with thumbnail download / open with button text
msgFileThumbLinkOutFgSelected: #FFFFFF // outbox selected media file message with thumbnail download / open with button text
msgFileInBg: #007DD2 // inbox audio file download circle background
msgFileInBgOver: #0096FF // inbox audio file download circle background with mouse over
msgFileInBgSelected: #2FACFF // inbox selected audio file download circle background
msgFileOutBg: #007DD2 // outbox audio file download circle background
msgFileOutBgOver: #0096FF // outbox audio file download circle background with mouse over
msgFileOutBgSelected: #2FACFF // outbox selected audio file download circle background
msgFile1Bg: #3E7EBA // blue shared links / files without image square thumbnail
msgFile1BgDark: #24679E // blue shared files without image download circle background
msgFile1BgOver: #1D5E93 // blue shared files without image download circle background with mouse over
msgFile1BgSelected: #FFFFFF // blue shared files without image download circle background if file is selected
msgFile2Bg: #3EA34A // green shared links / shared files without image square thumbnail
msgFile2BgDark: #298835 // green shared files without image download circle background
msgFile2BgOver: #1B7725 // green shared files without image download circle background with mouse over
msgFile2BgSelected: #1B7725 // green shared files without image download circle background if file is selected
msgFile3Bg: #D6454C // red shared links / shared files without image square thumbnail
msgFile3BgDark: #BF333A // red shared files without image download circle background
msgFile3BgOver: #B2282F // red shared files without image download circle background with mouse over
msgFile3BgSelected: #B2282F // red shared files without image download circle background if file is selected
msgFile4Bg: #D99546 // yellow shared links / shared files without image square thumbnail
msgFile4BgDark: #C17D39 // yellow shared files without image download circle background
msgFile4BgOver: #AC6B29 // yellow shared files without image download circle background with mouse over
msgFile4BgSelected: #AC6B29 // yellow shared files without image download circle background if file is selected
historyFileInIconFg: #FFFFFF // inbox file without thumbnail (like audio file) download arrow icon
historyFileInIconFgSelected: #FFFFFF // inbox selected file without thumbnail (like audio file) download arrow icon
historyFileInRadialFg: #FFFFFF // inbox file without thumbnail (like audio file) radial download animation line
historyFileInRadialFgSelected: historyFileInIconFgSelected // inbox selected file without thumbnail (like audio file) radial download animation line
historyFileOutIconFg: #FFFFFF // outbox file without thumbnail (like audio file) download arrow icon
historyFileOutIconFgSelected: #FFFFFF // outbox selected file without thumbnail (like audio file) download arrow icon
historyFileOutRadialFg: #FFFFFF // outbox file without thumbnail (like audio file) radial download animation line
historyFileOutRadialFgSelected: #FFFFFF // outbox selected file without thumbnail (like audio file) radial download animation line
historyFileThumbIconFg: #EFEFEF // file with thumbnail (or photo / video) download arrow icon
historyFileThumbIconFgSelected: #FFFFFF // selected file with thumbnail (or photo / video) download arrow icon
historyFileThumbRadialFg: historyFileThumbIconFg // file with thumbnail (or photo / video) radial download animation line
historyFileThumbRadialFgSelected: #FFFFFF // selected file with thumbnail (or photo / video) radial download animation line
historyVideoMessageProgressFg: historyFileThumbIconFg // radial playback progress in round video messages
msgWaveformInActive: #0096FF // inbox voice message active waveform lines (like played part of currently playing voice message)
msgWaveformInActiveSelected: #FFFFFF // inbox selected voice message active waveform lines (like played part of currently playing voice message)
msgWaveformInInactive: #414161 // inbox voice message inactive waveform lines (like upcoming part of currently playing voice message)
msgWaveformInInactiveSelected: #2FACFF // inbox selected voice message inactive waveform lines (like upcoming part of currently playing voice message)
msgWaveformOutActive: #0096FF // outbox voice message active waveform lines (like played part of currently playing voice message)
msgWaveformOutActiveSelected: #FFFFFF // outbox selected voice message active waveform lines (like played part of currently playing voice message)
msgWaveformOutInactive: #414161 // outbox voice message inactive waveform lines (like upcoming part of currently playing voice message)
msgWaveformOutInactiveSelected: #2FACFF // outbox selected voice message inactive waveform lines (like upcoming part of currently playing voice message)
msgBotKbOverBgAdd: #80B1DB0F // this is painted over a bot inline keyboard button (which has msgServiceBg background) when mouse is over that button
msgBotKbIconFg: msgServiceFg // bot inline keyboard button icon in the top-right corner (like in @vote bot when a poll is ready to be shared)
msgBotKbRippleBg: #92C0E50B // bot inline keyboard button ripple effect
mediaInFg: msgInDateFg // inbox media message status text (like in file that is being downloaded)
mediaInFgSelected: msgInDateFgSelected // inbox selected media message status text (like in file that is being downloaded)
mediaOutFg: msgOutDateFg // outbox media message status text (like in file that is being downloaded)
mediaOutFgSelected: msgOutDateFgSelected // outbox selected media message status text (like in file that is being downloaded)
youtubePlayIconBg: #E83131C8 // youtube play icon background (when a link to a youtube video with a webpage preview is sent)
youtubePlayIconFg: windowFgActive // youtube play icon arrow (when a link to a youtube video with a webpage preview is sent)
videoPlayIconBg: #0000007F // other video play icon background (like when a link to a vimeo video with a webpage preview is sent)
videoPlayIconFg: #FFFFFF // other video play icon arrow (like when a link to a vimeo video with a webpage preview is sent)
toastBg: #000000B2 // toast notification background (like when you click on your t.me link when editing your username)
toastFg: windowFgActive // toast notification text (like when you click on your t.me link when editing your username)
reportSpamBg: #212032 // report spam panel background (like a non contact user writes your for the first time)
reportSpamFg: windowFg // report spam panel text (when you send a report from that panel)
historyToDownBg: #212032 // arrow button background (to scroll to the end of the viewed chat)
historyToDownBgOver: #28283E // arrow button background with mouse over
historyToDownBgRipple: #414161 // arrow button ripple effect
historyToDownFg: #ADB4BA // arrow button icon
historyToDownFgOver: menuIconFgOver // arrow button icon with mouse over
historyToDownShadow: #20203241 // arrow button shadow
historyComposeAreaBg: #212032 // history compose area background (message write area / reply information / forwarding information)
historyComposeAreaFg: historyTextInFg // history compose area text
historyComposeAreaFgService: #7A7AA5 // history compose area text when replying to a media message
historyComposeIconFg: #9B9BC6 // history compose area icon (like emoji, attach, bot command..)
historyComposeIconFgOver: menuIconFgOver // history compose area icon with mouse over
historySendIconFg: #0096FF // send message icon
historySendIconFgOver: #2FACFF // send message icon with mouse over
historyPinnedBg: #28283E // pinned message area background
historyReplyBg: historyComposeAreaBg // reply / forward / edit message area background
historyReplyIconFg: #2FACFF // reply / forward / edit message left icon
historyReplyCancelFg: cancelIconFg // reply / forward / edit message cancel button
historyReplyCancelFgOver: cancelIconFgOver // reply / forward / edit message cancel button with mouse over
historyComposeButtonBg: historyComposeAreaBg // unblock / join channel / mute channel button background
historyComposeButtonBgOver: #28283E // unblock / join channel / mute channel button background with mouse over
historyComposeButtonBgRipple: #414161 // unblock / join channel / mute channel button ripple effect
overviewCheckBg: #00000040 // shared files / links checkbox background for not selected rows when some rows are selected
overviewCheckFg: #FFFFFF // shared files / links checkbox icon for not selected rows when some rows are selected
overviewCheckFgActive: #FFFFFF // shared files / links checkbox icon for selected rows
overviewPhotoSelectOverlay: #3FA2E333 // shared photos / videos / links fill for selected rows
profileStatusFgOver: #2FACFF // group members list in group profile user last seen text with mouse over
profileVerifiedCheckBg: #2FACFF // profile verified check icon background
profileVerifiedCheckFg: windowFgActive // profile verified check icon tick
profileAdminStartFg: #2FACFF // group members list admin star icon
notificationsBoxMonitorFg: windowFg // custom notifications settings box monitor color
notificationsBoxScreenBg: dialogsBgActive // #6389a8; // custom notifications settings box monitor screen background
notificationSampleUserpicFg: #2FACFF // custom notifications settings box small sample userpic placeholder
notificationSampleCloseFg: #D7D7D7 // custom notifications settings box small sample close button placeholder
notificationSampleTextFg: #D7D7D7 // custom notifications settings box small sample text placeholder
notificationSampleNameFg: #939393 // custom notifications settings box small sample name placeholder
changePhoneSimcardFrom: notificationSampleTextFg // change phone number box left simcard icon
changePhoneSimcardTo: #7A7AA5 // change phone number box right simcard and plane icons
mainMenuBg: windowBg // main menu background
mainMenuCoverBg: #007DD2 // main menu top cover background
mainMenuCoverFg: windowFgActive // main menu top cover text
mainMenuCloudFg: activeButtonFg //
mainMenuCloudBg: #007DD2 //
mediaPlayerBg: windowBg // audio file player background
mediaPlayerActiveFg: #2FACFF // audio file player playback progress already played part
mediaPlayerInactiveFg: sliderBgInactive // audio file player playback progress upcoming (not played yet) part with mouse over
mediaPlayerDisabledFg: #9DD1EF // audio file player loading progress (when you're playing an audio file and switch to the previous one which is not loaded yet)
mediaviewFileBg: #202032F0 // file rectangle background (when you view a png file in Media Viewer and go to a previous, not loaded yet, file)
mediaviewFileNameFg: windowFg // file name in file rectangle
mediaviewFileSizeFg: windowSubTextFg // file size text in file rectangle
mediaviewFileRedCornerFg: #D55959 // red file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .pdf)
mediaviewFileYellowCornerFg: #E8A659 // yellow file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .zip)
mediaviewFileGreenCornerFg: #49A957 // green file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .exe)
mediaviewFileBlueCornerFg: #599DCF // blue file thumbnail placeholder corner in file rectangle (for a file without thumbnail, like .dmg)
mediaviewFileExtFg: activeButtonFg // file extension text in file thumbnail placeholder in file rectangle
mediaviewMenuBg: #202032F0 // context menu in Media Viewer background
mediaviewMenuBgOver: #28283E // context menu item background with mouse over
mediaviewMenuBgRipple: #414161 // context menu item ripple effect
mediaviewMenuFg: windowFgActive // context menu item text
mediaviewBg: #202032F0 // Media Viewer background
mediaviewVideoBg: imageBg // Media Viewer background when viewing a video in full screen
mediaviewControlBg: #0000003C // controls background (like next photo / previous photo)
mediaviewControlFg: windowFgActive // controls icon (like next photo / previous photo)
mediaviewCaptionBg: #202032E2 // caption text background (when viewing photo with caption)
mediaviewCaptionFg: mediaviewControlFg // caption text
mediaviewTextLinkFg: #2FACFF // caption text link
mediaviewSaveMsgBg: #202032E2 // save to file toast message background in Media Viewer
mediaviewSaveMsgFg: toastFg // save to file toast message text
mediaviewPlaybackActive: #C7C7C7 // video playback progress already played part
mediaviewPlaybackInactive: #28283E // video playback progress upcoming (not played yet) part
mediaviewPlaybackActiveOver: #FFFFFF // video playback progress already played part with mouse over
mediaviewPlaybackInactiveOver: #414161 // video playback progress upcoming (not played yet) part with mouse over
mediaviewPlaybackProgressFg: #FFFFFFC7 // video playback progress text
mediaviewPlaybackIconFg: mediaviewPlaybackActive // video playback controls icon
mediaviewPlaybackIconFgOver: mediaviewPlaybackActiveOver // video playback controls icon with mouse over
mediaviewTransparentBg: #FFFFFF // transparent filling part (when viewing a transparent .png file in Media Viewer)
mediaviewTransparentFg: #CCCCCC // another transparent filling part
notificationBg: windowBg // custom notification window background
callBg: #212032 // phone call popup background
callNameFg: #FFFFFF // phone call popup name text
callFingerprintBg: #00000066 // phone call popup emoji fingerprint background
callStatusFg: #AAABAC // phone call popup status text
callIconFg: #FFFFFF // phone call popup answer, hangup and mute mic icon
callAnswerBg: #488FC9 // phone call popup answer button background
callAnswerRipple: #4286C2 // phone call popup answer button ripple effect
callAnswerBgOuter: #3F95EB26 // phone call popup answer button outer ripple effect
callHangupBg: #CC4646 // phone call popup hangup button background
callHangupRipple: #CA4141 // phone call popup hangup button ripple effect
callCancelBg: #FFFFFF // phone call popup line busy cancel button background
callCancelFg: #5C5C85 // phone call popup line busy cancel button icon
callCancelRipple: #414161 // phone call popup line busy cancel button ripple effect
callMuteRipple: #FFFFFF12 // phone call popup mute mic ripple effect
callBarBg: #007DD2 // active phone call bar background
callBarMuteRipple: #0096FF // active phone call bar mute and hangup button ripple effect
callBarBgMuted: #414161 // phone call bar with muted mic background
callBarUnmuteRipple: #5C5C85 // phone call bar with muted mic mute and hangup button ripple effect
callBarFg: dialogsNameFgActive // phone call bar text and icons
importantTooltipBg: toastBg //
importantTooltipFg: toastFg //
importantTooltipFgLink: #65B6FC //
filterInputActiveBg: #28283E
botKbBg: #28283E
botKbDownBg: #414161
emojiIconFg: #7A7AA5
emojiIconFgActive: #51A0E5
overviewCheckBorder: #E4EAEF
profileOtherAdminStarFg: #7A7AA5
wallpaper: t.me/bg/R4JvMlslzVABAAAALfckeHHv0RU?mode=tiled // link to cloud wallpaper