tan
/
base16-eighties-telegram
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Initial theme with build

This commit is contained in:
antonio miranda 2017-01-27 01:40:43 +01:00
parent 9bc2e98422
commit aa8d2c961a
5 changed files with 476 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.version Normal file
View File

@ -0,0 +1 @@
0.0.1

12
README.md Normal file
View File

@ -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

2
build.sh Executable file
View File

@ -0,0 +1,2 @@
version=`cat .version`
7za a -tzip "base16.tdesktop-theme_v$version" colors.tdesktop-theme tiled.png -mx5

461
colors.tdesktop-theme Normal file
View File

@ -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;

BIN
tiled.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB