390 lines
17 KiB
Text
Executable file
390 lines
17 KiB
Text
Executable file
//////////////////////////////////////////////////////////////////////////////////////////////////
|
|
// //
|
|
// 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 |