323 lines
		
	
	
	
		
			9.7 KiB
		
	
	
	
		
			Text
		
	
	
	
	
	
			
		
		
	
	
			323 lines
		
	
	
	
		
			9.7 KiB
		
	
	
	
		
			Text
		
	
	
	
	
	
/*
 | 
						|
This file is part of Telegram Desktop,
 | 
						|
the official desktop application for the Telegram messaging service.
 | 
						|
 | 
						|
For license and copyright information please follow this link:
 | 
						|
https://github.com/telegramdesktop/tdesktop/blob/master/LEGAL
 | 
						|
*/
 | 
						|
using "ui/basic.style";
 | 
						|
 | 
						|
using "boxes/boxes.style";
 | 
						|
using "ui/widgets/widgets.style";
 | 
						|
 | 
						|
switchPmButton: RoundButton(defaultBoxButton) {
 | 
						|
	width: 320px;
 | 
						|
	height: 34px;
 | 
						|
	textTop: 7px;
 | 
						|
}
 | 
						|
stickersRestrictedLabel: FlatLabel(defaultFlatLabel) {
 | 
						|
	minWidth: 200px;
 | 
						|
	align: align(center);
 | 
						|
	textFg: noContactsColor;
 | 
						|
}
 | 
						|
 | 
						|
stickersTrendingHeader: 56px;
 | 
						|
stickersTrendingSkip: 4px;
 | 
						|
 | 
						|
stickersTrendingHeaderFont: semiboldFont;
 | 
						|
stickersTrendingHeaderFg: windowFg;
 | 
						|
stickersTrendingHeaderTop: 11px;
 | 
						|
stickersTrendingSubheaderFont: normalFont;
 | 
						|
stickersTrendingSubheaderFg: windowSubTextFg;
 | 
						|
stickersTrendingSubheaderTop: 31px;
 | 
						|
 | 
						|
stickersTrendingAddTop: 14px;
 | 
						|
stickersTrendingAdd: RoundButton(defaultActiveButton) {
 | 
						|
	width: -16px;
 | 
						|
	height: 26px;
 | 
						|
	textTop: 4px;
 | 
						|
}
 | 
						|
stickersRemove: IconButton(defaultIconButton) {
 | 
						|
	width: 40px;
 | 
						|
	height: 40px;
 | 
						|
 | 
						|
	icon: icon {{ "info/info_media_delete", menuIconFg }};
 | 
						|
	iconOver: icon {{ "info/info_media_delete", menuIconFgOver }};
 | 
						|
 | 
						|
	rippleAreaSize: 40px;
 | 
						|
	rippleAreaPosition: point(0px, 0px);
 | 
						|
	ripple: RippleAnimation(defaultRippleAnimation) {
 | 
						|
		color: windowBgOver;
 | 
						|
	}
 | 
						|
}
 | 
						|
stickersUndoRemove: RoundButton(defaultLightButton) {
 | 
						|
	width: -16px;
 | 
						|
	height: 26px;
 | 
						|
	textTop: 4px;
 | 
						|
}
 | 
						|
stickersRemoveSkip: 4px;
 | 
						|
stickersReorderIcon: icon {{ "stickers_reorder", menuIconFg }};
 | 
						|
stickersReorderSkip: 13px;
 | 
						|
 | 
						|
stickersTabs: defaultTabsSlider;
 | 
						|
 | 
						|
stickerEmojiSkip: 5px;
 | 
						|
 | 
						|
stickersFeaturedBadgeFont: font(12px bold);
 | 
						|
stickersFeaturedBadgeSize: 15px;
 | 
						|
stickersFeaturedBadgeTextTop: -1px;
 | 
						|
stickersFeaturedBadgePadding: 4px;
 | 
						|
stickersFeaturedBadgeSkip: 4px;
 | 
						|
stickersFeaturedBadgeTop: 9px;
 | 
						|
stickersFeaturedPen: lightButtonFg;
 | 
						|
