credits.style 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  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 "boxes/boxes.style";
  9. using "ui/widgets/widgets.style";
  10. using "ui/effects/premium.style";
  11. using "settings/settings.style";
  12. creditsSettingsBigBalance: FlatLabel(defaultFlatLabel) {
  13. style: TextStyle(defaultTextStyle) {
  14. font: font(24px semibold);
  15. }
  16. }
  17. creditsSettingsBigBalanceSkip: 4px;
  18. creditsSettingsBigBalanceButton: RoundButton(defaultActiveButton) {
  19. height: 42px;
  20. textTop: 12px;
  21. style: semiboldTextStyle;
  22. }
  23. creditsSettingsBigBalanceButtonGift: RoundButton(defaultLightButton) {
  24. height: 42px;
  25. textTop: 12px;
  26. style: defaultTextStyle;
  27. }
  28. creditsPremiumCover: PremiumCover(defaultPremiumCover) {
  29. about: FlatLabel(userPremiumCoverAbout) {
  30. textFg: boxTitleFg;
  31. }
  32. }
  33. creditsLowBalancePremiumCover: PremiumCover(creditsPremiumCover) {
  34. starSize: size(64px, 62px);
  35. starTopSkip: 30px;
  36. }
  37. creditsLowBalancePremiumCoverHeight: 162px;
  38. creditsTopupButton: SettingsButton(settingsButton) {
  39. style: semiboldTextStyle;
  40. }
  41. creditsTopupPrice: FlatLabel(defaultFlatLabel) {
  42. textFg: windowSubTextFg;
  43. }
  44. creditsHistoryRightSkip: 10px;
  45. creditsBalanceStarHeight: 20px;
  46. creditsBoxAbout: FlatLabel(defaultFlatLabel) {
  47. minWidth: 256px;
  48. align: align(top);
  49. }
  50. creditsBoxAboutTitle: FlatLabel(settingsPremiumUserTitle) {
  51. minWidth: 256px;
  52. }
  53. creditsBoxAboutDivider: FlatLabel(boxDividerLabel) {
  54. align: align(top);
  55. }
  56. creditsBoxButtonLabel: FlatLabel(defaultFlatLabel) {
  57. style: semiboldTextStyle;
  58. }
  59. starIconEmoji: IconEmoji {
  60. icon: icon{{ "payments/premium_emoji", creditsBg1 }};
  61. padding: margins(4px, 1px, 4px, 0px);
  62. }
  63. starIconEmojiColored: IconEmoji(starIconEmoji) {
  64. useIconColor: true;
  65. }
  66. starIconEmojiSmall: IconEmoji {
  67. icon: icon{{ "chat/mini_stars", creditsBg1 }};
  68. padding: margins(0px, 4px, 0px, 0px);
  69. }
  70. creditsHistoryEntryTypeAds: icon {{ "folders/folders_channels", premiumButtonFg }};
  71. creditsHistoryEntryGiftStickerSkip: -20px;
  72. creditsHistoryEntryGiftStickerSize: 150px;
  73. creditsHistoryEntryGiftStickerSpace: 105px;
  74. creditsHistoryEntryStarGiftSkip: 10px;
  75. creditsHistoryEntryStarGiftSize: 120px;
  76. creditsHistoryEntryStarGiftSpace: 125px;
  77. creditsGiftBox: Box(defaultBox) {
  78. shadowIgnoreTopSkip: true;
  79. }
  80. giftBox: Box(defaultBox) {
  81. buttonPadding: margins(22px, 11px, 22px, 12px);
  82. buttonHeight: 42px;
  83. button: RoundButton(defaultActiveButton) {
  84. height: 42px;
  85. textTop: 12px;
  86. style: semiboldTextStyle;
  87. }
  88. }
  89. giftLimitedBox: Box(giftBox) {
  90. buttonPadding: margins(22px, 48px, 22px, 12px);
  91. }
  92. giftLimitedPadding: margins(8px, 4px, 8px, 4px);
  93. giftBoxSubtitle: FlatLabel(defaultFlatLabel) {
  94. style: TextStyle(defaultTextStyle) {
  95. font: boxTitleFont;
  96. }
  97. textFg: windowBoldFg;
  98. align: align(top);
  99. minWidth: 200px;
  100. }
  101. giftBoxSubtitleMargin: margins(22px, 4px, 22px, 4px);
  102. giftBoxAbout: FlatLabel(defaultFlatLabel) {
  103. align: align(top);
  104. minWidth: 200px;
  105. }
  106. giftBoxAboutMargin: margins(20px, 4px, 20px, 4px);
  107. giftBoxTabsMargin: margins(20px, 4px, 20px, 4px);
  108. giftBoxTabPadding: margins(8px, 2px, 8px, 2px);
  109. giftBoxTabSkip: 2px;
  110. giftBoxTabStyle: semiboldTextStyle;
  111. giftBoxTabFg: windowSubTextFg;
  112. giftBoxTabFgActive: windowBoldFg;
  113. giftBoxTabBgActive: windowBgRipple;
  114. giftBoxPadding: margins(11px, 4px, 11px, 24px);
  115. giftBoxGiftSkip: point(10px, 8px);
  116. giftBoxGiftHeight: 164px;
  117. giftBoxGiftSmall: 108px;
  118. giftBoxGiftRadius: 12px;
  119. giftBoxGiftBadgeFont: font(10px semibold);
  120. giftBoxByStarsStyle: TextStyle(defaultTextStyle) {
  121. font: font(10px);
  122. }
  123. giftBoxByStarsSkip: 2px;
  124. giftBoxByStarsStarTop: 3px;
  125. giftBoxPremiumIconSize: 64px;
  126. giftBoxPremiumIconTop: 10px;
  127. giftBoxPremiumTextTop: 84px;
  128. giftBoxPremiumTextTopByStars: 78px;
  129. giftBoxButtonBottom: 12px;
  130. giftBoxButtonBottomByStars: 18px;
  131. giftBoxButtonPadding: margins(8px, 4px, 8px, 4px);
  132. giftBoxPreviewStickerPadding: margins(10px, 12px, 10px, 16px);
  133. giftBoxPreviewTitlePadding: margins(12px, 4px, 12px, 4px);
  134. giftBoxPreviewTextPadding: margins(12px, 4px, 12px, 4px);
  135. giftBoxButtonMargin: margins(12px, 8px, 12px, 12px);
  136. giftBoxStickerTop: 0px;
  137. giftBoxStickerStarTop: 24px;
  138. giftBoxSmallStickerTop: 16px;
  139. giftBoxStickerTopByStars: -4px;
  140. giftBoxStickerSize: size(80px, 80px);
  141. giftBoxSelectSkip: 5px;
  142. giftBoxUserpicSize: 24px;
  143. giftBoxUserpicSkip: 2px;
  144. giftBoxTextField: InputField(defaultInputField) {
  145. textBg: transparent;
  146. textMargins: margins(2px, 0px, 32px, 0px);
  147. placeholderFg: placeholderFg;
  148. placeholderFgActive: placeholderFgActive;
  149. placeholderFgError: placeholderFgActive;
  150. placeholderMargins: margins(2px, 0px, 2px, 0px);
  151. placeholderScale: 0.;
  152. placeholderFont: normalFont;
  153. border: 0px;
  154. borderActive: 0px;
  155. heightMin: 20px;
  156. heightMax: 48px;
  157. style: defaultTextStyle;
  158. }
  159. giftBoxTextPadding: margins(20px, 15px, 20px, 11px);
  160. giftBoxHiddenMark: icon{{ "menu/stealth", premiumButtonFg }};
  161. giftListAbout: FlatLabel(defaultFlatLabel) {
  162. minWidth: 240px;
  163. textFg: membersAboutLimitFg;
  164. align: align(top);
  165. style: boxLabelStyle;
  166. }
  167. giftListAboutMargin: margins(12px, 24px, 12px, 24px);
  168. giftBoxEmojiToggleTop: 7px;
  169. giftBoxLimitTop: 28px;
  170. giftBoxLockMargins: margins(-2px, 1px, 0px, 0px);
  171. giftBoxPinIcon: icon {{ "dialogs/dialogs_pinned", premiumButtonFg }};
  172. creditsHistoryEntriesList: PeerList(defaultPeerList) {
  173. padding: margins(
  174. 0px,
  175. 7px,
  176. 0px,
  177. 7px);
  178. item: PeerListItem(defaultPeerListItem) {
  179. height: 66px;
  180. photoPosition: point(18px, 6px);
  181. namePosition: point(70px, 6px);
  182. statusPosition: point(70px, 43px);
  183. photoSize: 42px;
  184. }
  185. }
  186. subscriptionCreditsBadgePadding: margins(10px, 1px, 8px, 3px);
  187. uniqueGiftModelTop: 20px;
  188. uniqueGiftTitle: FlatLabel(boxTitle) {
  189. align: align(top);
  190. }
  191. uniqueGiftTitleTop: 140px;
  192. uniqueGiftSubtitle: FlatLabel(defaultFlatLabel) {
  193. minWidth: 256px;
  194. align: align(top);
  195. }
  196. uniqueGiftSubtitleTop: 170px;
  197. uniqueGiftUserpicTop: 48px;
  198. uniqueGiftUserpicSize: 80px;
  199. uniqueGiftBottom: 20px;
  200. uniqueCloseButton: IconButton(boxTitleClose) {
  201. icon: icon {{ "box_button_close", videoPlayIconFg }};
  202. iconOver: icon {{ "box_button_close", videoPlayIconFg }};
  203. ripple: RippleAnimation(defaultRippleAnimation) {
  204. color: shadowFg;
  205. }
  206. }
  207. uniqueMenuButton: IconButton(uniqueCloseButton) {
  208. width: 40px;
  209. rippleAreaPosition: point(0px, 4px);
  210. icon: icon {{ "title_menu_dots", videoPlayIconFg }};
  211. iconOver: icon {{ "title_menu_dots", videoPlayIconFg }};
  212. ripple: RippleAnimation(defaultRippleAnimation) {
  213. color: shadowFg;
  214. }
  215. }
  216. upgradeGiftBox: Box(giftBox) {
  217. buttonPadding: margins(22px, 3px, 22px, 22px);
  218. }
  219. upgradeGiftSubtext: FlatLabel(boxDividerLabel) {
  220. minWidth: 200px;
  221. }
  222. darkUpgradeGiftTitle: FlatLabel(uniqueGiftTitle) {
  223. textFg: groupCallMembersFg;
  224. }
  225. darkUpgradeGiftSubtitle: FlatLabel(uniqueGiftSubtitle) {
  226. textFg: groupCallMembersFg;
  227. }
  228. darkUpgradeGiftBox: Box(upgradeGiftBox) {
  229. bg: groupCallMembersBg;
  230. title: darkUpgradeGiftTitle;
  231. titleAdditionalFg: groupCallMemberNotJoinedStatus;
  232. }
  233. darkUpgradeGiftRadiant: icon{{ "menu/unique", groupCallMembersFg }};
  234. darkUpgradeGiftProof: icon{{ "menu/factcheck", groupCallMembersFg }};
  235. darkUpgradeGiftInfoTitle: FlatLabel(defaultFlatLabel) {
  236. textFg: groupCallMembersFg;
  237. }
  238. darkUpgradeGiftInfoAbout: FlatLabel(upgradeGiftSubtext) {
  239. textFg: groupCallMemberNotJoinedStatus;
  240. }
  241. giftTooManyPinnedBox: Box(giftBox) {
  242. buttonPadding: margins(11px, 11px, 11px, 11px);
  243. }
  244. giftTooManyPinnedChoose: FlatLabel(giftBoxAbout) {
  245. textFg: windowSubTextFg;
  246. }