path: root/colors.tdesktop-theme

//////////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                              //
//                          Darcula theme v5 for Telegram Desktop.                              //
//                                                                                              //
//                                                                                              //
//        Based on: SolidDark theme (https://github.com/MasterGroosha/telegram-soliddark-theme) //
//                                                                                              //
//        Published under MIT Licence. Feel free to modify this file whatever you want.         //
//        Mentioning the original repo (see above) isn't mandatory, but highly appreciated!     //
//                                                                                              //
//                                                                                              //
//////////////////////////////////////////////////////////////////////////////////////////////////

// Color presets //

accentLight: #f4f4f4;
accentNorm: #788288;
accentDark: #8a8a8a;
accentOverlay: #8a8a8a90;
accentSelect: #626161;

windowBg: #383b3d;                  // Window backgrounds
windowFg: #c5c5c5;                  // Main text / chat text
windowBgOver: #272727;                // Search bar background
nullWindowBgOver: windowBg;              // Title bar / Mouse over backgrounds, etc
windowBgRipple: accentNorm;              // Mouse click chats list background
windowFgOver: windowFg;
windowSubTextFg: #a8a8a8;              // Chats list message preview text
windowSubTextFgOver: #b8b8b8;            // Mouse over chats list message preview text
windowBoldFg: #c9c9c9;                // Chats list chat name text
windowBoldFgOver: #d9d9d9;              // Mouse over chats list chat name text
windowBgActive: accentNorm;              // Active button background
windowFgActive: #ededed;              // Active selected chats list text / button text
windowActiveTextFg: accentNorm;            // Online status, links, recording cancel, etc
windowShadowFg: #000000;              // Window border shadows
windowShadowFgFallback: #000000;          // Notification border
shadowFg: #00000018;                // Internal border shadows
slideFadeOutBg: #0000003c;
slideFadeOutShadowFg: #000000;            // Window slide animation shadow
imageBg: #000000;
imageBgTransparent: #ffffff;
activeButtonBg: accentNorm;              // Currently selected button background
activeButtonBgOver: accentNorm;            // Mouse over currently selected button background
activeButtonBgRipple: accentDark;          // Mouse click currently selected button background
activeButtonFg: windowBgOver;            // Currently selected button text
activeButtonFgOver: activeButtonFg;          // Mouse over currently selected button text
activeButtonSecondaryFg: accentLight;
activeButtonSecondaryFgOver: activeButtonSecondaryFg;
activeLineFg: accentNorm;
activeLineFgError: #e48383;
lightButtonBg: windowBg;              // Default button background
lightButtonBgOver: windowBgOver;          // Mouse over button background
lightButtonBgRipple: accentSelect;          // Mouse click button background
lightButtonFg: windowActiveTextFg;
lightButtonFgOver: lightButtonFg;
attentionButtonFg: #d14e4e;
attentionButtonFgOver: #d14e4e;
attentionButtonBgOver: #fcdfde;
attentionButtonBgRipple: #f4c3c2;
outlineButtonBg: windowBg;
outlineButtonBgOver: lightButtonBgOver;
outlineButtonOutlineFg: accentNorm;
outlineButtonBgRipple: lightButtonBgRipple;
menuBg: windowBg;
menuBgOver: nullWindowBgOver;
menuBgRipple: windowBgRipple;
menuIconFg: #a0a0a0;                // Menu/paperclip/voice/etc icon buttons
menuIconFgOver: #c5c5c5;              // Mouse over menu/paperclip/voice/etc icon buttons
menuSubmenuArrowFg: #373737;
menuFgDisabled: #cccccc;
menuSeparatorFg: #f1f1f1;
scrollBarBg: #ffffff53;                // Scrollbar current position
scrollBarBgOver: #ffffff7a;              // Mouse over scrollbar current position
scrollBg: #ffffff1a;                // Scrollbar background
scrollBgOver: #ffffff2c;              // Mouse over scrollbar background
smallCloseIconFg: #c7c7c7;
smallCloseIconFgOver: #a3a3a3;
radialFg: windowFgActive;
radialBg: #00000056;
placeholderFg: accentDark;              // Inactive input box placeholder text
placeholderFgActive: accentNorm;          // Active input box placeholder text
inputBorderFg: #e0e0e0;
filterInputBorderFg: accentNorm;
checkboxFg: #b3b3b3;
sliderBgInactive: accentDark;            // Inactive media player button (prev/next song)
sliderBgActive: accentNorm;              // Active media player button (prev/next song)
tooltipBg: #eef2f5;
tooltipFg: #5d6c80;
tooltipBorderFg: #c9d1db;
titleBg: nullWindowBgOver;              // Title bar
titleShadow: #00000018;
titleButtonFg: #ababab;                // Title bar buttons (min/max/close)
titleButtonBgOver: #e5e5e5;
titleButtonFgOver: #9a9a9a;
titleButtonCloseBgOver: #e81123;
titleButtonCloseFgOver: windowFgActive;
titleFgActive: #ffffff;                // Active title bar text (Mac)
titleFg: #ffffff;                  // Inactive title bar text (Mac)
trayCounterBg: #f23c34;
trayCounterBgMute: #888888;
trayCounterFg: #ffffff;
trayCounterBgMacInvert: #ffffff;
trayCounterFgMacInvert: #ffffff01;
layerBg: #0000007f;
cancelIconFg: menuIconFg;
cancelIconFgOver: menuIconFgOver;
boxBg: windowBg;                  // Popup box background
boxTextFg: windowFg;
boxTextFgGood: #4ab44a;
boxTextFgError: #d84d4d;
boxTitleFg: windowBoldFg;              // Popup box titles (contacts/sessions/etc boxes)
boxSearchBg: boxBg;
boxSearchCancelIconFg: cancelIconFg;
boxSearchCancelIconFgOver: cancelIconFgOver;
boxTitleAdditionalFg: #808080;
boxTitleCloseFg: cancelIconFg;
boxTitleCloseFgOver: cancelIconFgOver;
membersAboutLimitFg: windowSubTextFgOver;
contactsBg: windowBg;                // Contacts list background
contactsBgOver: #2d2d2d;              // Contacts list mouse over background
contactsNameFg: boxTextFg;
contactsStatusFg: windowSubTextFg;          // Contacts list last seen
contactsStatusFgOver: windowSubTextFgOver;
contactsStatusFgOnline: windowActiveTextFg;
photoCropFadeBg: layerBg;
photoCropPointFg: #ffffff7f;
introBg: windowBg;
introTitleFg: windowBoldFg;
introDescriptionFg: windowSubTextFg;
introErrorFg: windowSubTextFg;
introCoverTopBg: #0f89d0;
introCoverBottomBg: #39b0f0;
introCoverIconsFg: #5ec6ff;
introCoverPlaneTrace: #5ec6ff69;
introCoverPlaneInner: #c6d8e8;
introCoverPlaneOuter: #a1bed4;
introCoverPlaneTop: #ffffff;
dialogsMenuIconFg: menuIconFg;
dialogsMenuIconFgOver: menuIconFgOver;
dialogsBg: windowBg;                // Chats list background
dialogsNameFg: windowBoldFg;
dialogsChatIconFg: dialogsNameFg;
dialogsDateFg: windowSubTextFg;            // Chats list date text
dialogsTextFg: windowSubTextFg;            // Chats list message preview text
dialogsTextFgService: windowActiveTextFg;      // Chats list message preview sender name
dialogsDraftFg: #dd4b39;              // Chats list message preview for drafts
dialogsVerifiedIconBg: accentNorm;
dialogsVerifiedIconFg: windowFgActive;
dialogsSendingIconFg: accentDark;
dialogsSentIconFg: accentDark;
dialogsUnreadBg: #9a9a9a;            // Chats list unread counter background
dialogsUnreadBgMuted: #999999;            // Chats list muted unread counter background
dialogsUnreadFg: windowBg;              // Chats list unread counter text
dialogsBgOver: #2d2d2d;                // Chats list mouse over background
dialogsNameFgOver: windowBoldFgOver;
dialogsChatIconFgOver: dialogsNameFgOver;
dialogsDateFgOver: windowSubTextFgOver;
dialogsTextFgOver: windowSubTextFgOver;
dialogsTextFgServiceOver: accentLight;        // Mouse over chats list message preview sender name
dialogsDraftFgOver: dialogsDraftFg;
dialogsVerifiedIconBgOver: dialogsVerifiedIconBg;
dialogsVerifiedIconFgOver: dialogsVerifiedIconFg;
dialogsSendingIconFgOver: dialogsSendingIconFg;
dialogsSentIconFgOver: dialogsSentIconFg;
dialogsUnreadBgOver: dialogsUnreadBg;
dialogsUnreadBgMutedOver: #515151;
dialogsUnreadFgOver: #717171;
dialogsBgActive: #424141;            // Currently selected chat in chats list
dialogsNameFgActive: windowFgActive;
dialogsChatIconFgActive: dialogsNameFgActive;
dialogsDateFgActive: windowFgActive;
dialogsTextFgActive: windowFgActive;
dialogsTextFgServiceActive: accentNorm;
dialogsDraftFgActive: accentLight;
dialogsVerifiedIconBgActive: dialogsTextFgActive;
dialogsVerifiedIconFgActive: dialogsBgActive;
dialogsSendingIconFgActive: #ffffff99;
dialogsSentIconFgActive: dialogsTextFgActive;
dialogsUnreadBgActive: accentLight;
dialogsUnreadBgMutedActive: accentDark;
dialogsUnreadFgActive: dialogsBgActive;
dialogsForwardBg: dialogsBgActive;
dialogsForwardFg: dialogsNameFgActive;
searchedBarBg: windowBgOver;            // Search results background
searchedBarBorder: shadowFg;
searchedBarFg: accentNorm;              // Search results text
topBarBg: windowBg;                  // Chat header background
emojiPanBg: windowBg;                // Sticker panel background
emojiPanCategories: windowBg;          // Sticker panel bottom bar background
emojiPanHeaderFg: windowSubTextFg;          // Sticker panel title text
emojiPanHeaderBg: windowBg;            // Sticker panel top bar background
stickerPanDeleteBg: #000000cc;
stickerPanDeleteFg: windowFgActive;
stickerPreviewBg: #000000b0;            // Sticker preview background
historyTextInFg: windowFg;
historyTextOutFg: windowFg;
historyCaptionInFg: historyTextInFg;
historyCaptionOutFg: historyTextOutFg;
historyFileNameInFg: historyTextInFg;
historyFileNameOutFg: historyTextOutFg;
historyOutIconFg: dialogsSentIconFg;
historyOutIconFgSelected: dialogsSentIconFg;
historyIconFgInverted: windowFgActive;
historySendingOutIconFg: dialogsSentIconFg;
historySendingInIconFg: dialogsSentIconFg;
historySendingInvertedIconFg: #ffffffc8;
historySystemBg: #89a0b47f;
historySystemBgSelected: #bbc8d4a2;
historySystemFg: windowFgActive;
historyUnreadBarBg: accentSelect;
historyUnreadBarBorder: shadowFg;
historyUnreadBarFg: accentLight;
historyForwardChooseBg: #0000004c;
historyForwardChooseFg: windowFgActive;
historyPeer1NameFg: #e17076;            // Group chat sender name
historyPeer1UserpicBg: #e17076;
historyPeer2NameFg: #7bc862;
historyPeer2UserpicBg: #7bc862;
historyPeer3NameFg: #e5ca77;
historyPeer3UserpicBg: #e5ca77;
historyPeer4NameFg: #65aadd;
historyPeer4UserpicBg: #65aadd;
historyPeer5NameFg: #a695e7;
historyPeer5UserpicBg: #a695e7;
historyPeer6NameFg: #ee7aae;
historyPeer6UserpicBg: #ee7aae;
historyPeer7NameFg: #6ec9cb;
historyPeer7UserpicBg: #6ec9cb;
historyPeer8NameFg: #faa774;
historyPeer8UserpicBg: #faa774;
historyPeerUserpicFg: windowFgActive;
historyScrollBarBg: #ffffff7a;
historyScrollBarBgOver: #ffffffbc;
historyScrollBg: #ffffff4c;
historyScrollBgOver: #ffffff6b;
msgInBg: windowBg;                  // Incoming message background
msgInBgSelected: accentSelect;            // Selected incoming message background
msgOutBg: windowBg;                  // Outgoing message background
msgOutBgSelected: accentSelect;            // Selected outgoing message background
msgSelectOverlay: #ffffff4c;
msgStickerOverlay: #ffffff7f;            // Selected sticker overlay
msgInServiceFg: windowActiveTextFg;          // Incoming reply quoted name
msgInServiceFgSelected: windowActiveTextFg;      // Selected incoming reply quoted name
msgOutServiceFg: windowActiveTextFg;        // Outgoing reply quoted name
msgOutServiceFgSelected: windowActiveTextFg;    // Selected outgoing reply quoted name
msgInShadow: #00000029;                // Incoming message box shadow
msgInShadowSelected: #77777750;            // Selected incoming message box shadow
msgOutShadow: #00000029;              // Outgoing message box shadow
msgOutShadowSelected: #77777729;          // Selected outgoing message box shadow
msgInDateFg: accentDark;              // Incoming message date text
msgInDateFgSelected: accentDark;
msgOutDateFg: accentDark;              // Outgoing message date text
msgOutDateFgSelected: accentDark;
msgServiceFg: #d5d5d5;                // Chat service message text (join/part/date/etc)
msgServiceBg: accentDark;
msgServiceBgSelected: accentSelect;
msgInReplyBarColor: activeLineFg;
msgInReplyBarSelColor: activeLineFg;
msgOutReplyBarColor: historyOutIconFg;
msgOutReplyBarSelColor: historyOutIconFgSelected;
msgImgReplyBarColor: msgServiceFg;
msgInMonoFg: accentLight;              // Incoming monospaced / code text
msgOutMonoFg: accentLight;              // Outgoing monospaced / code text
msgDateImgFg: accentNorm;
msgDateImgBg: accentOverlay;              // Download / play / etc overlay backgrounds
msgDateImgBgOver: msgDateImgBg;            // Mouse over download / play / etc overlay backgrounds
msgDateImgBgSelected: msgDateImgBg;
msgFileThumbLinkInFg: lightButtonFg;
msgFileThumbLinkInFgSelected: lightButtonFgOver;
msgFileThumbLinkOutFg: lightButtonFg;
msgFileThumbLinkOutFgSelected: lightButtonFgOver;
msgFileInBg: accentNorm;
msgFileInBgOver: accentLight;
msgFileInBgSelected: accentDark;
msgFileOutBg: accentNorm;
msgFileOutBgOver: accentLight;
msgFileOutBgSelected: accentDark;
msgFile1Bg: #72b1df;
msgFile1BgDark: #5c9ece;
msgFile1BgOver: #5294c4;
msgFile1BgSelected: #5099d0;
msgFile2Bg: #61b96e;
msgFile2BgDark: #4da859;
msgFile2BgOver: #44a050;
msgFile2BgSelected: #46a07e;
msgFile3Bg: #e47272;
msgFile3BgDark: #cd5b5e;
msgFile3BgOver: #c35154;
msgFile3BgSelected: #9f6a82;
msgFile4Bg: #efc274;
msgFile4BgDark: #e6a561;
msgFile4BgOver: #dc9c5a;
msgFile4BgSelected: #b19d84;
msgWaveformInActive: accentNorm;
msgWaveformInActiveSelected: accentLight;
msgWaveformInInactive: accentDark;
msgWaveformInInactiveSelected: accentDark;
msgWaveformOutActive: accentNorm;
msgWaveformOutActiveSelected: accentLight;
msgWaveformOutInactive: accentDark;
msgWaveformOutInactiveSelected: accentDark;
msgBotKbOverBgAdd: #ffffff20;
msgBotKbIconFg: msgServiceFg;
msgBotKbRippleBg: #00000020;
mediaInFg: msgInDateFg;
mediaInFgSelected: msgInDateFgSelected;
mediaOutFg: msgOutDateFg;
mediaOutFgSelected: msgOutDateFgSelected;
youtubePlayIconBg: #e83131c8;
youtubePlayIconFg: windowFgActive;
videoPlayIconBg: #0000007f;
videoPlayIconFg: #ffffff;
toastBg: #000000b2;
toastFg: windowFgActive;
reportSpamBg: emojiPanHeaderBg;
reportSpamFg: windowFg;
historyToDownShadow: #00000040;
historyComposeAreaBg: msgInBg;
historyComposeAreaFg: historyTextInFg;
historyComposeAreaFgService: msgInDateFg;
historyComposeIconFg: menuIconFg;
historyComposeIconFgOver: menuIconFgOver;
historySendIconFg: accentNorm;
historySendIconFgOver: accentNorm;
historyPinnedBg: historyComposeAreaBg;
historyReplyBg: historyComposeAreaBg;
historyReplyCancelFg: cancelIconFg;
historyReplyCancelFgOver: cancelIconFgOver;
historyComposeButtonBg: historyComposeAreaBg;
historyComposeButtonBgOver: nullWindowBgOver;
historyComposeButtonBgRipple: windowBgRipple;
overviewCheckBg: #00000040;
overviewCheckFg: windowBg;
overviewCheckFgActive: windowBg;
overviewPhotoSelectOverlay: #40ace333;
profileStatusFgOver: #7c99b2;
notificationsBoxMonitorFg: windowFg;
notificationsBoxScreenBg: dialogsBgActive;
notificationSampleUserpicFg: accentNorm;
notificationSampleCloseFg: #d7d7d7; // windowSubTextFg;
notificationSampleTextFg: #d7d7d7; // windowSubTextFg;
notificationSampleNameFg: #939393; // windowSubTextFg;
mainMenuBg: windowBg;                // Main menu background (contacts/settings/version/etc)
mainMenuCoverBg: dialogsBgActive;
mainMenuCoverFg: windowFgActive;
mediaPlayerBg: windowBg;              // Music player background
mediaPlayerActiveFg: accentNorm;
mediaPlayerInactiveFg: sliderBgInactive;
mediaPlayerDisabledFg: #9dd1ef;
mediaviewFileBg: windowBg;
mediaviewFileNameFg: windowFg;
mediaviewFileSizeFg: windowSubTextFg;
mediaviewFileRedCornerFg: #d55959;
mediaviewFileYellowCornerFg: #e8a659;
mediaviewFileGreenCornerFg: #49a957;
mediaviewFileBlueCornerFg: #599dcf;
mediaviewFileExtFg: activeButtonFg;
mediaviewMenuBg: #383838;
mediaviewMenuBgOver: #505050;
mediaviewMenuBgRipple: #676767;
mediaviewMenuFg: windowFgActive;
mediaviewBg: #222222eb;
mediaviewVideoBg: imageBg;
mediaviewControlBg: #0000003c;
mediaviewControlFg: windowFgActive;
mediaviewCaptionBg: #11111180;
mediaviewCaptionFg: mediaviewControlFg;
mediaviewTextLinkFg: #91d9ff;
mediaviewSaveMsgBg: toastBg;
mediaviewSaveMsgFg: toastFg;
mediaviewPlaybackActive: #c7c7c7;
mediaviewPlaybackInactive: #252525;
mediaviewPlaybackActiveOver: #ffffff;
mediaviewPlaybackInactiveOver: #474747;
mediaviewPlaybackProgressFg: #ffffffc7;
mediaviewPlaybackIconFg: mediaviewPlaybackActive;
mediaviewPlaybackIconFgOver: mediaviewPlaybackActiveOver;
mediaviewTransparentBg: #ffffff;
mediaviewTransparentFg: #cccccc;
notificationBg: windowBg;              // Notification background
sideBarBg: #383b3d; // filters side bar background
sideBarBgActive: #272727; // filters side bar active background
sideBarBgRipple: accentDark; // filters side bar ripple effect
sideBarTextFg: #c9c9c9; // filters side bar text
sideBarTextFgActive: windowFgActive; // filters side bar active item text
sideBarIconFg: #a8a8a8; // filters side bar icon
sideBarIconFgActive: #b8b8b8; // filters side bar active item icon
sideBarBadgeBg: #b8b8b8; // filters side bar badge background
sideBarBadgeBgMuted: #272727; // filters side bar unimportant badge background
sideBarBadgeFg: accentLight; // filters side bar badge text