stickersFeaturedUnreadBg: msgFileInBg;
 | 
						|
stickersFeaturedUnreadSize: 5px;
 | 
						|
stickersFeaturedUnreadSkip: 5px;
 | 
						|
stickersFeaturedUnreadTop: 7px;
 | 
						|
stickersFeaturedInstalled: icon {{ "chat/input_save", lightButtonFg }};
 | 
						|
 | 
						|
stickersMaxHeight: 320px;
 | 
						|
stickersPadding: margins(19px, 13px, 19px, 13px);
 | 
						|
stickersSize: size(64px, 64px);
 | 
						|
stickersScroll: ScrollArea(boxScroll) {
 | 
						|
	deltat: 19px;
 | 
						|
	deltab: 9px;
 | 
						|
}
 | 
						|
stickersReorderPadding: margins(0px, 12px, 0px, 12px);
 | 
						|
stickersReorderFg: windowSubTextFg;
 | 
						|
stickersRowDisabledOpacity: 0.4;
 | 
						|
stickersRowDuration: 200;
 | 
						|
 | 
						|
stickersSettings: icon {{ "emoji/emoji_settings", emojiIconFg }};
 | 
						|
stickersTrending: icon {{ "emoji/stickers_add", emojiIconFg }};
 | 
						|
stickersTrendingUnread: icon {
 | 
						|
	{ "emoji/stickers_add_unread", emojiIconFg },
 | 
						|
	{ "emoji/stickers_add_dot", dialogsUnreadBg }
 | 
						|
};
 | 
						|
stickersRecent: icon {{ "emoji/emoji_recent", emojiIconFg }};
 | 
						|
stickersSearch: icon {{ "emoji/stickers_search", emojiIconFg }};
 | 
						|
stickersPremium: icon {{ "emoji/stickers_premium", emojiIconFg }};
 | 
						|
 | 
						|
stickersSettingsUnreadSize: 6px;
 | 
						|
stickersSettingsUnreadPosition: point(6px, 10px);
 | 
						|
 | 
						|
filtersRemove: IconButton(stickersRemove) {
 | 
						|
	ripple: defaultRippleAnimation;
 | 
						|
}
 | 
						|
 | 
						|
emojiPanMargins: margins(10px, 10px, 10px, 10px);
 | 
						|
 | 
						|
emojiTabs: SettingsSlider(defaultTabsSlider) {
 | 
						|
	height: 55px;
 | 
						|
	barTop: 52px;
 | 
						|
	labelTop: 19px;
 | 
						|
}
 | 
						|
emojiScroll: defaultSolidScroll;
 | 
						|
emojiRecent: icon {{ "emoji/emoji_recent", emojiIconFg }};
 | 
						|
emojiRecentActive: icon {{ "emoji/emoji_recent", emojiIconFgActive }};
 | 
						|
emojiPeople: icon {{ "emoji/emoji_people", emojiIconFg }};
 | 
						|
emojiPeopleActive: icon {{ "emoji/emoji_people", emojiIconFgActive }};
 | 
						|
emojiNature: icon {{ "emoji/emoji_nature", emojiIconFg }};
 | 
						|
emojiNatureActive: icon {{ "emoji/emoji_nature", emojiIconFgActive }};
 | 
						|
emojiFood: icon {{ "emoji/emoji_food", emojiIconFg }};
 | 
						|
emojiFoodActive: icon {{ "emoji/emoji_food", emojiIconFgActive }};
 | 
						|
emojiActivity: icon {{ "emoji/emoji_activity", emojiIconFg }};
 | 
						|
emojiActivityActive: icon {{ "emoji/emoji_activity", emojiIconFgActive }};
 | 
						|
emojiTravel: icon {{ "emoji/emoji_travel", emojiIconFg }};
 | 
						|
emojiTravelActive: icon {{ "emoji/emoji_travel", emojiIconFgActive }};
 | 
						|
