diff --git a/.version b/.version new file mode 100644 index 0000000..8acdd82 --- /dev/null +++ b/.version @@ -0,0 +1 @@ +0.0.1 diff --git a/README.md b/README.md new file mode 100644 index 0000000..2157b7f --- /dev/null +++ b/README.md @@ -0,0 +1,12 @@ +# Telegram Desktop Theme +## Base16 - eighties + +This is color theme for Telegram Desktop, based on [Base16](https://chriskempson.github.io/base16/) color scheme. + +Includes a background pattern from [SubtlePatterns - Dark Sharp Edges](https://subtlepatterns.com/dark-sharp-edges/). + +## Build + +To build the theme run: + + ./build.sh diff --git a/build.sh b/build.sh new file mode 100755 index 0000000..0e73117 --- /dev/null +++ b/build.sh @@ -0,0 +1,2 @@ +version=`cat .version` +7za a -tzip "base16.tdesktop-theme_v$version" colors.tdesktop-theme tiled.png -mx5 diff --git a/colors.tdesktop-theme b/colors.tdesktop-theme new file mode 100644 index 0000000..444061a --- /dev/null +++ b/colors.tdesktop-theme @@ -0,0 +1,461 @@ +/////////////////////////////////////////////// +// 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; diff --git a/tiled.png b/tiled.png new file mode 100644 index 0000000..8b1d392 Binary files /dev/null and b/tiled.png differ