Initial theme with build
antonio miranda
parent
9bc2e98422
commit
aa8d2c961a
|
|
@ -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
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
version=`cat .version`
|
||||
7za a -tzip "base16.tdesktop-theme_v$version" colors.tdesktop-theme tiled.png -mx5
|
||||
|
|
@ -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;
|
||||
Loading…
Reference in New Issue