emojiObjects: icon {{ "emoji/emoji_objects", emojiIconFg }};
 | 
						|
emojiObjectsActive: icon {{ "emoji/emoji_objects", emojiIconFgActive }};
 | 
						|
emojiSymbols: icon {{ "emoji/emoji_symbols", emojiIconFg }};
 | 
						|
emojiSymbolsActive: icon {{ "emoji/emoji_symbols", emojiIconFgActive }};
 | 
						|
 | 
						|
emojiFooterHeight: 46px;
 | 
						|
emojiCategorySkip: 4px;
 | 
						|
emojiCategory: IconButton {
 | 
						|
	width: 42px;
 | 
						|
	height: emojiFooterHeight;
 | 
						|
 | 
						|
	iconPosition: point(-1px, 6px);
 | 
						|
}
 | 
						|
emojiCategoryRecent: IconButton(emojiCategory) { icon: emojiRecent; }
 | 
						|
emojiCategoryPeople: IconButton(emojiCategory) { icon: emojiPeople; }
 | 
						|
emojiCategoryNature: IconButton(emojiCategory) { icon: emojiNature; }
 | 
						|
emojiCategoryFood: IconButton(emojiCategory) { icon: emojiFood; }
 | 
						|
emojiCategoryActivity: IconButton(emojiCategory) { icon: emojiActivity; }
 | 
						|
emojiCategoryTravel: IconButton(emojiCategory) { icon: emojiTravel; }
 | 
						|
emojiCategoryObjects: IconButton(emojiCategory) { icon: emojiObjects; }
 | 
						|
emojiCategorySymbols: IconButton(emojiCategory) { icon: emojiSymbols; }
 | 
						|
 | 
						|
emojiPanAnimation: PanelAnimation(defaultPanelAnimation) {
 | 
						|
	fadeBg: emojiPanBg;
 | 
						|
}
 | 
						|
emojiPanPadding: 12px;
 | 
						|
emojiPanWidth: 345px;
 | 
						|
emojiPanMinHeight: 278px;
 | 
						|
emojiPanMaxHeight: 640px;
 | 
						|
emojiPanHeightRatio: 0.75;
 | 
						|
emojiPanShowDuration: 200;
 | 
						|
emojiPanDuration: 200;
 | 
						|
emojiPanHover: windowBgOver;
 | 
						|
emojiPanSlideDuration: 200;
 | 
						|
emojiPanDesiredSize: 45px;
 | 
						|
 | 
						|
inlineResultsMinHeight: 278px;
 | 
						|
inlineResultsMaxHeight: 640px;
 | 
						|
 | 
						|
emojiPanHeader: 42px;
 | 
						|
emojiPanHeaderFont: semiboldFont;
 | 
						|
emojiPanHeaderLeft: 22px;
 | 
						|
emojiPanHeaderTop: 12px;
 | 
						|
 | 
						|
emojiColorsPadding: 5px;
 | 
						|
emojiColorsSep: 1px;
 | 
						|
emojiColorsSepColor: shadowFg;
 | 
						|
 | 
						|
emojiSwitchSkip: 27px;
 | 
						|
emojiSwitchImgSkip: 21px;
 | 
						|
emojiSwitchColor: windowActiveTextFg;
 | 
						|
emojiSwitchStickers: icon {{ "emoji/emoji_switch", emojiSwitchColor }};
 | 
						|
emojiSwitchEmoji: icon {{ "emoji/emoji_switch-flip_horizontal", emojiSwitchColor }};
 | 
						|
 | 
						|
hashtagClose: IconButton {
 | 
						|
	width: 30px;
 | 
						|
	height: 30px;
 | 
						|
 | 
						|
	icon: smallCloseIcon;
 | 
						|
	iconOver: smallCloseIconOver;
 | 
						|
	iconPosition: point(10px, 10px);
 | 
						|
 | 
						|
	rippleAreaPosition: point(5px, 5px);
 | 
						|
	rippleAreaSize: 20px;
 | 
						|
	ripple: RippleAnimation(defaultRippleAnimation) {
 | 
						|
		color: windowBgOver;
 | 
						|
	}
 | 
						|
}
 | 
						|
 | 
						|
