settings.style 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684
  1. /*
  2. This file is part of Telegram Desktop,
  3. the official desktop application for the Telegram messaging service.
  4. For license and copyright information please follow this link:
  5. https://github.com/telegramdesktop/tdesktop/blob/master/LEGAL
  6. */
  7. using "ui/basic.style";
  8. using "ui/widgets/widgets.style";
  9. using "info/info.style";
  10. using "boxes/boxes.style";
  11. settingsButton: SettingsButton(infoProfileButton) {
  12. style: boxTextStyle;
  13. padding: margins(60px, 10px, 22px, 10px);
  14. iconLeft: 20px;
  15. }
  16. settingsButtonNoIcon: SettingsButton(settingsButton) {
  17. padding: margins(22px, 10px, 22px, 8px);
  18. }
  19. settingsButtonLight: SettingsButton(settingsButton) {
  20. textFg: lightButtonFg;
  21. textFgOver: lightButtonFgOver;
  22. }
  23. settingsButtonLightNoIcon: SettingsButton(settingsButtonLight, settingsButtonNoIcon) {
  24. }
  25. settingsButtonNoIconLocked : SettingsButton(settingsButtonNoIcon) {
  26. toggle: Toggle(infoProfileToggle) {
  27. lockIcon: icon {{ "info/info_rights_lock", menuIconFg }};
  28. }
  29. toggleOver: Toggle(infoProfileToggleOver) {
  30. lockIcon: icon {{ "info/info_rights_lock", menuIconFgOver }};
  31. }
  32. }
  33. settingsButtonActive: SettingsButton(infoMainButton, settingsButton) {
  34. }
  35. settingsAttentionButton: SettingsButton(settingsButtonNoIcon) {
  36. textFg: attentionButtonFg;
  37. textFgOver: attentionButtonFgOver;
  38. }
  39. settingsAttentionButtonWithIcon: SettingsButton(settingsButton) {
  40. textFg: attentionButtonFg;
  41. textFgOver: attentionButtonFgOver;
  42. }
  43. settingsOptionDisabled: SettingsButton(settingsButtonNoIcon) {
  44. textFg: windowSubTextFg;
  45. textFgOver: windowSubTextFg;
  46. textBg: windowBg;
  47. textBgOver: windowBg;
  48. toggleOver: infoProfileToggle;
  49. }
  50. settingsButtonRightSkip: 23px;
  51. settingsScalePadding: margins(60px, 7px, 22px, 4px);
  52. settingsBigScalePadding: margins(21px, 7px, 21px, 4px);
  53. settingsSlider: SettingsSlider(defaultSettingsSlider) {
  54. barFg: windowBgOver;
  55. labelFg: windowSubTextFg;
  56. labelFgActive: windowActiveTextFg;
  57. }
  58. settingsScale: MediaSlider(defaultContinuousSlider) {
  59. seekSize: size(15px, 15px);
  60. }
  61. settingsScaleLabel: FlatLabel(defaultFlatLabel) {
  62. textFg: windowActiveTextFg;
  63. }
  64. settingsUpdateToggle: SettingsButton(settingsButtonNoIcon) {
  65. height: 40px;
  66. padding: margins(22px, 8px, 22px, 8px);
  67. }
  68. settingsUpdateState: FlatLabel(defaultFlatLabel) {
  69. textFg: windowSubTextFg;
  70. }
  71. settingsUpdate: SettingsButton(infoMainButton, settingsButtonNoIcon) {
  72. }
  73. settingsUpdateStatePosition: point(22px, 29px);
  74. settingsIconChat: icon {{ "settings/chat", settingsIconFg }};
  75. settingsIconInterfaceScale: icon {{ "settings/interface_scale", settingsIconFg }};
  76. settingsIconStickers: icon {{ "settings/stickers", settingsIconFg }};
  77. settingsIconEmoji: icon {{ "settings/emoji", settingsIconFg }};
  78. settingsPremiumIconWallpapers: icon {{ "settings/photo", settingsIconFg }};
  79. settingsPremiumIconStories: icon {{ "settings/stories", settingsIconFg }};
  80. settingsPremiumIconChannelsOff: icon {{ "settings/premium/channels_off", settingsIconFg }};
  81. settingsPremiumIconDouble: icon {{ "settings/premium/double", settingsIconFg }};
  82. settingsPremiumIconStatus: icon {{ "settings/premium/status", settingsIconFg }};
  83. settingsPremiumIconLike: icon {{ "settings/premium/like", settingsIconFg }};
  84. settingsPremiumIconPlay: icon {{ "settings/premium/play", settingsIconFg }};
  85. settingsPremiumIconSpeed: icon {{ "settings/premium/speed", settingsIconFg }};
  86. settingsPremiumIconStar: icon {{ "settings/premium/star", settingsIconFg }};
  87. settingsPremiumIconVoice: icon {{ "settings/premium/voice", settingsIconFg }};
  88. settingsPremiumIconFiles: icon {{ "settings/premium/files", settingsIconFg }};
  89. settingsPremiumIconTranslations: icon {{ "settings/premium/translations", settingsIconFg }};
  90. settingsPremiumIconTags: icon {{ "settings/premium/tags", settingsIconFg }};
  91. settingsPremiumIconLastSeen: icon {{ "settings/premium/lastseen", settingsIconFg }};
  92. settingsPremiumIconPrivacy: icon {{ "settings/premium/privacy", settingsIconFg }};
  93. settingsPremiumIconBusiness: icon {{ "settings/premium/market", settingsIconFg }};
  94. settingsPremiumIconEffects: icon {{ "settings/premium/effects", settingsIconFg }};
  95. settingsStoriesIconOrder: icon {{ "settings/premium/stories_order", premiumButtonBg1 }};
  96. settingsStoriesIconStealth: icon {{ "menu/stealth", premiumButtonBg1 }};
  97. settingsStoriesIconViews: icon {{ "menu/show_in_chat", premiumButtonBg1 }};
  98. settingsStoriesIconExpiration: icon {{ "settings/premium/timer", premiumButtonBg1 }};
  99. settingsStoriesIconDownload: icon {{ "menu/download", premiumButtonBg1 }};
  100. settingsStoriesIconCaption: icon {{ "settings/premium/stories_caption", premiumButtonBg1 }};
  101. settingsStoriesIconLinks: icon {{ "menu/links_profile", premiumButtonBg1 }};
  102. settingsBusinessIconLocation: icon {{ "settings/premium/business/business_location", settingsIconFg }};
  103. settingsBusinessIconHours: icon {{ "settings/premium/business/business_hours", settingsIconFg }};
  104. settingsBusinessIconReplies: icon {{ "settings/premium/business/business_quick", settingsIconFg }};
  105. settingsBusinessIconGreeting: icon {{ "settings/premium/status", settingsIconFg }};
  106. settingsBusinessIconAway: icon {{ "settings/premium/business/business_away", settingsIconFg }};
  107. settingsBusinessIconChatbots: icon {{ "settings/premium/business/business_chatbots", settingsIconFg }};
  108. settingsBusinessIconChatIntro: icon {{ "settings/premium/business/business_intro", settingsIconFg }};
  109. settingsBusinessIconChatLinks: icon {{ "settings/premium/business/business_links", settingsIconFg }};
  110. settingsBusinessPromoLocation: icon {{ "settings/premium/promo/business_location", premiumButtonBg1 }};
  111. settingsBusinessPromoHours: icon {{ "settings/premium/promo/business_hours", premiumButtonBg1 }};
  112. settingsBusinessPromoReplies: icon {{ "settings/premium/promo/business_quickreply", premiumButtonBg1 }};
  113. settingsBusinessPromoGreeting: icon {{ "settings/premium/promo/business_greeting", premiumButtonBg1 }};
  114. settingsBusinessPromoAway: icon {{ "settings/premium/promo/business_away", premiumButtonBg1 }};
  115. settingsBusinessPromoChatbots: icon {{ "settings/premium/promo/business_chatbot", premiumButtonBg1 }};
  116. settingsBusinessPromoChatIntro: icon {{ "settings/premium/promo/business_intro", premiumButtonBg1 }};
  117. settingsBusinessPromoChatLinks: icon {{ "settings/premium/promo/business_chatlink", premiumButtonBg1 }};
  118. settingsStarRefEarnStars: icon {{ "settings/premium/business/earn_stars", settingsIconFg }};
  119. settingsPremiumNewBadge: FlatLabel(defaultFlatLabel) {
  120. style: TextStyle(semiboldTextStyle) {
  121. font: font(10px semibold);
  122. }
  123. textFg: windowFgActive;
  124. }
  125. settingsPremiumNewBadgePosition: point(4px, 1px);
  126. settingsPremiumNewBadgePadding: margins(4px, 1px, 4px, 1px);
  127. settingsTTLChatsOff: icon {{ "settings/ttl/autodelete_off", windowSubTextFg }};
  128. settingsTTLChatsOn: icon {{ "settings/ttl/autodelete_on", windowActiveTextFg }};
  129. settingsIconAdd: icon {{ "settings/add", windowFgActive }};
  130. settingsIconRemove: icon {{ "settings/remove", windowFgActive }};
  131. settingsFolderShareIcon: icon {{ "settings/folder_links", lightButtonFg }};
  132. settingsCheckbox: Checkbox(defaultBoxCheckbox) {
  133. textPosition: point(15px, 1px);
  134. }
  135. settingsCheckboxPadding: margins(22px, 10px, 10px, 10px);
  136. settingsLink: boxLinkButton;
  137. settingsCheckboxesSkip: 12px;
  138. settingsSendType: settingsCheckbox;
  139. settingsSendTypePadding: margins(22px, 5px, 10px, 5px);
  140. settingsSendTypeSkip: 5px;
  141. settingsBackgroundThumb: 76px;
  142. settingsThumbSkip: 16px;
  143. settingsBackgroundPadding: margins(22px, 11px, 10px, 12px);
  144. settingsTileSkip: 15px;
  145. settingsFromGalleryTop: 2px;
  146. settingsFromFileTop: 14px;
  147. settingsPrivacyOption: Checkbox(settingsCheckbox) {
  148. textPosition: point(13px, 1px);
  149. }
  150. settingsPrivacySecurityPadding: 12px;
  151. settingsPrivacySkip: 14px;
  152. settingsPrivacySkipTop: 4px;
  153. settingsPrivacyPremium: icon{{ "profile_premium", premiumButtonFg }};
  154. settingsPrivacyAddBirthday: FlatLabel(defaultFlatLabel) {
  155. minWidth: 256px;
  156. }
  157. settingsCloudPasswordIconSize: 100px;
  158. settingLocalPasscodeInputField: InputField(defaultInputField) {
  159. width: 256px;
  160. }
  161. settingLocalPasscodeDescription: FlatLabel(changePhoneDescription) {
  162. minWidth: 256px;
  163. }
  164. settingLocalPasscodeDescriptionHeight: 53px;
  165. settingLocalPasscodeError: FlatLabel(changePhoneError) {
  166. minWidth: 256px;
  167. }
  168. settingLocalPasscodeDescriptionBottomSkip: 15px;
  169. settingLocalPasscodeIconPadding: margins(0px, 19px, 0px, 5px);
  170. settingLocalPasscodeButtonPadding: margins(0px, 19px, 0px, 35px);
  171. settingsInfoPhotoHeight: 161px;
  172. settingsInfoPhotoSize: 100px;
  173. settingsInfoPhoto: UserpicButton(defaultUserpicButton) {
  174. size: size(settingsInfoPhotoSize, settingsInfoPhotoSize);
  175. photoSize: settingsInfoPhotoSize;
  176. }
  177. settingsInfoPhotoTop: 0px;
  178. settingsInfoPhotoSkip: 7px;
  179. settingsInfoNameSkip: -1px;
  180. settingsInfoUploadLeft: 6px;
  181. settingsInfoPeerBadge: InfoPeerBadge {
  182. verified: icon {
  183. { "dialogs/dialogs_verified_star", dialogsVerifiedIconBg },
  184. { "dialogs/dialogs_verified_check", dialogsVerifiedIconFg },
  185. };
  186. premium: icon {{ "dialogs/dialogs_premium", dialogsVerifiedIconBg }};
  187. premiumFg: dialogsVerifiedIconBg;
  188. sizeTag: 0; // Normal
  189. }
  190. settingsBio: InputField(defaultInputField) {
  191. textBg: transparent;
  192. textMargins: margins(0px, 7px, 0px, 13px);
  193. placeholderFg: placeholderFg;
  194. placeholderFgActive: placeholderFgActive;
  195. placeholderFgError: placeholderFgActive;
  196. placeholderMargins: margins(2px, 0px, 2px, 0px);
  197. placeholderScale: 0.;
  198. placeholderFont: normalFont;
  199. border: 0px;
  200. borderActive: 0px;
  201. heightMin: 32px;
  202. }
  203. settingsBioMargins: margins(22px, 6px, 22px, 4px);
  204. settingsBioCountdown: FlatLabel(defaultFlatLabel) {
  205. style: boxTextStyle;
  206. textFg: windowSubTextFg;
  207. }
  208. settingsCoverName: FlatLabel(defaultFlatLabel) {
  209. maxHeight: 24px;
  210. style: TextStyle(defaultTextStyle) {
  211. font: font(17px semibold);
  212. }
  213. }
  214. settingsCoverStatus: FlatLabel(defaultFlatLabel) {
  215. textFg: windowSubTextFg;
  216. }
  217. settingsThemesTopSkip: 10px;
  218. settingsThemesBottomSkip: 8px;
  219. settingsTheme: Checkbox(defaultCheckbox) {
  220. textFg: windowSubTextFg;
  221. textFgActive: windowActiveTextFg;
  222. width: 80px;
  223. margin: margins(0px, 0px, 0px, 0px);
  224. textPosition: point(0px, 99px);
  225. checkPosition: point(0px, 0px);
  226. style: defaultTextStyle;
  227. disabledOpacity: 0.5;
  228. }
  229. settingsThemePreviewSize: size(80px, 92px);
  230. settingsThemeBubbleSize: size(40px, 14px);
  231. settingsThemeBubbleRadius: 2px;
  232. settingsThemeBubblePosition: point(6px, 8px);
  233. settingsThemeBubbleSkip: 6px;
  234. settingsThemeRadioBottom: 12px;
  235. settingsThemeMinSkip: 4px;
  236. settingsThemeNotSupportedBg: windowBgOver;
  237. settingsThemeNotSupportedIcon: icon {{ "theme_preview", menuIconFg }};
  238. chatThemeTitlePadding: margins(22px, 13px, 22px, 9px);
  239. chatThemePreviewSize: size(80px, 108px);
  240. chatThemeBubbleSize: size(48px, 22px);
  241. chatThemeBubbleRadius: 10px;
  242. chatThemeBubblePosition: point(6px, 12px);
  243. chatThemeBubbleSkip: 6px;
  244. chatThemeEntrySkip: 10px;
  245. chatThemeEntryMargin: margins(16px, 10px, 16px, 8px);
  246. chatThemeEmptyPreviewTop: 16px;
  247. chatThemeEmojiBottom: 12px;
  248. chatThemeButtonMargin: margins(10px, 0px, 10px, 8px);
  249. autoDownloadLimitButton: SettingsButton(settingsButtonNoIcon) {
  250. padding: margins(22px, 10px, 22px, 0px);
  251. }
  252. settingsLevelMeterPadding: margins(22px, 10px, 20px, 10px);
  253. settingsForwardPrivacyPadding: 10px;
  254. settingsForwardPrivacyArrowSkip: 32px;
  255. settingsForwardPrivacyArrowSize: 7px;
  256. settingsForwardPrivacyTooltipPadding: margins(12px, 7px, 12px, 7px);
  257. settingsAccentColorSize: 24px;
  258. settingsAccentColorSkip: 4px;
  259. settingsAccentColorLine: 3px;
  260. settingsFilterDividerLabel: FlatLabel(boxDividerLabel) {
  261. minWidth: 258px;
  262. maxHeight: 0px;
  263. align: align(top);
  264. }
  265. settingsFilterDividerLabelPadding: margins(0px, 16px, 0px, 22px);
  266. settingsFilterIconSize: 74px;
  267. settingsFilterIconPadding: margins(0px, 17px, 0px, 5px);
  268. settingsDeviceName: InputField(defaultInputField) {
  269. textBg: transparent;
  270. textMargins: margins(1px, 3px, 1px, 4px);
  271. placeholderFg: placeholderFg;
  272. placeholderFgActive: placeholderFgActive;
  273. placeholderFgError: placeholderFgActive;
  274. placeholderMargins: margins(1px, 0px, 1px, 0px);
  275. placeholderScale: 0.;
  276. placeholderFont: normalFont;
  277. heightMin: 29px;
  278. }
  279. dictionariesSectionButton: SettingsButton(settingsUpdateToggle) {
  280. style: TextStyle(defaultTextStyle) {
  281. font: font(14px semibold);
  282. }
  283. }
  284. sessionsScroll: boxScroll;
  285. sessionsHeight: 350px;
  286. sessionLocationTop: 54px;
  287. sessionCurrentSkip: 8px;
  288. sessionSubtitleSkip: 14px;
  289. sessionInfoFg: windowSubTextFg;
  290. sessionTerminateTop: 8px;
  291. sessionTerminateSkip: 11px;
  292. sessionTerminate: IconButton {
  293. width: 34px;
  294. height: 34px;
  295. icon: smallCloseIcon;
  296. iconOver: smallCloseIconOver;
  297. iconPosition: point(12px, 12px);
  298. }
  299. sessionIconWindows: icon{{ "settings/devices/device_desktop_win", historyPeerUserpicFg }};
  300. sessionIconMac: icon{{ "settings/devices/device_desktop_mac", historyPeerUserpicFg }};
  301. sessionIconUbuntu: icon{{ "settings/devices/device_linux_ubuntu", historyPeerUserpicFg }};
  302. sessionIconLinux: icon{{ "settings/devices/device_linux", historyPeerUserpicFg }};
  303. sessionIconiPhone: icon{{ "settings/devices/device_phone_ios", historyPeerUserpicFg }};
  304. sessionIconiPad: icon{{ "settings/devices/device_tablet_ios", historyPeerUserpicFg }};
  305. sessionIconAndroid: icon{{ "settings/devices/device_phone_android", historyPeerUserpicFg }};
  306. sessionIconWeb: icon{{ "settings/devices/device_web_other", historyPeerUserpicFg }};
  307. sessionIconChrome: icon{{ "settings/devices/device_web_chrome", historyPeerUserpicFg }};
  308. sessionIconEdge: icon{{ "settings/devices/device_web_edge", historyPeerUserpicFg }};
  309. sessionIconFirefox: icon{{ "settings/devices/device_web_firefox", historyPeerUserpicFg }};
  310. sessionIconSafari: icon{{ "settings/devices/device_web_safari", historyPeerUserpicFg }};
  311. sessionIconOther: icon{{ "settings/devices/device_other", historyPeerUserpicFg }};
  312. sessionBigUserpicSize: 70px;
  313. sessionBigLottieSize: 52px;
  314. sessionBigIconOther: icon{{ "settings/devices/device_other_large", historyPeerUserpicFg }};
  315. sessionBigIconWeb: icon{{ "settings/devices/device_web_other_large", historyPeerUserpicFg }};
  316. sessionBigCoverPadding: margins(0px, 18px, 0px, 7px);
  317. sessionBigName: FlatLabel(defaultFlatLabel) {
  318. textFg: boxTitleFg;
  319. maxHeight: 29px;
  320. style: TextStyle(defaultTextStyle) {
  321. font: font(20px semibold);
  322. }
  323. align: align(top);
  324. }
  325. sessionDateLabel: FlatLabel(defaultFlatLabel) {
  326. textFg: windowSubTextFg;
  327. align: align(top);
  328. }
  329. sessionDateSkip: 19px;
  330. sessionValuePadding: margins(37px, 5px, 0px, 0px);
  331. sessionValueLabel: FlatLabel(defaultFlatLabel) {
  332. textFg: windowSubTextFg;
  333. }
  334. sessionValueSkip: 8px;
  335. sessionValueIconPosition: point(20px, 9px);
  336. sessionListItem: PeerListItem(defaultPeerListItem) {
  337. button: OutlineButton(defaultPeerListButton) {
  338. font: normalFont;
  339. padding: margins(11px, 5px, 11px, 5px);
  340. }
  341. height: 84px;
  342. photoPosition: point(21px, 10px);
  343. nameStyle: TextStyle(defaultTextStyle) {
  344. font: msgNameFont;
  345. }
  346. namePosition: point(78px, 11px);
  347. statusPosition: point(78px, 32px);
  348. photoSize: 42px;
  349. statusFg: boxTextFg;
  350. statusFgOver: boxTextFg;
  351. }
  352. sessionList: PeerList(defaultPeerList) {
  353. item: sessionListItem;
  354. padding: margins(0px, 4px, 0px, 0px);
  355. }
  356. websiteListItem: PeerListItem(sessionListItem) {
  357. height: 72px;
  358. photoPosition: point(18px, 10px);
  359. namePosition: point(64px, 6px);
  360. statusPosition: point(64px, 26px);
  361. photoSize: 32px;
  362. }
  363. websiteList: PeerList(sessionList) {
  364. item: websiteListItem;
  365. }
  366. websiteLocationTop: 46px;
  367. websiteBigUserpic: UserpicButton(defaultUserpicButton) {
  368. size: size(70px, 70px);
  369. photoSize: 70px;
  370. }
  371. settingsPhotoLeft: 22px;
  372. settingsPhotoTop: 8px;
  373. settingsPhotoBottom: 16px;
  374. settingsNameLeft: 112px;
  375. settingsNameTop: 12px;
  376. settingsPhoneLeft: settingsNameLeft;
  377. settingsPhoneTop: 37px;
  378. settingsUsernameLeft: settingsNameLeft;
  379. settingsUsernameTop: 58px;
  380. settingsPeerToPeerSkip: 9px;
  381. settingsIconRadius: 6px;
  382. settingsReactionSize: 25px;
  383. settingsReactionRightSkip: 0px;
  384. settingsReactionCornerSize: size(28px, 22px);
  385. settingsReactionCornerSkip: point(11px, -6px);
  386. settingsReactionMessageSize: 18px;
  387. settingsReactionRightIcon: 20px;
  388. notifyPreviewMargins: margins(40px, 20px, 40px, 58px);
  389. notifyPreviewUserpicSize: 36px;
  390. notifyPreviewUserpicPosition: point(14px, 11px);
  391. notifyPreviewTitlePosition: point(64px, 9px);
  392. notifyPreviewTextPosition: point(64px, 30px);
  393. notifyPreviewChecksSkip: 12px;
  394. notifyPreviewBottomSkip: 9px;
  395. settingsPremiumButtonPadding: margins(11px, 11px, 11px, 3px);
  396. settingsPremiumTopBarBackIcon: icon {{ "info/info_back", premiumButtonFg }};
  397. settingsPremiumTopBarBackIconOver: icon {{ "info/info_back", premiumButtonFg }};
  398. settingsPremiumTopBarBack: IconButton(infoTopBarBack) {
  399. icon: settingsPremiumTopBarBackIcon;
  400. iconOver: settingsPremiumTopBarBackIconOver;
  401. ripple: RippleAnimation(defaultRippleAnimation) {
  402. color: callMuteRipple;
  403. }
  404. }
  405. settingsPremiumLayerTopBarBack: IconButton(infoLayerTopBarBack) {
  406. icon: settingsPremiumTopBarBackIcon;
  407. iconOver: settingsPremiumTopBarBackIconOver;
  408. ripple: RippleAnimation(defaultRippleAnimation) {
  409. color: callMuteRipple;
  410. }
  411. }
  412. settingsPremiumTopBarClose: IconButton(infoTopBarClose) {
  413. icon: icon {{ "info/info_close", premiumButtonFg }};
  414. iconOver: icon {{ "info/info_close", premiumButtonFg }};
  415. ripple: RippleAnimation(defaultRippleAnimation) {
  416. color: callMuteRipple;
  417. }
  418. }
  419. settingsPremiumMoveLeft: IconButton(settingsPremiumLayerTopBarBack) {
  420. width: 52px;
  421. height: 56px;
  422. iconPosition: point(-1px, -1px);
  423. }
  424. settingsPremiumMoveRightIcon: icon {{ "info/info_back-flip_horizontal", premiumButtonFg }};
  425. settingsPremiumMoveRightIconOver: icon {{ "info/info_back-flip_horizontal", premiumButtonFg }};
  426. settingsPremiumMoveRight: IconButton(settingsPremiumMoveLeft) {
  427. icon: settingsPremiumMoveRightIcon;
  428. iconOver: settingsPremiumMoveRightIconOver;
  429. }
  430. settingsPremiumRowTitlePadding: margins(59px, 5px, 46px, 1px);
  431. settingsPremiumRowAboutPadding: margins(59px, 0px, 46px, 6px);
  432. settingsPremiumPreviewTitlePadding: margins(24px, 13px, 24px, 3px);
  433. settingsPremiumPreviewAboutPadding: margins(24px, 0px, 24px, 11px);
  434. settingsPremiumPreviewLinePadding: margins(18px, 0px, 18px, 8px);
  435. settingsPremiumPreviewIconTitlePadding: margins(62px, 13px, 24px, 1px);
  436. settingsPremiumPreviewIconAboutPadding: margins(62px, 0px, 24px, 0px);
  437. settingsPremiumPreviewIconPosition: point(20px, 7px);
  438. settingsPremiumArrowShift: point(-5px, -1px);
  439. settingsPremiumArrow: icon{{ "settings/premium/arrow", menuIconFg }};
  440. settingsPremiumArrowOver: icon{{ "settings/premium/arrow", menuIconFgOver }};
  441. settingsPremiumOptionsPadding: margins(0px, 9px, 0px, 2px);
  442. settingsPremiumTopHeight: 202px;
  443. settingsPremiumUserHeight: 205px;
  444. settingsPremiumUserTitlePadding: margins(0px, 16px, 0px, 6px);
  445. settingsPremiumUserTitle: FlatLabel(boxTitle) {
  446. style: TextStyle(defaultTextStyle) {
  447. font: boxTitleFont;
  448. lineHeight: 20px;
  449. }
  450. minWidth: 300px;
  451. maxHeight: 0px;
  452. align: align(top);
  453. }
  454. settingsPremiumLock: icon{{ "emoji/premium_lock", windowActiveTextFg, point(0px, 1px) }};
  455. settingsPremiumLockSkip: 3px;
  456. settingsBlockedListSubtitleAddPadding: margins(0px, 1px, 0px, -4px);
  457. settingsBlockedListIconPadding: margins(0px, 24px, 0px, 5px);
  458. settingsBlockedList: PeerList(peerListBox) {
  459. padding: margins(0px, 0px, 0px, membersMarginBottom);
  460. }
  461. settingsBlockedHeightMin: 240px;
  462. settingsNotificationType: SettingsButton(settingsButton) {
  463. height: 40px;
  464. padding: margins(60px, 4px, 22px, 4px);
  465. }
  466. settingsNotificationTypeDetails: FlatLabel(defaultFlatLabel) {
  467. textFg: windowSubTextFg;
  468. }
  469. powerSavingButton: SettingsButton(settingsButton) {
  470. style: boxTextStyle;
  471. padding: margins(57px, 8px, 22px, 8px);
  472. iconLeft: 20px;
  473. }
  474. powerSavingButtonNoIcon: SettingsButton(powerSavingButton) {
  475. padding: margins(22px, 8px, 22px, 8px);
  476. }
  477. powerSavingSubtitlePadding: margins(0px, 4px, 0px, -2px);
  478. filterInviteBox: Box(defaultBox) {
  479. buttonPadding: margins(10px, 9px, 10px, 9px);
  480. buttonHeight: 42px;
  481. button: RoundButton(defaultActiveButton) {
  482. height: 42px;
  483. textTop: 12px;
  484. style: semiboldTextStyle;
  485. }
  486. }
  487. filterInviteButtonStyle: TextStyle(defaultTextStyle) {
  488. font: font(13px semibold);
  489. }
  490. filterInviteButtonBadgeStyle: TextStyle(defaultTextStyle) {
  491. font: font(12px semibold);
  492. }
  493. filterInviteButtonBadgePadding: margins(5px, 0px, 5px, 2px);
  494. filterInviteButtonBadgeSkip: 5px;
  495. filterLinkDividerLabelPadding: margins(0px, 10px, 0px, 17px);
  496. filterLinkTitlePadding: margins(0px, 15px, 0px, 17px);
  497. filterLinkAboutTextStyle: TextStyle(defaultTextStyle) {
  498. font: font(12px);
  499. lineHeight: 17px;
  500. }
  501. filterLinkAbout: FlatLabel(defaultFlatLabel) {
  502. style: filterLinkAboutTextStyle;
  503. align: align(top);
  504. minWidth: 190px;
  505. }
  506. filterLinkAboutTop: 170px;
  507. filterLinkAboutBottom: 15px;
  508. filterLinkPreview: 96px;
  509. filterLinkPreviewRadius: 13px;
  510. filterLinkPreviewTop: 30px;
  511. filterLinkPreviewColumn: 65px;
  512. filterLinkPreviewAllBottom: 18px;
  513. filterLinkPreviewAllTop: 15px;
  514. filterLinkPreviewMyBottom: 74px;
  515. filterLinkPreviewMyTop: 71px;
  516. filterLinkPreviewChatSize: 36px;
  517. filterLinkPreviewChatSkip: 10px;
  518. filterLinkPreviewBadgeLeft: 40px;
  519. filterLinkPreviewBadgeTop: 38px;
  520. filterLinkSubsectionTitlePadding: margins(0px, 5px, 0px, -4px);
  521. filterLinkChatsList: PeerList(peerListBox) {
  522. padding: margins(0px, 0px, 0px, membersMarginBottom);
  523. }
  524. settingsColorSampleSize: 20px;
  525. settingsColorSampleCenter: 6px;
  526. settingsColorSampleCenterRadius: 2px;
  527. settingsColorSamplePadding: margins(8px, 2px, 8px, 2px);
  528. settingsColorSampleSkip: 6px;
  529. settingsColorButton: SettingsButton(settingsButton) {
  530. padding: margins(60px, 10px, 48px, 10px);
  531. }
  532. settingsColorRadioMargin: 17px;
  533. settingsColorRadioSkip: 13px;
  534. settingsColorRadioStroke: 2px;
  535. settingsLevelBadgeLock: icon {{ "chat/mini_lock", premiumButtonFg }};
  536. settingsLevelBadgeLockSkip: 4px;
  537. messagePrivacyTopSkip: 8px;
  538. messagePrivacyRadioSkip: 6px;
  539. messagePrivacyBottomSkip: 10px;
  540. messagePrivacyCheck: Checkbox(settingsPrivacyOption) {
  541. textPosition: point(13px, 1px);
  542. }
  543. messagePrivacySubscribe: SettingsButton(settingsButtonLight) {
  544. padding: margins(56px, 10px, 22px, 8px);
  545. iconLeft: 20px;
  546. }
  547. messagePrivacyLock: icon {{ "info/info_rights_lock", checkboxFg }};
  548. peerAppearanceButton: SettingsButton(settingsButtonLight) {
  549. padding: margins(60px, 8px, 22px, 8px);
  550. iconLeft: 20px;
  551. }
  552. peerAppearanceCoverLabelMargin: margins(22px, 0px, 22px, 17px);
  553. peerAppearanceIconPadding: margins(0px, 15px, 0px, 5px);
  554. peerAppearanceDividerTextMargin: margins(22px, 8px, 22px, 11px);
  555. settingsChatbotsUsername: InputField(defaultMultiSelectSearchField) {
  556. }
  557. settingsChatbotsAccess: Checkbox(defaultCheckbox) {
  558. textPosition: point(18px, 2px);
  559. }
  560. settingsLocationAddress: InputField(defaultMultiSelectSearchField) {
  561. }
  562. settingsChatbotsUsernameMargins: margins(20px, 8px, 20px, 8px);
  563. settingsChatbotsAccessMargins: margins(22px, 5px, 22px, 9px);
  564. settingsChatbotsAccessSkip: 4px;
  565. settingsChatbotsBottomTextMargin: margins(22px, 8px, 22px, 3px);
  566. settingsChatbotsAdd: SettingsButton(settingsButton) {
  567. iconLeft: 22px;
  568. }
  569. settingsWorkingHoursWeek: SettingsButton(settingsButtonNoIcon) {
  570. height: 40px;
  571. padding: margins(22px, 4px, 22px, 4px);
  572. }
  573. settingsWorkingHoursDetails: settingsNotificationTypeDetails;
  574. settingsWorkingHoursPicker: 200px;
  575. settingsWorkingHoursPickerItemHeight: 40px;
  576. settingsAwaySchedulePadding: margins(0px, 8px, 0px, 8px);
  577. settingsAddReplyLabel: FlatLabel(defaultFlatLabel) {
  578. minWidth: 256px;
  579. }
  580. settingsAddReplyField: InputField(defaultInputField) {
  581. textBg: transparent;
  582. textMargins: margins(0px, 10px, 32px, 2px);
  583. placeholderFg: placeholderFg;
  584. placeholderFgActive: placeholderFgActive;
  585. placeholderFgError: placeholderFgActive;
  586. placeholderMargins: margins(2px, 0px, 2px, 0px);
  587. placeholderScale: 0.;
  588. heightMin: 36px;
  589. }
  590. settingsChatbotsNotFound: FlatLabel(defaultFlatLabel) {
  591. textFg: windowSubTextFg;
  592. align: align(top);
  593. }
  594. settingsChatbotsDeleteIcon: icon {{ "dialogs/dialogs_cancel_search", dialogsMenuIconFg }};
  595. settingsChatbotsDeleteIconOver: icon {{ "dialogs/dialogs_cancel_search", dialogsMenuIconFgOver }};
  596. settingsChatIntroField: InputField(defaultMultiSelectSearchField) {
  597. textMargins: margins(2px, 0px, 32px, 0px);
  598. }
  599. settingsChatIntroFieldMargins: margins(20px, 15px, 20px, 8px);
  600. settingsChatLinkEmojiTop: 2px;
  601. settingsChatLinkField: InputField(defaultInputField) {
  602. textBg: transparent;
  603. textMargins: margins(2px, 8px, 2px, 8px);
  604. placeholderFg: placeholderFg;
  605. placeholderFgActive: placeholderFgActive;
  606. placeholderFgError: placeholderFgActive;
  607. placeholderMargins: margins(0px, 0px, 0px, 0px);
  608. placeholderScale: 0.;
  609. placeholderFont: normalFont;
  610. border: 0px;
  611. borderActive: 0px;
  612. heightMin: 32px;
  613. style: defaultTextStyle;
  614. }