462 lines
13 KiB
Plaintext
462 lines
13 KiB
Plaintext
///////////////////////////////////////////////
|
|
// Telegram Theme Base16 - eighties
|
|
// by https://github.com/am/telegram-desktop-theme-base16
|
|
// https://chriskempson.github.io/base16/
|
|
// Background patter credit:
|
|
// https://subtlepatterns.com/dark-sharp-edges/
|
|
///////////////////////////////////////////////
|
|
|
|
// Eighties base color
|
|
|
|
cBlack: #2d2d2d;
|
|
cBlackA10: #2d2d2d1A;
|
|
cBlackA10: #2d2d2d33;
|
|
c01: #393939;
|
|
c02: #515151;
|
|
c03: #747369;
|
|
c04: #a09f93;
|
|
c05: #d3d0c8;
|
|
c06: #e8e6df;
|
|
cWhite: #f2f0ec;
|
|
cRed: #f2777a;
|
|
cOrange: #f99157;
|
|
cYellow: #ffcc66;
|
|
cYellowLight: #FFDC99;
|
|
cGreen: #99cc99;
|
|
cCyan: #66cccc;
|
|
cCyanLight: #8BD8D9;
|
|
cBlue: #6699cc;
|
|
cPurple: #cc99cc;
|
|
cBrown: #d27b53;
|
|
|
|
keyColor: cCyan;
|
|
keyColorLight: cCyanLight;
|
|
|
|
///////////////////////////////////
|
|
// basic
|
|
|
|
windowBg: cBlack;
|
|
windowFg: cWhite;
|
|
windowBgOver: cBlack;
|
|
windowBgRipple: cBlack;
|
|
windowFgOver: cBlack;
|
|
windowSubTextFg: c03;
|
|
windowSubTextFgOver: c02;
|
|
windowBoldFg: cWhite;
|
|
windowBoldFgOver: keyColorLight;
|
|
windowBgActive: keyColor;
|
|
windowFgActive: cWhite;
|
|
windowActiveTextFg: keyColor;
|
|
windowShadowFg: cBlack;
|
|
windowShadowFgFallback: c01;
|
|
shadowFg: cBlackA10;
|
|
slideFadeOutBg: cBlackA20;
|
|
slideFadeOutShadowFg: windowShadowFg;
|
|
imageBg: cBlack;
|
|
imageBgTransparent: cWhite;
|
|
|
|
///////////////////////////////////
|
|
// widgets
|
|
|
|
activeButtonBg: keyColor;
|
|
activeButtonBgOver: keyColorLight;
|
|
activeButtonBgRipple: keyColor;
|
|
activeButtonFg: c01;
|
|
activeButtonFgOver: c01;
|
|
activeButtonSecondaryFg: cWhite;
|
|
activeButtonSecondaryFgOver: cWhite;
|
|
activeLineFg: keyColor;
|
|
activeLineFgError: cRed;
|
|
lightButtonBg: c01;
|
|
lightButtonBgOver: c02;
|
|
lightButtonBgRipple: cBlack;
|
|
lightButtonFg: c06;
|
|
lightButtonFgOver: cWhite;
|
|
attentionButtonFg: cRed;
|
|
attentionButtonFgOver: cRed;
|
|
attentionButtonBgOver: cRed;
|
|
attentionButtonBgRipple: cRed;
|
|
outlineButtonBg: c01;
|
|
outlineButtonBgOver: lightButtonBgOver;
|
|
outlineButtonOutlineFg: windowBgActive;
|
|
outlineButtonBgRipple: lightButtonBgRipple;
|
|
menuBg: c01;
|
|
menuBgOver: windowBgOver;
|
|
menuBgRipple: c03;
|
|
menuIconFg: c03;
|
|
menuIconFgOver: keyColor;
|
|
menuSubmenuArrowFg: #373737;
|
|
menuFgDisabled: #cccccc;
|
|
menuSeparatorFg: c01;
|
|
scrollBarBg: c04;
|
|
scrollBarBgOver: cYellow;
|
|
scrollBg: cBlack;
|
|
scrollBgOver: c01;
|
|
smallCloseIconFg: #c7c7c7;
|
|
smallCloseIconFgOver: #a3a3a3;
|
|
radialFg: cWhite;
|
|
radialBg: #00000056;
|
|
placeholderFg: c02;
|
|
placeholderFgActive: c02;
|
|
inputBorderFg: cBlack;
|
|
filterInputBorderFg: c03;
|
|
filterInputInactiveBg: cBlack;
|
|
checkboxFg: c05;
|
|
sliderBgInactive: c06;
|
|
sliderBgActive: windowBgActive;
|
|
tooltipBg: c06;
|
|
tooltipFg: c01;
|
|
tooltipBorderFg: cWhite;
|
|
|
|
///////////////////////////////////
|
|
// titlebar windows/osx
|
|
|
|
titleBg: c01;
|
|
titleBgActive: titleBg;
|
|
titleButtonBg: titleBg;
|
|
titleShadow: cBlacka10;
|
|
titleButtonFg: c04;
|
|
titleButtonBgOver: c05;
|
|
titleButtonFgOver: c03;
|
|
titleButtonBgActive: titleButtonBg;
|
|
titleButtonFgActive: titleButtonFg;
|
|
titleButtonBgActiveOver: titleButtonBgOver;
|
|
titleButtonFgActiveOver: titleButtonFgOver;
|
|
titleButtonCloseBg: titleButtonBg;
|
|
titleButtonCloseFg: titleButtonFg;
|
|
titleButtonCloseBgOver: cRed;
|
|
titleButtonCloseFgOver: cWhite;
|
|
titleButtonCloseBgActive: titleButtonCloseBg;
|
|
titleButtonCloseFgActive: titleButtonCloseFg;
|
|
titleButtonCloseBgActiveOver: titleButtonCloseBgOver;
|
|
titleButtonCloseFgActiveOver: titleButtonCloseFgOver;
|
|
titleFgActive: c05;
|
|
titleFg: c03;
|
|
titleFgActive: c06;
|
|
|
|
///////////////////////////////////
|
|
// tray icon
|
|
|
|
trayCounterBg: cRed;
|
|
trayCounterBgMute: c03;
|
|
trayCounterFg: cWhite;
|
|
trayCounterBgMacInvert: cWhite;
|
|
trayCounterFgMacInvert: cWhite;
|
|
|
|
///////////////////////////////////
|
|
// layers
|
|
|
|
layerBg: #0000007f;
|
|
cancelIconFg: menuIconFg;
|
|
cancelIconFgOver: menuIconFgOver;
|
|
|
|
///////////////////////////////////
|
|
// boxes
|
|
|
|
boxBg: cBlack;
|
|
boxTextFg: c03;
|
|
boxTextFgGood: cGreen;
|
|
boxTextFgError: cRed;
|
|
boxTitleFg: cWhite;
|
|
boxSearchBg: cBlack;
|
|
boxSearchCancelIconFg: cancelIconFg;
|
|
boxSearchCancelIconFgOver: cancelIconFgOver;
|
|
|
|
boxTitleAdditionalFg: c03;
|
|
boxTitleCloseFg: cancelIconFg;
|
|
boxTitleCloseFgOver: cancelIconFgOver;
|
|
membersAboutLimitFg: windowSubTextFgOver;
|
|
contactsBg: cBlack;
|
|
contactsBgOver: windowBgOver;
|
|
contactsNameFg: cWhite;
|
|
contactsStatusFg: c03;
|
|
contactsStatusFgOver: windowSubTextFgOver;
|
|
contactsStatusFgOnline: windowActiveTextFg;
|
|
photoCropFadeBg: layerBg;
|
|
photoCropPointFg: cWhite;
|
|
|
|
///////////////////////////////////
|
|
// intro
|
|
|
|
introBg: c01;
|
|
introTitleFg: windowBoldFg;
|
|
introDescriptionFg: c03;
|
|
introErrorFg: c03;
|
|
introCoverTopBg: c01;
|
|
introCoverBottomBg: c01;
|
|
introCoverIconsFg: keyColorLight;
|
|
introCoverPlaneTrace: #15cd7d69;
|
|
introCoverPlaneInner: #c6d8e8;
|
|
introCoverPlaneOuter: #a1bed4;
|
|
introCoverPlaneTop: cWhite;
|
|
dialogsMenuIconFg: menuIconFg;
|
|
dialogsMenuIconFgOver: menuIconFgOver;
|
|
dialogsBg: c01;
|
|
dialogsNameFg: cWhite;
|
|
dialogsChatIconFg: dialogsNameFg;
|
|
dialogsDateFg: c03;
|
|
dialogsTextFg: c03;
|
|
dialogsTextFgService: windowActiveTextFg;
|
|
dialogsDraftFg: cRed;
|
|
dialogsVerifiedIconBg: windowBgActive;
|
|
dialogsVerifiedIconFg: cWhite;
|
|
dialogsSendingIconFg: c06;
|
|
dialogsSentIconFg: cGreen;
|
|
dialogsUnreadBg: cGreen;
|
|
dialogsUnreadBgMuted: c04;
|
|
dialogsUnreadFg: cWhite;
|
|
dialogsBgOver: c02;
|
|
dialogsNameFgOver: c06;
|
|
dialogsChatIconFgOver: dialogsNameFgOver;
|
|
dialogsDateFgOver: c05;
|
|
dialogsTextFgOver: c05;
|
|
dialogsTextFgServiceOver: dialogsTextFgService;
|
|
dialogsDraftFgOver: dialogsDraftFg;
|
|
dialogsVerifiedIconBgOver: dialogsVerifiedIconBg;
|
|
dialogsVerifiedIconFgOver: dialogsVerifiedIconFg;
|
|
dialogsSendingIconFgOver: dialogsSendingIconFg;
|
|
dialogsSentIconFgOver: dialogsSentIconFg;
|
|
dialogsUnreadBgOver: dialogsUnreadBg;
|
|
dialogsUnreadBgMutedOver: dialogsUnreadBgMuted;
|
|
dialogsUnreadFgOver: dialogsUnreadFg;
|
|
dialogsBgActive: keyColor;
|
|
dialogsNameFgActive: cBlack;
|
|
dialogsChatIconFgActive: dialogsNameFgActive;
|
|
dialogsDateFgActive: c01;
|
|
dialogsTextFgActive: c02;
|
|
dialogsTextFgServiceActive: dialogsTextFgActive;
|
|
dialogsDraftFgActive: c06;
|
|
dialogsVerifiedIconBgActive: dialogsTextFgActive;
|
|
dialogsVerifiedIconFgActive: dialogsBgActive;
|
|
dialogsSendingIconFgActive: cWhite;
|
|
dialogsSentIconFgActive: dialogsTextFgActive;
|
|
dialogsUnreadBgActive: dialogsTextFgActive;
|
|
dialogsUnreadBgMutedActive: dialogsDraftFgActive;
|
|
dialogsUnreadFgActive: dialogsBgActive;
|
|
dialogsForwardBg: dialogsBgActive;
|
|
dialogsForwardFg: dialogsNameFgActive;
|
|
searchedBarBg: c01;
|
|
searchedBarBorder: keyColor;
|
|
searchedBarFg: keyColorlight;
|
|
|
|
///////////////////////////////////
|
|
// history
|
|
|
|
topBarBg: c01;
|
|
emojiPanBg: c01;
|
|
emojiPanCategories: c01;
|
|
emojiPanHeaderFg: cCyanLight;
|
|
emojiPanHeaderBg: c01;
|
|
stickerPanDeleteBg: #000000cc;
|
|
stickerPanDeleteFg: cWhite;
|
|
stickerPreviewBg: #2f2f2fCC;
|
|
historyTextInFg: cWhite;
|
|
historyTextOutFg: c05;
|
|
historyCaptionInFg: historyTextInFg;
|
|
historyCaptionOutFg: historyTextOutFg;
|
|
historyFileNameInFg: historyTextInFg;
|
|
historyFileNameOutFg: historyTextOutFg;
|
|
historyOutIconFg: dialogsSentIconFg;
|
|
historyOutIconFgSelected: cCyanLight;
|
|
historyIconFgInverted: cWhite;
|
|
historySendingOutIconFg: cYellow;
|
|
historySendingInIconFg: cBlue;
|
|
historySendingInvertedIconFg: cWhite;
|
|
historySystemBg: #89a0b47f;
|
|
historySystemBgSelected: #bbc8d4a2;
|
|
historySystemFg: cWhite;
|
|
historyUnreadBarBg: #424444;
|
|
historyUnreadBarBorder: c01;
|
|
historyUnreadBarFg: #ededed;
|
|
historyForwardChooseBg: #0000004c;
|
|
historyForwardChooseFg: cWhite;
|
|
historyPeer1NameFg: cRed;
|
|
historyPeer1UserpicBg: cRed;
|
|
historyPeer2NameFg: cGreen;
|
|
historyPeer2UserpicBg: cGreen;
|
|
historyPeer3NameFg: cYellow;
|
|
historyPeer3UserpicBg: cYellow;
|
|
historyPeer4NameFg: cBlue;
|
|
historyPeer4UserpicBg: cBlue;
|
|
historyPeer5NameFg: cPurple;
|
|
historyPeer5UserpicBg: cPurple;
|
|
historyPeer6NameFg: cOrange;
|
|
historyPeer6UserpicBg: cOrange;
|
|
historyPeer7NameFg: cCyan;
|
|
historyPeer7UserpicBg: cCyan;
|
|
historyPeer8NameFg: cBrown;
|
|
historyPeer8UserpicBg: cBrown;
|
|
historyPeerUserpicFg: cWhite;
|
|
historyScrollBarBg: scrollBarBg;
|
|
historyScrollBarBgOver: scrollBarBgOver;
|
|
historyScrollBg: scrollBg;
|
|
historyScrollBgOver: scrollBgOver;
|
|
msgInBg: c01;
|
|
msgInBgSelected: keyColor;
|
|
msgOutBg: c01;
|
|
msgOutBgSelected: keyColor;
|
|
msgSelectOverlay: #2223239b;
|
|
msgStickerOverlay: #2223237f;
|
|
msgInServiceFg: windowActiveTextFg;
|
|
msgInServiceFgSelected: windowActiveTextFg;
|
|
msgOutServiceFg: cCyanLight;
|
|
msgOutServiceFgSelected: cGreen;
|
|
msgInShadow: cBlack;
|
|
msgInShadowSelected: cBlack;
|
|
msgOutShadow: cBlack;
|
|
msgOutShadowSelected: cBlack;
|
|
msgInDateFg: c03;
|
|
msgInDateFgSelected: cCyanLight;
|
|
msgOutDateFg: c03;
|
|
msgOutDateFgSelected: cCyanLight;
|
|
msgServiceFg: c02;
|
|
msgServiceBg: cYellow;
|
|
msgServiceBgSelected: keyColor;
|
|
msgInReplyBarColor: keyColor;
|
|
msgInReplyBarSelColor: keyColor;
|
|
msgOutReplyBarColor: keyColor;
|
|
msgOutReplyBarSelColor: keyColor;
|
|
msgInMonoFg: cCyanLight;
|
|
msgOutMonoFg: cCyanLight;
|
|
msgDateImgFg: msgServiceFg;
|
|
msgDateImgBg: #00000054;
|
|
msgDateImgBgOver: #00000074;
|
|
msgDateImgBgSelected: #1c4a7187;
|
|
msgFileThumbLinkInFg: lightButtonFg;
|
|
msgFileThumbLinkInFgSelected: lightButtonFgOver;
|
|
msgFileThumbLinkOutFg: cGreen;
|
|
msgFileThumbLinkOutFgSelected: cCyan;
|
|
msgFileInBg: windowBgActive;
|
|
msgFileInBgOver: windowBgOver;
|
|
msgFileInBgSelected: cGreen;
|
|
msgFileOutBg: cCyan;
|
|
msgFileOutBgOver: cGreen;
|
|
msgFileOutBgSelected: cGreen;
|
|
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;
|
|
historyFileInIconFg: cWhite;
|
|
historyFileInIconFgSelected: cWhite;
|
|
historyFileInRadialFg: cWhite;
|
|
historyFileInRadialFgSelected: cWhite;
|
|
historyFileOutIconFg: cWhite;
|
|
historyFileOutIconFgSelected: cWhite;
|
|
historyFileOutRadialFg: cWhite;
|
|
historyFileOutRadialFgSelected: cWhite;
|
|
historyFileThumbIconFg: cWhite;
|
|
historyFileThumbIconFgSelected: cWhite;
|
|
historyFileThumbRadialFg: cWhite;
|
|
historyFileThumbRadialFgSelected: cWhite;
|
|
msgWaveformInActive: windowBgActive;
|
|
msgWaveformInActiveSelected: cCyanLight;
|
|
msgWaveformInInactive: #d4dee6;
|
|
msgWaveformInInactiveSelected: cWhite;
|
|
msgWaveformOutActive: windowBgActive;
|
|
msgWaveformOutActiveSelected: cCyanLight;
|
|
msgWaveformOutInactive: cWhite;
|
|
msgWaveformOutInactiveSelected: cWhite;
|
|
msgBotKbOverBgAdd: c01;
|
|
msgBotKbIconFg: cWhite;
|
|
msgBotKbRippleBg: #00000020;
|
|
mediaInFg: msgInDateFg;
|
|
mediaInFgSelected: msgInDateFgSelected;
|
|
mediaOutFg: msgOutDateFg;
|
|
mediaOutFgSelected: msgOutDateFgSelected;
|
|
youtubePlayIconBg: cRed;
|
|
youtubePlayIconFg: cWhite;
|
|
videoPlayIconBg: #0000007f;
|
|
videoPlayIconFg: cWhite;
|
|
toastBg: #000000b2;
|
|
toastFg: cWhite;
|
|
reportSpamBg: emojiPanHeaderBg;
|
|
reportSpamFg: c03;
|
|
historyToDownBg: #424444;
|
|
historyToDownBgOver: windowBgOver;
|
|
historyToDownBgRipple: c03pple;
|
|
historyToDownFg: menuIconFg;
|
|
historyToDownFgOver: menuIconFgOver;
|
|
historyToDownShadow: #00000040;
|
|
historyComposeAreaBg: cBlack;
|
|
historyComposeAreaFg: cWhite;
|
|
historyComposeAreaFgService: msgInDateFg;
|
|
historyComposeIconFg: menuIconFg;
|
|
historyComposeIconFgOver: menuIconFgOver;
|
|
historySendIconFg: windowBgActive;
|
|
historySendIconFgOver: windowBgActive;
|
|
historyPinnedBg: historyComposeAreaBg;
|
|
historyReplyBg: historyComposeAreaBg;
|
|
historyReplyCancelFg: cancelIconFg;
|
|
historyReplyCancelFgOver: cancelIconFgOver;
|
|
historyComposeButtonBg: historyComposeAreaBg;
|
|
historyComposeButtonBgOver: windowBgOver;
|
|
historyComposeButtonBgRipple: c03pple;
|
|
|
|
///////////////////////////////////
|
|
// overview
|
|
|
|
overviewCheckBg: cBlack;
|
|
overviewCheckFg: c01;
|
|
overviewCheckFgActive: c01;
|
|
overviewPhotoSelectOverlay: #40ace333;
|
|
profileStatusFgOver: cBlue;
|
|
profileVerifiedCheckBg: windowBgActive;
|
|
profileVerifiedCheckFg: windowFgActive;
|
|
profileAdminStartFg: keyColorLight;
|
|
notificationsBoxMonitorFg: c03;
|
|
notificationsBoxScreenBg: dialogsBgActive;
|
|
notificationSampleUserpicFg: windowBgActive;
|
|
notificationSampleCloseFg: cWhite;
|
|
notificationSampleTextFg: cWhite;
|
|
notificationSampleNameFg: c06;
|
|
mainMenuBg: cBlack;
|
|
mainMenuCoverBg: dialogsBgActive;
|
|
mainMenuCoverFg: cWhite;
|
|
mediaPlayerBg: c01;
|
|
mediaPlayerActiveFg: keyColor;
|
|
mediaPlayerInactiveFg: c04;
|
|
mediaPlayerDisabledFg: cBlue;
|
|
mediaviewFileBg: c01;
|
|
mediaviewFileNameFg: c03;
|
|
mediaviewFileSizeFg: c03;
|
|
mediaviewFileRedCornerFg: cRed;
|
|
mediaviewFileYellowCornerFg: cOrange;
|
|
mediaviewFileGreenCornerFg: cGreen;
|
|
mediaviewFileBlueCornerFg: cBlue;
|
|
mediaviewFileExtFg: activeButtonFg;
|
|
mediaviewMenuBg: #383838;
|
|
mediaviewMenuBgOver: #505050;
|
|
mediaviewMenuBgRipple: #676767;
|
|
mediaviewMenuFg: cWhite;
|
|
mediaviewBg: #222222eb;
|
|
mediaviewVideoBg: imageBg;
|
|
mediaviewControlBg: #0000003c;
|
|
mediaviewControlFg: cWhite;
|
|
mediaviewCaptionBg: #11111180;
|
|
mediaviewCaptionFg: mediaviewControlFg;
|
|
mediaviewTextLinkFg: keyColor;
|
|
mediaviewSaveMsgBg: toastBg;
|
|
mediaviewSaveMsgFg: toastFg;
|
|
mediaviewPlaybackActive: #c7c7c7;
|
|
mediaviewPlaybackInactive: #252525;
|
|
mediaviewPlaybackActiveOver: cWhite;
|
|
mediaviewPlaybackInactiveOver: #474747;
|
|
mediaviewPlaybackProgressFg: cWhite;
|
|
mediaviewPlaybackIconFg: mediaviewPlaybackActive;
|
|
mediaviewPlaybackIconFgOver: mediaviewPlaybackActiveOver;
|
|
mediaviewTransparentBg: cWhite;
|
|
mediaviewTransparentFg: cWhite;
|
|
notificationBg: c01;
|