stickerPanWidthMin: 64px;
 | 
						|
stickerPanSize: size(stickerPanWidthMin, stickerPanWidthMin);
 | 
						|
stickerPanPadding: 11px;
 | 
						|
stickerPanDeleteIconBg: icon {{ "emoji/emoji_delete_bg", stickerPanDeleteBg }};
 | 
						|
stickerPanDeleteIconFg: icon {{ "emoji/emoji_delete", stickerPanDeleteFg }};
 | 
						|
stickerPanDeleteOpacityBg: 0.3;
 | 
						|
stickerPanDeleteOpacityBgOver: 0.5;
 | 
						|
stickerPanDeleteOpacityFg: 0.8;
 | 
						|
stickerPanDeleteOpacityFgOver: 1.;
 | 
						|
stickerPanRemoveSet: hashtagClose;
 | 
						|
stickerIconWidth: 42px;
 | 
						|
stickerIconHeight: emojiFooterHeight;
 | 
						|
stickerIconPadding: 5px;
 | 
						|
stickerIconOpacity: 0.7;
 | 
						|
stickerIconSel: 2px;
 | 
						|
stickerIconSelColor: emojiIconFgActive;
 | 
						|
stickerIconMove: 400;
 | 
						|
stickerPreviewDuration: 150;
 | 
						|
stickerPreviewMin: 0.1;
 | 
						|
 | 
						|
stickerGroupCategorySize: 28px;
 | 
						|
stickerGroupCategoryAbout: defaultTextStyle;
 | 
						|
stickerGroupCategoryAddMargin: margins(0px, 10px, 0px, 5px);
 | 
						|
stickerGroupCategoryAdd: stickersTrendingAdd;
 | 
						|
 | 
						|
stickersToast: Toast(defaultToast) {
 | 
						|
	minWidth: 340px;
 | 
						|
	maxWidth: 340px;
 | 
						|
	padding: margins(16px, 13px, 16px, 12px);
 | 
						|
}
 | 
						|
 | 
						|
stickersEmpty: icon {{ "stickers_empty", windowSubTextFg }};
 | 
						|
 | 
						|
inlineBotsScroll: ScrollArea(defaultSolidScroll) {
 | 
						|
	deltat: stickerPanPadding;
 | 
						|
	deltab: stickerPanPadding;
 | 
						|
}
 | 
						|
 | 
						|
gifsSearchField: defaultMultiSelectSearchField;
 | 
						|
gifsSearchFieldPosition: point(42px, 7px);
 | 
						|
gifsSearchCancel: defaultMultiSelectSearchCancel;
 | 
						|
gifsSearchCancelPosition: point(1px, 1px);
 | 
						|
gifsSearchIcon: boxFieldSearchIcon;
 | 
						|
gifsSearchIconPosition: point(6px, 7px);
 | 
						|
 | 
						|
emojiSuggestionsDropdown: InnerDropdown(defaultInnerDropdown) {
 | 
						|
	scrollMargin: margins(0px, emojiColorsPadding, 0px, emojiColorsPadding);
 | 
						|
	scrollPadding: margins(0px, 0px, 0px, 0px);
 | 
						|
}
 | 
						|
emojiSuggestionSize: 40px;
 | 
						|
emojiSuggestionsScrolledWidth: 240px;
 | 
						|
emojiSuggestionsPadding: margins(emojiColorsPadding, 0px, emojiColorsPadding, 0px);
 | 
						|
emojiSuggestionsFadeAfter: 20px;
 | 
						|
 | 
						|
mentionHeight: 40px;
 | 
						|
mentionPadding: margins(8px, 5px, 8px, 5px);
 | 
						|
mentionTop: 11px;
 | 
						|
