tg_windows5.12.6/Telegram/SourceFiles/window/window.style

/*
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 "ui/widgets/widgets.style";
using "chat_helpers/chat_helpers.style";
using "boxes/boxes.style"; // UserpicButton

windowMinWidth: 380px;
windowMinHeight: 480px;
windowDefaultWidth: 800px;
windowDefaultHeight: 600px;
windowBigDefaultWidth: 1024px;
windowBigDefaultHeight: 768px;

columnMinimalWidthLeft: 260px;
columnMaximalWidthLeft: 540px;
columnMinimalWidthMain: 380px;
columnMinimalWidthThird: 292px;
columnMaximalWidthThird: 392px;

adaptiveChatWideWidth: 880px;

notifyBorder: windowShadowFgFallback;
notifyBorderWidth: 1px;
notifySlowHide: 4000;
notifyPhotoSize: 62px;
notifyMacPhotoSize: 64px;
notifyPhotoPos: point(9px, 9px);
notifyClosePos: point(1px, 2px);
notifyClose: IconButton {
	width: 30px;
	height: 30px;

	icon: smallCloseIcon;
	iconOver: smallCloseIconOver;

	iconPosition: point(10px, 10px);

	rippleAreaPosition: point(5px, 5px);
	rippleAreaSize: 20px;
	ripple: defaultRippleAnimationBgOver;
}
notifyItemTop: 12px;
notifyTextLeft: 12px;
notifyTextTop: 7px;
notifyWaitLongHide: 3000;
notifyFastAnim: 150;
notifyWidth: 320px;
notifyMinHeight: 80px;
notifyDeltaX: 6px;
notifyDeltaY: 7px;
notifyActionsDuration: 200;

notifyHideAllHeight: 36px;

notifyReplyArea: InputField(defaultInputField) {
	style: defaultTextStyle;
	textMargins: margins(8px, 8px, 8px, 6px);
	heightMin: 36px;
	heightMax: 72px;
	placeholderFg: placeholderFg;
	placeholderFgActive: placeholderFgActive;
	placeholderFgError: placeholderFgActive;
	placeholderMargins: margins(2px, 0px, 2px, 0px);
	placeholderScale: 0.;
	placeholderFont: normalFont;
	border: 0px;
	borderActive: 0px;
}
notifySendReply: IconButton {
	width: 36px;
	height: 36px;

	icon: historySendIcon;
	iconOver: historySendIconOver;
	iconPosition: point(6px, 6px);
}
notifyFadeRight: icon {{ "fade_horizontal", notificationBg }};

titleUnreadCounterTop: 6px;
titleUnreadCounterRight: 35px;

mainMenuWidth: 274px;
mainMenuCoverHeight: 134px;
mainMenuUserpicLeft: 24px;
mainMenuUserpicTop: 20px;
mainMenuUserpic: UserpicButton(defaultUserpicButton) {
	size: size(48px, 48px);
	photoSize: 48px;
}
mainMenuCloudButton: IconButton {
	width: 48px;
	height: 48px;

	icon: icon {
//		{ "menu_cloud", mainMenuCloudFg },
	};
	iconPosition: point(22px, 22px);
}
mainMenuCloudSize: 32px;
mainMenuResetScaleFont: font(20px semibold);
mainMenuResetScaleLeft: 36px;
mainMenuResetScaleRight: 12px;
mainMenuResetScaleTop: 2px;
mainMenuResetScaleIconLeft: 5px;
mainMenuCoverNameLeft: 26px;
mainMenuCoverNameTop: 84px;
mainMenuCoverStatusLeft: mainMenuCoverNameLeft;
mainMenuCoverStatusTop: 103px;
mainMenuSkip: 6px;
mainMenuFooterHeightMin: 80px;
mainMenu: Menu(defaultMenu) {
	itemFg: windowBoldFg;
	itemFgOver: windowBoldFgOver;
	itemStyle: semiboldTextStyle;
	itemIconPosition: point(26px, 8px);
	itemPadding: margins(76px, 13px, 28px, 13px);
	itemToggle: Toggle(defaultMenuToggle) {
		toggledFg: mainMenuCoverBg;
	}
	itemToggleOver: Toggle(defaultMenuToggleOver) {
		toggledFg: mainMenuCoverBg;
	}
	itemToggleShift: 11px;
}
mainMenuButton: SettingsButton(defaultSettingsButton) {
	style: semiboldTextStyle;
	padding: margins(61px, 11px, 20px, 9px);
	toggleSkip: 19px;
	iconLeft: 21px;
}
mainMenuAddAccountButton: SettingsButton(mainMenuButton) {
	iconLeft: 23px;
}

mainMenuAccountSize: 26px;
mainMenuAccountLine: 2px;
mainMenuBadgeFont: font(11px bold);
mainMenuBadgeSize: 18px;

mainMenuFooterLeft: 25px;
mainMenuTelegramLabel: FlatLabel(defaultFlatLabel) {
	align: align(left);
	textFg: windowSubTextFg;
	style: TextStyle(defaultTextStyle) {
		font: semiboldFont;
	}
	palette: TextPalette(defaultTextPalette) {
		linkFg: windowSubTextFg;
	}
}
mainMenuTelegramBottom: 38px;
mainMenuVersionLabel: FlatLabel(mainMenuTelegramLabel) {
	style: defaultTextStyle;
}
mainMenuVersionBottom: 17px;

mainMenuToggleSize: 6px;
mainMenuToggleFourStrokes: 3px;
mainMenuTogglePosition: point(30px, 30px);

themeEditorSampleSize: size(90px, 51px);
themeEditorMargin: margins(17px, 10px, 17px, 10px);
themeEditorDescriptionSkip: 10px;
themeEditorNameFont: font(15px semibold);
themeEditorCopyNameFont: font(fsize semibold);

connectingLeftShadow: icon {{ "connecting_left_shadow", windowShadowFg }};
connectingLeft: icon {{ "connecting_left", windowBg }};
connectingRightShadow: icon {{ "connecting_right_shadow", windowShadowFg }};
connectingRight: icon {{ "connecting_right", windowBg }};
connectingBodyShadow: icon {{ "connecting_body_shadow", windowShadowFg }};
connectingBody: icon {{ "connecting_body", windowBg }};
connectingMargin: margins(2px, 2px, 2px, 2px);
connectingTextPadding: margins(18px, 11px, 18px, 0px);
connectingRadial: InfiniteRadialAnimation(defaultInfiniteRadialAnimation) {
	color: menuIconFg;
	thickness: 2px;
	size: size(20px, 20px);
}
connectingRetryLink: LinkButton(defaultLinkButton) {
	padding: margins(6px, 11px, 6px, 0px);
}
connectingProxyOff: icon {{ "proxy_off", menuIconFg }};
connectingProxyOn: icon {{ "proxy_on", windowBgActive }};
connectingDuration: 150;

windowOutdatedDetails: FlatLabel(defaultFlatLabel) {
	align: align(top);
	minWidth: 100px;
	textFg: outdatedFg;
}
windowOutdatedTitle: FlatLabel(windowOutdatedDetails) {
	style: semiboldTextStyle;
}
windowOutdatedPadding: margins(10px, 10px, 10px, 10px);
windowOutdatedSkip: 6px;
windowOutdatedClose: IconButton(defaultIconButton) {
	width: 60px;
	height: 60px;
	icon: icon {{ "info/info_close", outdatedFg }};
	iconOver: icon {{ "info/info_close", outdatedFg }};
	iconPosition: point(-1px, -1px);
}

createThemeImportButton: SettingsButton(defaultSettingsButton) {
	textFg: lightButtonFg;
	textFgOver: lightButtonFgOver;
	textBg: windowBg;
	textBgOver: windowBgOver;

	style: semiboldTextStyle;

	height: 20px;
	padding: margins(22px, 10px, 22px, 8px);

	ripple: defaultRippleAnimation;
}
createThemeLink: InputField(defaultInputField) {
	textMargins: margins(0px, 7px, 0px, 0px);
	textBg: boxBg;

	placeholderFg: placeholderFg;
	placeholderFgActive: placeholderFgActive;
	placeholderFgError: placeholderFgActive;
	placeholderMargins: margins(0px, 0px, 0px, 0px);
	placeholderScale: 0.;
	placeholderFont: boxTextFont;

	heightMin: 34px;
}

windowFiltersWidth: 72px;
windowFiltersButton: SideBarButton(defaultSideBarButton) {
	textTop: 40px;
	textSkip: 6px;
	minHeight: 62px;
	minTextWidth: 48px;
	style: TextStyle(defaultTextStyle) {
		font: font(11px semibold);
	}
	badgeStyle: TextStyle(defaultTextStyle) {
		font: font(12px semibold);
	}
	badgeSkip: 4px;
	badgeHeight: 17px;
	badgeStroke: 2px;
	badgePosition: point(3px, 7px);
	iconPosition: point(-1px, 6px);
}
windowFiltersMainMenu: SideBarButton(windowFiltersButton) {
	icon: icon {{ "dialogs/dialogs_menu", sideBarIconFg }};
	iconPosition: point(-1px, -1px);
	minHeight: 54px;
}
windowFiltersMainMenuUnread: icon {
	{ "dialogs/dialogs_menu_unread", sideBarIconFg },
	{ "dialogs/dialogs_menu_unread_dot", sideBarBadgeBg },
};
windowFiltersMainMenuUnreadMuted: icon {
	{ "dialogs/dialogs_menu_unread", sideBarIconFg },
	{ "dialogs/dialogs_menu_unread_dot", sideBarBadgeBgMuted },
};
windowFilterSmallItem: PeerListItem(defaultPeerListItem) {
	height: 44px;
	photoPosition: point(13px, 5px);
	namePosition: point(59px, 14px);
	photoSize: 34px;
	checkbox: RoundImageCheckbox(defaultPeerListCheckbox) {
		imageRadius: 17px;
		imageSmallRadius: 14px;
	}
}
windowFilterSmallList: PeerList(defaultPeerList) {
	item: windowFilterSmallItem;
}
windowFilterSmallRemove: IconButton(notifyClose) {
}
windowFilterSmallRemoveRight: 10px;
windowFilterNameInput: InputField(defaultInputField) {
	textMargins: margins(0px, 26px, 36px, 4px);
}
windowFilterStaticTitlePosition: point(0px, 5px);
windowFilterIconToggleSize: size(36px, 36px);
windowFilterIconTogglePosition: point(-4px, 18px);
windwoFilterIconPanelPosition: point(-2px, -1px);
windowFilterIconSingle: size(44px, 42px);
windowFilterIconPadding: margins(10px, 36px, 10px, 8px);
windowFilterIconHeaderPosition: point(18px, 14px);
windowFilterTypeContacts: icon {{ "folders/folders_type_contacts", historyPeerUserpicFg }};
windowFilterTypeNonContacts: icon {{ "folders/folders_type_noncontacts", historyPeerUserpicFg }};
windowFilterTypeGroups: icon {{ "folders/folders_type_groups", historyPeerUserpicFg }};
windowFilterTypeChannels: icon {{ "folders/folders_type_channels", historyPeerUserpicFg }};
windowFilterTypeBots: icon {{ "folders/folders_type_bots", historyPeerUserpicFg }};
windowFilterTypeNoMuted: icon {{ "folders/folders_type_muted", historyPeerUserpicFg }};
windowFilterTypeNoArchived: icon {{ "folders/folders_type_archived", historyPeerUserpicFg }};
windowFilterTypeNoRead: icon {{ "folders/folders_type_read", historyPeerUserpicFg }};
windowFilterTypeNewChats: icon {{ "folders/folder_new_chats", historyPeerUserpicFg }};
windowFilterTypeExistingChats: icon {{ "folders/folder_existing_chats", historyPeerUserpicFg }};
windowFilterChatsSectionSubtitleHeight: 28px;
windowFilterChatsSectionSubtitle: FlatLabel(defaultFlatLabel) {
	style: TextStyle(defaultTextStyle) {
		font: semiboldFont;
	}
	textFg: searchedBarFg;
}
windowFilterChatsSectionSubtitlePadding: margins(22px, 5px, 22px, 5px);

windowArchiveToast: Toast(defaultToast) {
	minWidth: boxWideWidth;
	maxWidth: boxWideWidth;
}

ivWidthMin: 380px;
ivHeightMin: 480px;
ivWidthDefault: 600px;
ivHeightDefault: 800px;

maxWidthSharedMediaWindow: 419px;

// Windows specific

winQuitIcon: icon {{ "win_quit", windowFg }};

// Mac specific

macAccessoryWidth: 450.;
macAccessoryHeight: 90.;
macEnableFilterAdd: 2;
macEnableFilterTop: 5;
macSelectorTop: 6;
macAlwaysThisAppTop: 4;
macAppHintTop: 8;
macCautionIconSize: 16;

macWindowRoundRadius: 10;
macWindowShadowTopLeft: icon {{ "mac_window_shadow_top_left", windowShadowFg }};
macTrayIcon: icon {{ "mac_tray_icon", windowFg }};