/////////////////////////////////////////////// // 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: cYellow; 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;