mentionFont: linkFont;
 | 
						|
mentionNameFg: windowFg;
 | 
						|
mentionNameFgOver: windowFgOver;
 | 
						|
mentionPhotoSize: msgPhotoSize;
 | 
						|
mentionBg: windowBg;
 | 
						|
mentionBgOver: windowBgOver;
 | 
						|
mentionFg: windowSubTextFg;
 | 
						|
mentionFgOver: windowSubTextFgOver;
 | 
						|
mentionFgActive: windowActiveTextFg;
 | 
						|
mentionFgOverActive: windowActiveTextFg;
 | 
						|
 | 
						|
autocompleteSearchPadding: margins(16px, 5px, 16px, 5px);
 | 
						|
autocompleteRowPadding: margins(16px, 5px, 16px, 5px);
 | 
						|
autocompleteRowTitle: semiboldTextStyle;
 | 
						|
autocompleteRowKeys: defaultTextStyle;
 | 
						|
autocompleteRowAnswer: defaultTextStyle;
 | 
						|
 | 
						|
manageEmojiPreview: 22px;
 | 
						|
manageEmojiPreviewWidth: 48px;
 | 
						|
manageEmojiPreviewHeight: 48px;
 | 
						|
manageEmojiPreviewPadding: margins(22px, 9px, 19px, 9px);
 | 
						|
manageEmojiMarginRight: 21px;
 | 
						|
manageEmojiNameTop: 3px;
 | 
						|
manageEmojiStatusTop: 25px;
 | 
						|
 | 
						|
inlineRadialSize: 44px;
 | 
						|
inlineFileSize: 44px;
 | 
						|
 | 
						|
premiumPreviewBox: Box(defaultBox) {
 | 
						|
	buttonPadding: margins(18px, 18px, 18px, 18px);
 | 
						|
	buttonHeight: 44px;
 | 
						|
	button: RoundButton(defaultActiveButton) {
 | 
						|
		height: 44px;
 | 
						|
		textTop: 12px;
 | 
						|
		font: font(13px semibold);
 | 
						|
	}
 | 
						|
}
 | 
						|
premiumPreviewAboutTitlePadding: margins(18px, 19px, 18px, 0px);
 | 
						|
premiumPreviewAboutTitle: FlatLabel(defaultFlatLabel) {
 | 
						|
	minWidth: 240px;
 | 
						|
	textFg: windowBoldFg;
 | 
						|
	align: align(top);
 | 
						|
	style: TextStyle(defaultTextStyle) {
 | 
						|
		font: font(17px semibold);
 | 
						|
		linkFont: font(17px semibold);
 | 
						|
		linkFontOver: font(17px semibold);
 | 
						|
	}
 | 
						|
}
 | 
						|
premiumPreviewAbout: FlatLabel(defaultFlatLabel) {
 | 
						|
	minWidth: 240px;
 | 
						|
	textFg: membersAboutLimitFg;
 | 
						|
	align: align(top);
 | 
						|
}
 | 
						|
premiumPreviewAboutPadding: margins(18px, 8px, 18px, 8px);
 | 
						|
premiumPreviewButtonLabel: FlatLabel(defaultFlatLabel) {
 | 
						|
	textFg: premiumButtonFg;
 | 
						|
	style: semiboldTextStyle;
 | 
						|
}
 | 
						|
 | 
						|
stickersPremiumLock: icon{{ "emoji/premium_lock", premiumButtonFg }};
 | 
						|
 | 
						|
premiumPreviewHeight: 312px;
 | 
						|
 | 
						|
premiumReactionWidthSkip: 64px;
 | 
						|
premiumReactionHeightSkip: 75px;
 | 
						|
premiumReactionSize: 108px;
 | 
						|
premiumReactionAround: 164px;
 | 
						|
premiumReactionsMiddle: 148px;
 | 
						|
premiumReactionScale: 0.70;
 | 
						|
premiumReactionInfoTop: 260px;
 |