@vkontakte/vkui-tokens 4.87.0 → 4.89.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (318) hide show
  1. package/README.md +1 -1
  2. package/interfaces/themes/legoIOS/index.d.ts +18 -2
  3. package/interfaces/themes/legoSimpleAndroid/index.d.ts +5 -0
  4. package/interfaces/themes/legoSimpleAndroid/index.js +1 -0
  5. package/interfaces/themes/legoSimpleAndroidDark/index.d.ts +2 -0
  6. package/interfaces/themes/legoSimpleAndroidDark/index.js +1 -0
  7. package/interfaces/themes/vkontakteAndroid/index.d.ts +8 -1
  8. package/package.json +10 -10
  9. package/themes/legoAndroid/cssVars/declarations/index.css +58 -37
  10. package/themes/legoAndroid/cssVars/declarations/noColors.css +10 -10
  11. package/themes/legoAndroid/cssVars/declarations/noSizes.css +56 -29
  12. package/themes/legoAndroid/cssVars/declarations/onlyColors.css +48 -27
  13. package/themes/legoAndroid/cssVars/declarations/onlyColors.js +1 -1
  14. package/themes/legoAndroid/cssVars/declarations/onlyVariables.css +58 -37
  15. package/themes/legoAndroid/cssVars/declarations/onlyVariables.js +1 -1
  16. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css +58 -37
  17. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +46 -27
  18. package/themes/legoAndroid/cssVars/theme/fallbacks/index.css +58 -37
  19. package/themes/legoAndroid/cssVars/theme/fallbacks/index.less +58 -37
  20. package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss +58 -37
  21. package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss +58 -37
  22. package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl +58 -37
  23. package/themes/legoAndroid/cssVars/theme/index.js +1 -1
  24. package/themes/legoAndroid/cssVars/theme/index.json +157 -59
  25. package/themes/legoAndroid/docs.json +28 -0
  26. package/themes/legoAndroid/index.css +58 -37
  27. package/themes/legoAndroid/index.js +1 -1
  28. package/themes/legoAndroid/index.json +77 -42
  29. package/themes/legoAndroid/index.less +58 -37
  30. package/themes/legoAndroid/index.pcss +58 -37
  31. package/themes/legoAndroid/index.scss +58 -37
  32. package/themes/legoAndroid/index.styl +58 -37
  33. package/themes/legoAndroid/struct.json +78 -43
  34. package/themes/legoAndroidDark/cssVars/declarations/index.css +52 -31
  35. package/themes/legoAndroidDark/cssVars/declarations/noColors.css +10 -10
  36. package/themes/legoAndroidDark/cssVars/declarations/noSizes.css +50 -23
  37. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.css +42 -21
  38. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.js +1 -1
  39. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.css +52 -31
  40. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
  41. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css +52 -31
  42. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +43 -21
  43. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css +52 -31
  44. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less +52 -31
  45. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss +52 -31
  46. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss +52 -31
  47. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl +52 -31
  48. package/themes/legoAndroidDark/cssVars/theme/index.js +1 -1
  49. package/themes/legoAndroidDark/cssVars/theme/index.json +151 -53
  50. package/themes/legoAndroidDark/docs.json +28 -0
  51. package/themes/legoAndroidDark/index.css +52 -31
  52. package/themes/legoAndroidDark/index.js +1 -1
  53. package/themes/legoAndroidDark/index.json +68 -33
  54. package/themes/legoAndroidDark/index.less +52 -31
  55. package/themes/legoAndroidDark/index.pcss +52 -31
  56. package/themes/legoAndroidDark/index.scss +52 -31
  57. package/themes/legoAndroidDark/index.styl +52 -31
  58. package/themes/legoAndroidDark/struct.json +69 -34
  59. package/themes/legoIOS/cssVars/declarations/index.css +58 -36
  60. package/themes/legoIOS/cssVars/declarations/noColors.css +10 -9
  61. package/themes/legoIOS/cssVars/declarations/noSizes.css +56 -29
  62. package/themes/legoIOS/cssVars/declarations/onlyColors.css +48 -27
  63. package/themes/legoIOS/cssVars/declarations/onlyColors.js +1 -1
  64. package/themes/legoIOS/cssVars/declarations/onlyVariables.css +58 -36
  65. package/themes/legoIOS/cssVars/declarations/onlyVariables.js +1 -1
  66. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocal.css +58 -36
  67. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +52 -25
  68. package/themes/legoIOS/cssVars/theme/fallbacks/index.css +58 -36
  69. package/themes/legoIOS/cssVars/theme/fallbacks/index.less +58 -36
  70. package/themes/legoIOS/cssVars/theme/fallbacks/index.pcss +58 -36
  71. package/themes/legoIOS/cssVars/theme/fallbacks/index.scss +58 -36
  72. package/themes/legoIOS/cssVars/theme/fallbacks/index.styl +58 -36
  73. package/themes/legoIOS/cssVars/theme/index.js +1 -1
  74. package/themes/legoIOS/cssVars/theme/index.json +157 -55
  75. package/themes/legoIOS/docs.json +52 -0
  76. package/themes/legoIOS/index.css +58 -36
  77. package/themes/legoIOS/index.js +1 -1
  78. package/themes/legoIOS/index.json +76 -40
  79. package/themes/legoIOS/index.less +58 -36
  80. package/themes/legoIOS/index.pcss +58 -36
  81. package/themes/legoIOS/index.scss +58 -36
  82. package/themes/legoIOS/index.styl +58 -36
  83. package/themes/legoIOS/struct.json +77 -41
  84. package/themes/legoIOSDark/cssVars/declarations/index.css +52 -30
  85. package/themes/legoIOSDark/cssVars/declarations/noColors.css +10 -9
  86. package/themes/legoIOSDark/cssVars/declarations/noSizes.css +50 -23
  87. package/themes/legoIOSDark/cssVars/declarations/onlyColors.css +42 -21
  88. package/themes/legoIOSDark/cssVars/declarations/onlyColors.js +1 -1
  89. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.css +52 -30
  90. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  91. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocal.css +52 -30
  92. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +49 -19
  93. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.css +52 -30
  94. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.less +52 -30
  95. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss +52 -30
  96. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss +52 -30
  97. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl +52 -30
  98. package/themes/legoIOSDark/cssVars/theme/index.js +1 -1
  99. package/themes/legoIOSDark/cssVars/theme/index.json +151 -49
  100. package/themes/legoIOSDark/docs.json +52 -0
  101. package/themes/legoIOSDark/index.css +52 -30
  102. package/themes/legoIOSDark/index.js +1 -1
  103. package/themes/legoIOSDark/index.json +67 -31
  104. package/themes/legoIOSDark/index.less +52 -30
  105. package/themes/legoIOSDark/index.pcss +52 -30
  106. package/themes/legoIOSDark/index.scss +52 -30
  107. package/themes/legoIOSDark/index.styl +52 -30
  108. package/themes/legoIOSDark/struct.json +68 -32
  109. package/themes/legoSimpleAndroid/cssVars/declarations/index.css +1446 -0
  110. package/themes/legoSimpleAndroid/cssVars/declarations/noColors.css +906 -0
  111. package/themes/legoSimpleAndroid/cssVars/declarations/noSizes.css +704 -0
  112. package/themes/legoSimpleAndroid/cssVars/declarations/onlyAdaptiveGroups.css +169 -0
  113. package/themes/legoSimpleAndroid/cssVars/declarations/onlyColors.css +617 -0
  114. package/themes/legoSimpleAndroid/cssVars/declarations/onlyColors.d.ts +3 -0
  115. package/themes/legoSimpleAndroid/cssVars/declarations/onlyColors.js +1 -0
  116. package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariables.css +923 -0
  117. package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariables.d.ts +3 -0
  118. package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariables.js +1 -0
  119. package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariablesLocal.css +923 -0
  120. package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +71 -0
  121. package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.css +1276 -0
  122. package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.less +1000 -0
  123. package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.pcss +1001 -0
  124. package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.scss +1247 -0
  125. package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.styl +1000 -0
  126. package/themes/legoSimpleAndroid/cssVars/theme/index.d.ts +4 -0
  127. package/themes/legoSimpleAndroid/cssVars/theme/index.js +1 -0
  128. package/themes/legoSimpleAndroid/cssVars/theme/index.json +5153 -0
  129. package/themes/legoSimpleAndroid/docs.json +3751 -0
  130. package/themes/legoSimpleAndroid/index.css +1276 -0
  131. package/themes/legoSimpleAndroid/index.d.ts +4 -0
  132. package/themes/legoSimpleAndroid/index.js +1 -0
  133. package/themes/legoSimpleAndroid/index.json +1590 -0
  134. package/themes/legoSimpleAndroid/index.less +1000 -0
  135. package/themes/legoSimpleAndroid/index.pcss +1001 -0
  136. package/themes/legoSimpleAndroid/index.scss +1247 -0
  137. package/themes/legoSimpleAndroid/index.styl +1000 -0
  138. package/themes/legoSimpleAndroid/struct.json +1756 -0
  139. package/themes/legoSimpleAndroidDark/cssVars/declarations/index.css +1446 -0
  140. package/themes/legoSimpleAndroidDark/cssVars/declarations/noColors.css +906 -0
  141. package/themes/legoSimpleAndroidDark/cssVars/declarations/noSizes.css +704 -0
  142. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyAdaptiveGroups.css +169 -0
  143. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyColors.css +617 -0
  144. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyColors.d.ts +3 -0
  145. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyColors.js +1 -0
  146. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariables.css +923 -0
  147. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariables.d.ts +3 -0
  148. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariables.js +1 -0
  149. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariablesLocal.css +923 -0
  150. package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +71 -0
  151. package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.css +1276 -0
  152. package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.less +1000 -0
  153. package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.pcss +1001 -0
  154. package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.scss +1247 -0
  155. package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.styl +1000 -0
  156. package/themes/legoSimpleAndroidDark/cssVars/theme/index.d.ts +4 -0
  157. package/themes/legoSimpleAndroidDark/cssVars/theme/index.js +1 -0
  158. package/themes/legoSimpleAndroidDark/cssVars/theme/index.json +5153 -0
  159. package/themes/legoSimpleAndroidDark/docs.json +3751 -0
  160. package/themes/legoSimpleAndroidDark/index.css +1276 -0
  161. package/themes/legoSimpleAndroidDark/index.d.ts +4 -0
  162. package/themes/legoSimpleAndroidDark/index.js +1 -0
  163. package/themes/legoSimpleAndroidDark/index.json +1590 -0
  164. package/themes/legoSimpleAndroidDark/index.less +1000 -0
  165. package/themes/legoSimpleAndroidDark/index.pcss +1001 -0
  166. package/themes/legoSimpleAndroidDark/index.scss +1247 -0
  167. package/themes/legoSimpleAndroidDark/index.styl +1000 -0
  168. package/themes/legoSimpleAndroidDark/struct.json +1756 -0
  169. package/themes/milkshakeIOS/cssVars/declarations/index.css +27 -0
  170. package/themes/milkshakeIOS/cssVars/declarations/noColors.css +6 -0
  171. package/themes/milkshakeIOS/cssVars/declarations/noSizes.css +27 -0
  172. package/themes/milkshakeIOS/cssVars/declarations/onlyColors.css +21 -0
  173. package/themes/milkshakeIOS/cssVars/declarations/onlyColors.js +1 -1
  174. package/themes/milkshakeIOS/cssVars/declarations/onlyVariables.css +27 -0
  175. package/themes/milkshakeIOS/cssVars/declarations/onlyVariables.js +1 -1
  176. package/themes/milkshakeIOS/cssVars/declarations/onlyVariablesLocal.css +27 -0
  177. package/themes/milkshakeIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +27 -0
  178. package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.css +27 -0
  179. package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.less +27 -0
  180. package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.pcss +27 -0
  181. package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.scss +27 -0
  182. package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.styl +27 -0
  183. package/themes/milkshakeIOS/cssVars/theme/index.js +1 -1
  184. package/themes/milkshakeIOS/cssVars/theme/index.json +122 -0
  185. package/themes/milkshakeIOS/docs.json +52 -0
  186. package/themes/milkshakeIOS/index.css +27 -0
  187. package/themes/milkshakeIOS/index.js +1 -1
  188. package/themes/milkshakeIOS/index.json +41 -0
  189. package/themes/milkshakeIOS/index.less +27 -0
  190. package/themes/milkshakeIOS/index.pcss +27 -0
  191. package/themes/milkshakeIOS/index.scss +27 -0
  192. package/themes/milkshakeIOS/index.styl +27 -0
  193. package/themes/milkshakeIOS/struct.json +42 -1
  194. package/themes/milkshakeIOSDark/cssVars/declarations/index.css +27 -0
  195. package/themes/milkshakeIOSDark/cssVars/declarations/noColors.css +6 -0
  196. package/themes/milkshakeIOSDark/cssVars/declarations/noSizes.css +27 -0
  197. package/themes/milkshakeIOSDark/cssVars/declarations/onlyColors.css +21 -0
  198. package/themes/milkshakeIOSDark/cssVars/declarations/onlyColors.js +1 -1
  199. package/themes/milkshakeIOSDark/cssVars/declarations/onlyVariables.css +27 -0
  200. package/themes/milkshakeIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  201. package/themes/milkshakeIOSDark/cssVars/declarations/onlyVariablesLocal.css +27 -0
  202. package/themes/milkshakeIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +27 -0
  203. package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.css +27 -0
  204. package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.less +27 -0
  205. package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.pcss +27 -0
  206. package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.scss +27 -0
  207. package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.styl +27 -0
  208. package/themes/milkshakeIOSDark/cssVars/theme/index.js +1 -1
  209. package/themes/milkshakeIOSDark/cssVars/theme/index.json +122 -0
  210. package/themes/milkshakeIOSDark/docs.json +52 -0
  211. package/themes/milkshakeIOSDark/index.css +27 -0
  212. package/themes/milkshakeIOSDark/index.js +1 -1
  213. package/themes/milkshakeIOSDark/index.json +41 -0
  214. package/themes/milkshakeIOSDark/index.less +27 -0
  215. package/themes/milkshakeIOSDark/index.pcss +27 -0
  216. package/themes/milkshakeIOSDark/index.scss +27 -0
  217. package/themes/milkshakeIOSDark/index.styl +27 -0
  218. package/themes/milkshakeIOSDark/struct.json +42 -1
  219. package/themes/vkontakteAndroid/cssVars/declarations/index.css +30 -3
  220. package/themes/vkontakteAndroid/cssVars/declarations/noColors.css +6 -0
  221. package/themes/vkontakteAndroid/cssVars/declarations/noSizes.css +30 -3
  222. package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.css +24 -3
  223. package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.js +1 -1
  224. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.css +30 -3
  225. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.js +1 -1
  226. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocal.css +30 -3
  227. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +30 -3
  228. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.css +30 -3
  229. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.less +30 -3
  230. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.pcss +30 -3
  231. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.scss +30 -3
  232. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.styl +30 -3
  233. package/themes/vkontakteAndroid/cssVars/theme/index.js +1 -1
  234. package/themes/vkontakteAndroid/cssVars/theme/index.json +129 -7
  235. package/themes/vkontakteAndroid/docs.json +28 -0
  236. package/themes/vkontakteAndroid/index.css +30 -3
  237. package/themes/vkontakteAndroid/index.js +1 -1
  238. package/themes/vkontakteAndroid/index.json +45 -4
  239. package/themes/vkontakteAndroid/index.less +30 -3
  240. package/themes/vkontakteAndroid/index.pcss +30 -3
  241. package/themes/vkontakteAndroid/index.scss +30 -3
  242. package/themes/vkontakteAndroid/index.styl +30 -3
  243. package/themes/vkontakteAndroid/struct.json +46 -5
  244. package/themes/vkontakteAndroidDark/cssVars/declarations/index.css +30 -3
  245. package/themes/vkontakteAndroidDark/cssVars/declarations/noColors.css +6 -0
  246. package/themes/vkontakteAndroidDark/cssVars/declarations/noSizes.css +30 -3
  247. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.css +24 -3
  248. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.js +1 -1
  249. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.css +30 -3
  250. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
  251. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocal.css +30 -3
  252. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +30 -3
  253. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.css +30 -3
  254. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.less +30 -3
  255. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.pcss +30 -3
  256. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.scss +30 -3
  257. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.styl +30 -3
  258. package/themes/vkontakteAndroidDark/cssVars/theme/index.js +1 -1
  259. package/themes/vkontakteAndroidDark/cssVars/theme/index.json +129 -7
  260. package/themes/vkontakteAndroidDark/docs.json +28 -0
  261. package/themes/vkontakteAndroidDark/index.css +30 -3
  262. package/themes/vkontakteAndroidDark/index.js +1 -1
  263. package/themes/vkontakteAndroidDark/index.json +45 -4
  264. package/themes/vkontakteAndroidDark/index.less +30 -3
  265. package/themes/vkontakteAndroidDark/index.pcss +30 -3
  266. package/themes/vkontakteAndroidDark/index.scss +30 -3
  267. package/themes/vkontakteAndroidDark/index.styl +30 -3
  268. package/themes/vkontakteAndroidDark/struct.json +46 -5
  269. package/themes/vkontakteCom/docs.json +28 -0
  270. package/themes/vkontakteComDark/docs.json +28 -0
  271. package/themes/vkontakteIOS/cssVars/declarations/index.css +24 -3
  272. package/themes/vkontakteIOS/cssVars/declarations/noSizes.css +24 -3
  273. package/themes/vkontakteIOS/cssVars/declarations/onlyColors.css +24 -3
  274. package/themes/vkontakteIOS/cssVars/declarations/onlyColors.js +1 -1
  275. package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.css +24 -3
  276. package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.js +1 -1
  277. package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocal.css +24 -3
  278. package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +24 -3
  279. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.css +24 -3
  280. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.less +24 -3
  281. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.pcss +24 -3
  282. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.scss +24 -3
  283. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.styl +24 -3
  284. package/themes/vkontakteIOS/cssVars/theme/index.js +1 -1
  285. package/themes/vkontakteIOS/cssVars/theme/index.json +105 -7
  286. package/themes/vkontakteIOS/docs.json +28 -0
  287. package/themes/vkontakteIOS/index.css +24 -3
  288. package/themes/vkontakteIOS/index.js +1 -1
  289. package/themes/vkontakteIOS/index.json +39 -4
  290. package/themes/vkontakteIOS/index.less +24 -3
  291. package/themes/vkontakteIOS/index.pcss +24 -3
  292. package/themes/vkontakteIOS/index.scss +24 -3
  293. package/themes/vkontakteIOS/index.styl +24 -3
  294. package/themes/vkontakteIOS/struct.json +39 -4
  295. package/themes/vkontakteIOSDark/cssVars/declarations/index.css +24 -3
  296. package/themes/vkontakteIOSDark/cssVars/declarations/noSizes.css +24 -3
  297. package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.css +24 -3
  298. package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.js +1 -1
  299. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.css +24 -3
  300. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  301. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocal.css +24 -3
  302. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +24 -3
  303. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.css +24 -3
  304. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.less +24 -3
  305. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.pcss +24 -3
  306. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.scss +24 -3
  307. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.styl +24 -3
  308. package/themes/vkontakteIOSDark/cssVars/theme/index.js +1 -1
  309. package/themes/vkontakteIOSDark/cssVars/theme/index.json +105 -7
  310. package/themes/vkontakteIOSDark/docs.json +28 -0
  311. package/themes/vkontakteIOSDark/index.css +24 -3
  312. package/themes/vkontakteIOSDark/index.js +1 -1
  313. package/themes/vkontakteIOSDark/index.json +39 -4
  314. package/themes/vkontakteIOSDark/index.less +24 -3
  315. package/themes/vkontakteIOSDark/index.pcss +24 -3
  316. package/themes/vkontakteIOSDark/index.scss +24 -3
  317. package/themes/vkontakteIOSDark/index.styl +24 -3
  318. package/themes/vkontakteIOSDark/struct.json +39 -4
@@ -0,0 +1,923 @@
1
+ .vkui--legoSimpleAndroid--dark {
2
+ --vkui--theme_name: 'legoSimpleAndroidDark';
3
+ --vkui--theme_name_base: 'legoSimpleAndroid';
4
+ --vkui--elevation1: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06);
5
+ --vkui--elevation1_invert_y: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06);
6
+ --vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
7
+ --vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
8
+ --vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
9
+ --vkui--blur_s: 8px;
10
+ --vkui--blur_m: 16px;
11
+ --vkui--blur_l: 32px;
12
+ --vkui--blur_x_l: 64px;
13
+ --vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
14
+ --vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
15
+ --vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
16
+ --vkui--font_weight_accent1: 600;
17
+ --vkui--font_weight_accent2: 500;
18
+ --vkui--font_weight_accent3: 400;
19
+ --vkui--font_weight_base1: 600;
20
+ --vkui--font_weight_base2: 500;
21
+ --vkui--font_weight_base3: 400;
22
+ --vkui--font_display_title1--font_size--regular: 23px;
23
+ --vkui--font_display_title1--line_height--regular: 28px;
24
+ --vkui--font_display_title1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
25
+ --vkui--font_display_title1--font_weight--regular: 600;
26
+ --vkui--font_display_title2--font_size--regular: 21px;
27
+ --vkui--font_display_title2--line_height--regular: 26px;
28
+ --vkui--font_display_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
29
+ --vkui--font_display_title2--font_weight--regular: 600;
30
+ --vkui--font_display_title2--font_size--compact: 22px;
31
+ --vkui--font_display_title2--line_height--compact: 24px;
32
+ --vkui--font_display_title2--font_family--compact: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
33
+ --vkui--font_display_title2--font_weight--compact: 600;
34
+ --vkui--font_display_title3--font_size--regular: 19px;
35
+ --vkui--font_display_title3--line_height--regular: 24px;
36
+ --vkui--font_display_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
37
+ --vkui--font_display_title3--font_weight--regular: 600;
38
+ --vkui--font_display_title4--font_size--regular: 17px;
39
+ --vkui--font_display_title4--line_height--regular: 22px;
40
+ --vkui--font_display_title4--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
41
+ --vkui--font_display_title4--font_weight--regular: 600;
42
+ --vkui--font_title1--font_size--regular: 31px;
43
+ --vkui--font_title1--line_height--regular: 31px;
44
+ --vkui--font_title1--font_family--regular: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
45
+ --vkui--font_title1--font_weight--regular: 700;
46
+ --vkui--font_title1--letter_spacing--regular: -0.5px;
47
+ --vkui--font_title2--font_size--regular: 24px;
48
+ --vkui--font_title2--line_height--regular: 26px;
49
+ --vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
50
+ --vkui--font_title2--font_weight--regular: 700;
51
+ --vkui--font_title2--letter_spacing--regular: -0.09px;
52
+ --vkui--font_title3--font_size--regular: 21.5px;
53
+ --vkui--font_title3--line_height--regular: 23px;
54
+ --vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
55
+ --vkui--font_title3--font_weight--regular: 700;
56
+ --vkui--font_title3--letter_spacing--regular: -0.15px;
57
+ --vkui--font_headline1--font_size--regular: 17px;
58
+ --vkui--font_headline1--line_height--regular: 20px;
59
+ --vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
60
+ --vkui--font_headline1--font_weight--regular: 600;
61
+ --vkui--font_headline1--letter_spacing--regular: -0.16px;
62
+ --vkui--font_headline1--font_size--compact: 15px;
63
+ --vkui--font_headline1--line_height--compact: 20px;
64
+ --vkui--font_headline2--font_size--regular: 15px;
65
+ --vkui--font_headline2--line_height--regular: 20px;
66
+ --vkui--font_headline2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
67
+ --vkui--font_headline2--font_weight--regular: 500;
68
+ --vkui--font_headline2--font_size--compact: 14px;
69
+ --vkui--font_headline2--line_height--compact: 20px;
70
+ --vkui--font_text--font_size--regular: 16px;
71
+ --vkui--font_text--line_height--regular: 18.5px;
72
+ --vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
73
+ --vkui--font_text--font_weight--regular: 600;
74
+ --vkui--font_text--letter_spacing--regular: -0.15px;
75
+ --vkui--font_text--font_size--compact: 15px;
76
+ --vkui--font_text--line_height--compact: 20px;
77
+ --vkui--font_paragraph--font_size--regular: 15px;
78
+ --vkui--font_paragraph--line_height--regular: 18.5px;
79
+ --vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
80
+ --vkui--font_paragraph--font_weight--regular: 600;
81
+ --vkui--font_paragraph--letter_spacing--regular: -0.17px;
82
+ --vkui--font_subhead--font_size--regular: 14px;
83
+ --vkui--font_subhead--line_height--regular: 18px;
84
+ --vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
85
+ --vkui--font_subhead--font_weight--regular: 400;
86
+ --vkui--font_subhead--font_size--compact: 13px;
87
+ --vkui--font_subhead--line_height--compact: 16px;
88
+ --vkui--font_footnote--font_size--regular: 13.5px;
89
+ --vkui--font_footnote--line_height--regular: 15px;
90
+ --vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
91
+ --vkui--font_footnote--font_weight--regular: 600;
92
+ --vkui--font_footnote--letter_spacing--regular: -0.16px;
93
+ --vkui--font_footnote_caps--font_size--regular: 13px;
94
+ --vkui--font_footnote_caps--line_height--regular: 16px;
95
+ --vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
96
+ --vkui--font_footnote_caps--font_weight--regular: 600;
97
+ --vkui--font_footnote_caps--text_transform--regular: uppercase;
98
+ --vkui--font_caption1--font_size--regular: 11.5px;
99
+ --vkui--font_caption1--line_height--regular: 12px;
100
+ --vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
101
+ --vkui--font_caption1--font_weight--regular: 600;
102
+ --vkui--font_caption1--letter_spacing--regular: -0.16px;
103
+ --vkui--font_caption1_caps--font_size--regular: 12px;
104
+ --vkui--font_caption1_caps--line_height--regular: 14px;
105
+ --vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
106
+ --vkui--font_caption1_caps--font_weight--regular: 600;
107
+ --vkui--font_caption1_caps--text_transform--regular: uppercase;
108
+ --vkui--font_caption2--font_size--regular: 11px;
109
+ --vkui--font_caption2--line_height--regular: 14px;
110
+ --vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
111
+ --vkui--font_caption2--font_weight--regular: 400;
112
+ --vkui--font_caption2_caps--font_size--regular: 11px;
113
+ --vkui--font_caption2_caps--line_height--regular: 14px;
114
+ --vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
115
+ --vkui--font_caption2_caps--font_weight--regular: 600;
116
+ --vkui--font_caption2_caps--text_transform--regular: uppercase;
117
+ --vkui--font_caption3--font_size--regular: 9px;
118
+ --vkui--font_caption3--line_height--regular: 12px;
119
+ --vkui--font_caption3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
120
+ --vkui--font_caption3--font_weight--regular: 400;
121
+ --vkui--font_caption3_caps--font_size--regular: 9px;
122
+ --vkui--font_caption3_caps--line_height--regular: 12px;
123
+ --vkui--font_caption3_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
124
+ --vkui--font_caption3_caps--font_weight--regular: 600;
125
+ --vkui--font_caption3_caps--text_transform--regular: uppercase;
126
+ --vkui--size_select_icon_padding--regular: 6px;
127
+ --vkui--size_select_icon_padding--compact: 7px;
128
+ --vkui--size_popup_base_padding--regular: 32px;
129
+ --vkui--size_popup_base_padding--compact: 20px;
130
+ --vkui--size_popup_header_padding--regular: 24px;
131
+ --vkui--size_popup_header_padding--compact: 16px;
132
+ --vkui--size_label_horizontal_margin--regular: 16px;
133
+ --vkui--size_border_radius--regular: 8px;
134
+ --vkui--size_border_radius_rounded--regular: 48px;
135
+ --vkui--size_check_border_radius--regular: 4px;
136
+ --vkui--size_border_radius_paper--regular: 12px;
137
+ --vkui--size_border_radius_promo--regular: 20px;
138
+ --vkui--size_cell_height--regular: 52px;
139
+ --vkui--size_field_height--regular: 44px;
140
+ --vkui--size_field_height--compact: 36px;
141
+ --vkui--size_search_height--regular: 36px;
142
+ --vkui--size_search_height--compact: 32px;
143
+ --vkui--size_button_extra_small_height--regular: 28px;
144
+ --vkui--size_button_small_height--regular: 28px;
145
+ --vkui--size_button_medium_height--regular: 38px;
146
+ --vkui--size_button_large_height--regular: 52px;
147
+ --vkui--size_checkbox--regular: 16px;
148
+ --vkui--size_arrow--regular: 8px;
149
+ --vkui--size_arrow_promo--regular: 40px;
150
+ --vkui--size_popup_small--regular: 430px;
151
+ --vkui--size_popup_medium--regular: 680px;
152
+ --vkui--size_popup_large--regular: 880px;
153
+ --vkui--size_field_horizontal_padding--regular: 12px;
154
+ --vkui--size_button_padding_horizontal--regular: 12px;
155
+ --vkui--size_arrow_padding--regular: 12px;
156
+ --vkui--size_tooltip_margin--regular: 8px;
157
+ --vkui--size_icon_u_i--regular: 16px;
158
+ --vkui--size_avatar_x_s--regular: 24px;
159
+ --vkui--size_avatar_s--regular: 32px;
160
+ --vkui--size_avatar_m--regular: 48px;
161
+ --vkui--size_avatar_l--regular: 96px;
162
+ --vkui--size_avatar_x_l--regular: 128px;
163
+ --vkui--size_badge_x_s--regular: 12px;
164
+ --vkui--size_badge_s--regular: 16px;
165
+ --vkui--size_badge_m--regular: 24px;
166
+ --vkui--size_badge_l--regular: 44px;
167
+ --vkui--size_badge_x_l--regular: 56px;
168
+ --vkui--size_cardgrid_padding--regular: 8px;
169
+ --vkui--size_card_border_radius--regular: 8px;
170
+ --vkui--size_cardgrid_padding_vertical--regular: 8px;
171
+ --vkui--size_base_padding_horizontal--regular: 16px;
172
+ --vkui--size_base_padding_vertical--regular: 12px;
173
+ --vkui--size_button_group_gap_space--regular: 1px;
174
+ --vkui--size_button_group_gap_small--regular: 8px;
175
+ --vkui--size_button_group_gap_medium--regular: 12px;
176
+ --vkui--size_option_hierarchy--regular: 32px;
177
+ --vkui--size_switch_height--regular: 14px;
178
+ --vkui--size_switch_height--compact: 12px;
179
+ --vkui--size_switch_width--regular: 34px;
180
+ --vkui--size_switch_width--compact: 32px;
181
+ --vkui--size_switch_pin--regular: 20px;
182
+ --vkui--size_switch_pin--compact: 18px;
183
+ --vkui--size_panel_header_height--compact: 48px;
184
+ --vkui--size_panel_header_height--regular: 56px;
185
+ --vkui--size_button_base_small_padding_horizontal--regular: 16px;
186
+ --vkui--size_button_base_medium_padding_horizontal--regular: 16px;
187
+ --vkui--size_button_base_large_padding_horizontal--regular: 20px;
188
+ --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
189
+ --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
190
+ --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
191
+ --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
192
+ --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
193
+ --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
194
+ --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
195
+ --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
196
+ --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
197
+ --vkui--size_button_minimum_width--regular: 80px;
198
+ --vkui--size_form_item_padding_vertical--regular: 12px;
199
+ --vkui--size_split_col_padding_horizontal--regular: 16px;
200
+ --vkui--size_subnavigation_bar_gap--regular: 8px;
201
+ --vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
202
+ --vkui--size_border1x--regular: 1px;
203
+ --vkui--size_border2x--regular: 0.5px;
204
+ --vkui--size_border3x--regular: 0.33px;
205
+ --vkui--spacing_size_3xs: 2px;
206
+ --vkui--spacing_size_2xs: 2px;
207
+ --vkui--spacing_size_xs: 4px;
208
+ --vkui--spacing_size_s: 6px;
209
+ --vkui--spacing_size_m: 8px;
210
+ --vkui--spacing_size_l: 10px;
211
+ --vkui--spacing_size_xl: 12px;
212
+ --vkui--spacing_size_2xl: 16px;
213
+ --vkui--spacing_size_3xl: 20px;
214
+ --vkui--spacing_size_4xl: 24px;
215
+ --vkui--spacing_size_5xl: 32px;
216
+ --vkui--spacing_size_6xl: 40px;
217
+ --vkui--animation_duration_l: 0.4s;
218
+ --vkui--animation_duration_m: 0.2s;
219
+ --vkui--animation_duration_s: 0.1s;
220
+ --vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
221
+ --vkui--animation_easing_platform: cubic-bezier(0.4, 0, 0.2, 1);
222
+ --vkui--opacity_disable: 0.52;
223
+ --vkui--opacity_disable_accessibility: 0.52;
224
+ --vkui--opacity_active: 0.72;
225
+ --vkui--z_index_modal: 99;
226
+ --vkui--z_index_popout: 100;
227
+ --vkui--theme_inherits_from: 'legoAndroidDark';
228
+ --vkui--animation_easing_linear: cubic-bezier(0, 0, 1, 1);
229
+ --vkui--animation_easing_in_smooth: cubic-bezier(1, 0, 0.7, 1);
230
+ --vkui--animation_easing_out_smooth: cubic-bezier(0.3, 0, 0, 1);
231
+ --vkui--animation_easing_in_out_smooth: cubic-bezier(0.3, 0, 0.7, 1);
232
+ --vkui--animation_easing_out_sharp: cubic-bezier(0.2, 0, 0, 1);
233
+ --vkui--animation_easing_in_out_sharp: cubic-bezier(0.7, 0, 0.3, 1);
234
+ --vkui--radius_2x_s: 4px;
235
+ --vkui--radius_x_s: 6px;
236
+ --vkui--radius_s: 8px;
237
+ --vkui--radius_m: 12px;
238
+ --vkui--radius_l: 16px;
239
+ --vkui--radius_x_l: 20px;
240
+ --vkui--radius_2x_l: 24px;
241
+ --vkui--radius_3x_l: 32px;
242
+ --vkui--font_label1--font_size--regular: 19px;
243
+ --vkui--font_label1--line_height--regular: 20px;
244
+ --vkui--font_label1--font_weight--regular: 700;
245
+ --vkui--font_label1--letter_spacing--regular: -0.14px;
246
+ --vkui--font_label2--font_size--regular: 18px;
247
+ --vkui--font_label2--line_height--regular: 21px;
248
+ --vkui--font_label2--font_weight--regular: 600;
249
+ --vkui--font_label2--letter_spacing--regular: -0.19px;
250
+ --vkui--font_body--font_size--regular: 16.5px;
251
+ --vkui--font_body--line_height--regular: 21px;
252
+ --vkui--font_body--font_weight--regular: 500;
253
+ --vkui--font_body--letter_spacing--regular: -0.21px;
254
+ --vkui--font_text_bold--font_size--regular: 16px;
255
+ --vkui--font_text_bold--line_height--regular: 18.5px;
256
+ --vkui--font_text_bold--font_weight--regular: 700;
257
+ --vkui--font_text_bold--letter_spacing--regular: -0.15px;
258
+ --vkui--font_footnote_bold--font_size--regular: 13.5px;
259
+ --vkui--font_footnote_bold--line_height--regular: 15px;
260
+ --vkui--font_footnote_bold--font_weight--regular: 700;
261
+ --vkui--font_footnote_bold--letter_spacing--regular: -0.16px;
262
+ --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
263
+ --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
264
+ --vkui--gradient_tint: rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%;
265
+ --vkui--gradient: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.95) 85%, var(--vkui--color_background_content, rgba(0, 0, 0, 1)) 100%;
266
+ --vkui--font_headline--font_size--regular: 17px;
267
+ --vkui--font_headline--line_height--regular: 20px;
268
+ --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
269
+ --vkui--font_headline--font_weight--regular: 600;
270
+ --vkui--font_headline--letter_spacing--regular: -0.16px;
271
+ --vkui--font_headline--font_size--compact: 15px;
272
+ --vkui--font_headline--line_height--compact: 20px;
273
+ --vkui--vkontakte_gradient_aquamarine_blue: rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%;
274
+ --vkui--vkontakte_gradient_blue: rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%;
275
+ --vkui--vkontakte_gradient_candy: rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%;
276
+ --vkui--vkontakte_gradient_crimson: rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%;
277
+ --vkui--vkontakte_gradient_disco: rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%;
278
+ --vkui--vkontakte_gradient_emerald: rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%;
279
+ --vkui--vkontakte_gradient_gray: rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%;
280
+ --vkui--vkontakte_gradient_green: rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%;
281
+ --vkui--vkontakte_gradient_lagoon: rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%;
282
+ --vkui--vkontakte_gradient_lavender: rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%;
283
+ --vkui--vkontakte_gradient_marine: rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%;
284
+ --vkui--vkontakte_gradient_midnight: rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%;
285
+ --vkui--vkontakte_gradient_orange: rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%;
286
+ --vkui--vkontakte_gradient_pink: rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%;
287
+ --vkui--vkontakte_gradient_purple: rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%;
288
+ --vkui--vkontakte_gradient_raspberry_pink: rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%;
289
+ --vkui--vkontakte_gradient_red: rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%;
290
+ --vkui--vkontakte_gradient_retrowave: rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%;
291
+ --vkui--vkontakte_gradient_sunset: rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%;
292
+ --vkui--vkontakte_gradient_turquoise: rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%;
293
+ --vkui--vkontakte_gradient_twilight: rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%;
294
+ --vkui--vkontakte_gradient_unicorn: rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%;
295
+ --vkui--vkontakte_gradient_violet: rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%;
296
+ --vkui--vkontakte_gradient_yellow: rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%;
297
+ --vkui--vkontakte_gradient_yellow_bright: rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%;
298
+ --vkui--vkontakte_gradient_halloween_orange: rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%;
299
+ --vkui--vkontakte_gradient_halloween_violet: rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%;
300
+ --vkui--vkontakte_gradient_new_year: rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%;
301
+ --vkui--vkontakte_gradient_frost: rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%;
302
+ --vkui--vkontakte_gradient_valentine: rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%;
303
+ --vkui--vkontakte_gradient_warm_valentine: rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%;
304
+ --vkui--vkontakte_gradient_sberkot: rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%;
305
+ --vkui--vkontakte_gradient_mable: rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%;
306
+ --vkui--vkontakte_gradient_womens_day: rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%;
307
+ --vkui--colors_scheme: dark;
308
+ --vkui--color_background_accent: #2e90ff;
309
+ --vkui--color_background_accent--hover: #3694FF;
310
+ --vkui--color_background_accent--active: #3F99FF;
311
+ --vkui--color_background_accent_themed: #FFFFFF;
312
+ --vkui--color_background_accent_themed--hover: #EBEDF0;
313
+ --vkui--color_background_accent_themed--active: #D7D8DB;
314
+ --vkui--color_background_accent_themed_alpha: rgba(255, 255, 255, 0.2);
315
+ --vkui--color_background_accent_themed_alpha--hover: rgba(255, 255, 255, 0.24);
316
+ --vkui--color_background_accent_themed_alpha--active: rgba(255, 255, 255, 0.28);
317
+ --vkui--color_background_accent_tint: #5a9eff;
318
+ --vkui--color_background_accent_tint--hover: #61A2FF;
319
+ --vkui--color_background_accent_tint--active: #67A6FF;
320
+ --vkui--color_background_accent_alternative: #529EF4;
321
+ --vkui--color_background_accent_alternative--hover: #59A2F4;
322
+ --vkui--color_background_accent_alternative--active: #60A6F5;
323
+ --vkui--color_background: #000000;
324
+ --vkui--color_background--hover: #0A0A0A;
325
+ --vkui--color_background--active: #141414;
326
+ --vkui--color_background_content: #000000;
327
+ --vkui--color_background_content--hover: #0A0A0A;
328
+ --vkui--color_background_content--active: #141414;
329
+ --vkui--color_background_content_alpha: rgba(25, 25, 26, 0.8);
330
+ --vkui--color_background_content_alpha--hover: rgba(25, 25, 26, 0.84);
331
+ --vkui--color_background_content_alpha--active: rgba(25, 25, 26, 0.88);
332
+ --vkui--color_background_content_inverse: #FFFFFF;
333
+ --vkui--color_background_content_inverse--hover: #EBEDF0;
334
+ --vkui--color_background_content_inverse--active: #D7D8DB;
335
+ --vkui--color_background_secondary: #1e1e1c;
336
+ --vkui--color_background_secondary--hover: #272725;
337
+ --vkui--color_background_secondary--active: #30302E;
338
+ --vkui--color_background_secondary_alpha: rgba(255, 255, 255, 0.10);
339
+ --vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, 0.14);
340
+ --vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, 0.18);
341
+ --vkui--color_background_tertiary: #141414;
342
+ --vkui--color_background_tertiary--hover: #1D1D1D;
343
+ --vkui--color_background_tertiary--active: #272727;
344
+ --vkui--color_background_tertiary_alpha: rgba(255, 255, 255, 0.03);
345
+ --vkui--color_background_tertiary_alpha--hover: rgba(255, 255, 255, 0.07);
346
+ --vkui--color_background_tertiary_alpha--active: rgba(255, 255, 255, 0.11);
347
+ --vkui--color_background_contrast: #FFFFFF;
348
+ --vkui--color_background_contrast--hover: #EBEDF0;
349
+ --vkui--color_background_contrast--active: #D7D8DB;
350
+ --vkui--color_background_contrast_secondary_alpha: #ffffff33;
351
+ --vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
352
+ --vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
353
+ --vkui--color_background_contrast_inverse: #000000;
354
+ --vkui--color_background_contrast_inverse--hover: #0A0A0A;
355
+ --vkui--color_background_contrast_inverse--active: #141414;
356
+ --vkui--color_background_contrast_themed: #1e1e1c;
357
+ --vkui--color_background_contrast_themed--hover: #272725;
358
+ --vkui--color_background_contrast_themed--active: #30302E;
359
+ --vkui--color_background_modal: #000000;
360
+ --vkui--color_background_modal--hover: #0A0A0A;
361
+ --vkui--color_background_modal--active: #141414;
362
+ --vkui--color_background_modal_inverse: #FFFFFF;
363
+ --vkui--color_background_modal_inverse--hover: #EBEDF0;
364
+ --vkui--color_background_modal_inverse--active: #D7D8DB;
365
+ --vkui--color_background_positive: #34c759;
366
+ --vkui--color_background_positive--hover: #3CC960;
367
+ --vkui--color_background_positive--active: #44CB66;
368
+ --vkui--color_background_positive_tint: #273724;
369
+ --vkui--color_background_positive_tint--hover: #303F2D;
370
+ --vkui--color_background_positive_tint--active: #384736;
371
+ --vkui--color_background_warning: #483416;
372
+ --vkui--color_background_warning--hover: #4F3C1F;
373
+ --vkui--color_background_warning--active: #574429;
374
+ --vkui--color_background_negative: #fd6571;
375
+ --vkui--color_background_negative--hover: #FD6B77;
376
+ --vkui--color_background_negative--active: #FD717C;
377
+ --vkui--color_background_negative_tint: #4b2727;
378
+ --vkui--color_background_negative_tint--hover: #523030;
379
+ --vkui--color_background_negative_tint--active: #593838;
380
+ --vkui--color_background_info_tint: #16334e;
381
+ --vkui--color_background_info_tint--hover: #1F3B55;
382
+ --vkui--color_background_info_tint--active: #29435C;
383
+ --vkui--color_field_background: #ddff00;
384
+ --vkui--color_field_background--hover: #DEFF0A;
385
+ --vkui--color_field_background--active: #E0FF14;
386
+ --vkui--color_header_background: #19191a;
387
+ --vkui--color_header_background--hover: #222223;
388
+ --vkui--color_header_background--active: #2B2B2C;
389
+ --vkui--color_text_accent: #2e90ff;
390
+ --vkui--color_text_accent--hover: #3694FF;
391
+ --vkui--color_text_accent--active: #3F99FF;
392
+ --vkui--color_text_accent_themed: #FFFFFF;
393
+ --vkui--color_text_accent_themed--hover: #EBEDF0;
394
+ --vkui--color_text_accent_themed--active: #D7D8DB;
395
+ --vkui--color_text_primary: #FFFFFF;
396
+ --vkui--color_text_primary--hover: #EBEDF0;
397
+ --vkui--color_text_primary--active: #D7D8DB;
398
+ --vkui--color_text_primary_alpha: rgba(249, 252, 255, 0.72);
399
+ --vkui--color_text_primary_alpha--hover: rgba(249, 252, 255, 0.76);
400
+ --vkui--color_text_primary_alpha--active: rgba(249, 252, 255, 0.8);
401
+ --vkui--color_text_primary_invariably: #3b3b3b;
402
+ --vkui--color_text_primary_invariably--hover: #434343;
403
+ --vkui--color_text_primary_invariably--active: #4B4B4B;
404
+ --vkui--color_text_secondary: #666666;
405
+ --vkui--color_text_secondary--hover: #6C6C6C;
406
+ --vkui--color_text_secondary--active: #727272;
407
+ --vkui--color_text_secondary_alpha: rgba(247, 251, 255, 0.42);
408
+ --vkui--color_text_secondary_alpha--hover: rgba(247, 251, 255, 0.46);
409
+ --vkui--color_text_secondary_alpha--active: rgba(247, 251, 255, 0.5);
410
+ --vkui--color_text_subhead: #969a9f;
411
+ --vkui--color_text_subhead--hover: #9A9EA3;
412
+ --vkui--color_text_subhead--active: #9EA2A7;
413
+ --vkui--color_text_tertiary: #5d5f61;
414
+ --vkui--color_text_tertiary--hover: #636567;
415
+ --vkui--color_text_tertiary--active: #6A6C6E;
416
+ --vkui--color_text_contrast: #FFFFFF;
417
+ --vkui--color_text_contrast--hover: #EBEDF0;
418
+ --vkui--color_text_contrast--active: #D7D8DB;
419
+ --vkui--color_text_contrast_themed: #3b3b3b;
420
+ --vkui--color_text_contrast_themed--hover: #434343;
421
+ --vkui--color_text_contrast_themed--active: #4B4B4B;
422
+ --vkui--color_text_positive: #34c759;
423
+ --vkui--color_text_positive--hover: #3CC960;
424
+ --vkui--color_text_positive--active: #44CB66;
425
+ --vkui--color_text_negative: #fd6571;
426
+ --vkui--color_text_negative--hover: #FD6B77;
427
+ --vkui--color_text_negative--active: #FD717C;
428
+ --vkui--color_text_link: #529ef4;
429
+ --vkui--color_text_link--hover: #59A2F4;
430
+ --vkui--color_text_link--active: #60A6F5;
431
+ --vkui--color_text_link_themed: #FFFFFF;
432
+ --vkui--color_text_link_themed--hover: #EBEDF0;
433
+ --vkui--color_text_link_themed--active: #D7D8DB;
434
+ --vkui--color_text_link_tint: #71aaeb;
435
+ --vkui--color_text_link_tint--hover: #77ADEC;
436
+ --vkui--color_text_link_tint--active: #7CB1ED;
437
+ --vkui--color_text_link_visited: #4986cc;
438
+ --vkui--color_text_link_visited--hover: #508BCE;
439
+ --vkui--color_text_link_visited--active: #5890D0;
440
+ --vkui--color_text_muted: #e1e3e6;
441
+ --vkui--color_text_muted--hover: #E2E4E7;
442
+ --vkui--color_text_muted--active: #E3E5E8;
443
+ --vkui--color_link_contrast: #FFFFFF;
444
+ --vkui--color_link_contrast--hover: #EBEDF0;
445
+ --vkui--color_link_contrast--active: #D7D8DB;
446
+ --vkui--color_icon_accent: #2e90ff;
447
+ --vkui--color_icon_accent--hover: #3694FF;
448
+ --vkui--color_icon_accent--active: #3F99FF;
449
+ --vkui--color_icon_accent_themed: #FFFFFF;
450
+ --vkui--color_icon_accent_themed--hover: #EBEDF0;
451
+ --vkui--color_icon_accent_themed--active: #D7D8DB;
452
+ --vkui--color_icon_primary: #FFFFFF;
453
+ --vkui--color_icon_primary--hover: #EBEDF0;
454
+ --vkui--color_icon_primary--active: #D7D8DB;
455
+ --vkui--color_icon_primary_invariably: #3b3b3b;
456
+ --vkui--color_icon_primary_invariably--hover: #434343;
457
+ --vkui--color_icon_primary_invariably--active: #4B4B4B;
458
+ --vkui--color_icon_medium: #e6e6e6;
459
+ --vkui--color_icon_medium--hover: #E7E7E7;
460
+ --vkui--color_icon_medium--active: #E8E8E8;
461
+ --vkui--color_icon_medium_alpha: rgba(241, 247, 255, 0.66);
462
+ --vkui--color_icon_medium_alpha--hover: rgba(241, 247, 255, 0.7000000000000001);
463
+ --vkui--color_icon_medium_alpha--active: rgba(241, 247, 255, 0.74);
464
+ --vkui--color_icon_secondary: #666666;
465
+ --vkui--color_icon_secondary--hover: #6C6C6C;
466
+ --vkui--color_icon_secondary--active: #727272;
467
+ --vkui--color_icon_secondary_alpha: rgba(241, 247, 255, 0.43);
468
+ --vkui--color_icon_secondary_alpha--hover: rgba(241, 247, 255, 0.47000000000000003);
469
+ --vkui--color_icon_secondary_alpha--active: rgba(241, 247, 255, 0.51);
470
+ --vkui--color_icon_tertiary: #4d4d4d;
471
+ --vkui--color_icon_tertiary--hover: #545454;
472
+ --vkui--color_icon_tertiary--active: #5B5B5B;
473
+ --vkui--color_icon_tertiary_alpha: #ffffff7f;
474
+ --vkui--color_icon_tertiary_alpha--hover: rgba(255, 255, 255, 0.54);
475
+ --vkui--color_icon_tertiary_alpha--active: rgba(255, 255, 255, 0.58);
476
+ --vkui--color_icon_contrast: #FFFFFF;
477
+ --vkui--color_icon_contrast--hover: #EBEDF0;
478
+ --vkui--color_icon_contrast--active: #D7D8DB;
479
+ --vkui--color_icon_contrast_themed: #000000;
480
+ --vkui--color_icon_contrast_themed--hover: #0A0A0A;
481
+ --vkui--color_icon_contrast_themed--active: #141414;
482
+ --vkui--color_icon_contrast_secondary: #f2f3f5;
483
+ --vkui--color_icon_contrast_secondary--hover: #F3F3F5;
484
+ --vkui--color_icon_contrast_secondary--active: #F3F4F6;
485
+ --vkui--color_icon_positive: #34c759;
486
+ --vkui--color_icon_positive--hover: #3CC960;
487
+ --vkui--color_icon_positive--active: #44CB66;
488
+ --vkui--color_icon_warning: #ff6900;
489
+ --vkui--color_icon_warning--hover: #FF6F0A;
490
+ --vkui--color_icon_warning--active: #FF7514;
491
+ --vkui--color_icon_negative: #fd6571;
492
+ --vkui--color_icon_negative--hover: #FD6B77;
493
+ --vkui--color_icon_negative--active: #FD717C;
494
+ --vkui--color_stroke_accent: #529ef4;
495
+ --vkui--color_stroke_accent--hover: #59A2F4;
496
+ --vkui--color_stroke_accent--active: #60A6F5;
497
+ --vkui--color_stroke_accent_themed: #FFFFFF;
498
+ --vkui--color_stroke_accent_themed--hover: #EBEDF0;
499
+ --vkui--color_stroke_accent_themed--active: #D7D8DB;
500
+ --vkui--color_separator_primary: #303030;
501
+ --vkui--color_separator_primary--hover: #383838;
502
+ --vkui--color_separator_primary--active: #414141;
503
+ --vkui--color_separator_primary2x: #444546;
504
+ --vkui--color_separator_primary2x--hover: #4B4C4D;
505
+ --vkui--color_separator_primary2x--active: #535455;
506
+ --vkui--color_separator_primary3x: #505253;
507
+ --vkui--color_separator_primary3x--hover: #57595A;
508
+ --vkui--color_separator_primary3x--active: #5E6061;
509
+ --vkui--color_separator_primary_alpha: #ffffff23;
510
+ --vkui--color_separator_primary_alpha--hover: rgba(255, 255, 255, 0.18);
511
+ --vkui--color_separator_primary_alpha--active: rgba(255, 255, 255, 0.22);
512
+ --vkui--color_separator_secondary: #141415;
513
+ --vkui--color_separator_secondary--hover: #1D1D1E;
514
+ --vkui--color_separator_secondary--active: #272728;
515
+ --vkui--color_stroke_positive: #34c759;
516
+ --vkui--color_stroke_positive--hover: #3CC960;
517
+ --vkui--color_stroke_positive--active: #44CB66;
518
+ --vkui--color_stroke_negative: #fd6571;
519
+ --vkui--color_stroke_negative--hover: #FD6B77;
520
+ --vkui--color_stroke_negative--active: #FD717C;
521
+ --vkui--color_stroke_contrast: #FFFFFF;
522
+ --vkui--color_stroke_contrast--hover: #EBEDF0;
523
+ --vkui--color_stroke_contrast--active: #D7D8DB;
524
+ --vkui--color_stroke_primary: #FFFFFF;
525
+ --vkui--color_stroke_primary--hover: #EBEDF0;
526
+ --vkui--color_stroke_primary--active: #D7D8DB;
527
+ --vkui--color_image_border_alpha: #ffffff3d;
528
+ --vkui--color_image_border_alpha--hover: rgba(255, 255, 255, 0.28);
529
+ --vkui--color_image_border_alpha--active: rgba(255, 255, 255, 0.32);
530
+ --vkui--color_field_border_alpha: #ffffff0f;
531
+ --vkui--color_field_border_alpha--hover: #ffffff28;
532
+ --vkui--color_field_border_alpha--active: #ffffff33;
533
+ --vkui--color_accent_blue: #2e90ff;
534
+ --vkui--color_accent_blue--hover: #3694FF;
535
+ --vkui--color_accent_blue--active: #3F99FF;
536
+ --vkui--color_accent_gray: #a3adb8;
537
+ --vkui--color_accent_gray--hover: #A7B0BB;
538
+ --vkui--color_accent_gray--active: #AAB4BE;
539
+ --vkui--color_accent_red: #ff5773;
540
+ --vkui--color_accent_red--hover: #FF5E79;
541
+ --vkui--color_accent_red--active: #FF647E;
542
+ --vkui--color_accent_orange_fire: #f05c44;
543
+ --vkui--color_accent_orange_fire--hover: #F1634B;
544
+ --vkui--color_accent_orange_fire--active: #F16953;
545
+ --vkui--color_accent_orange: #ff913d;
546
+ --vkui--color_accent_orange--hover: #FF9545;
547
+ --vkui--color_accent_orange--active: #FF9A4D;
548
+ --vkui--color_accent_orange_peach: #ffc062;
549
+ --vkui--color_accent_orange_peach--hover: #FFC368;
550
+ --vkui--color_accent_orange_peach--active: #FFC56F;
551
+ --vkui--color_accent_lime: #aff70d;
552
+ --vkui--color_accent_lime--hover: #B2F717;
553
+ --vkui--color_accent_lime--active: #B5F820;
554
+ --vkui--color_accent_green: #42d347;
555
+ --vkui--color_accent_green--hover: #4AD54E;
556
+ --vkui--color_accent_green--active: #51D756;
557
+ --vkui--color_accent_cyan: #13ffd0;
558
+ --vkui--color_accent_cyan--hover: #1CFFD2;
559
+ --vkui--color_accent_cyan--active: #26FFD4;
560
+ --vkui--color_accent_azure: #0077ff;
561
+ --vkui--color_accent_azure--hover: #0A7CFF;
562
+ --vkui--color_accent_azure--active: #1482FF;
563
+ --vkui--color_accent_purple: #9985ff;
564
+ --vkui--color_accent_purple--hover: #9D8AFF;
565
+ --vkui--color_accent_purple--active: #A18FFF;
566
+ --vkui--color_accent_violet: #a94fff;
567
+ --vkui--color_accent_violet--hover: #AC56FF;
568
+ --vkui--color_accent_violet--active: #B05DFF;
569
+ --vkui--color_accent_raspberry_pink: #fa7fbb;
570
+ --vkui--color_accent_raspberry_pink--hover: #FA84BE;
571
+ --vkui--color_accent_raspberry_pink--active: #FA89C0;
572
+ --vkui--color_accent_pink: #e866ff;
573
+ --vkui--color_accent_pink--hover: #E96CFF;
574
+ --vkui--color_accent_pink--active: #EA72FF;
575
+ --vkui--color_accent_secondary: #3f8ae0;
576
+ --vkui--color_accent_secondary--hover: #478FE1;
577
+ --vkui--color_accent_secondary--active: #4E93E2;
578
+ --vkui--color_overlay_primary: #3b3b3b;
579
+ --vkui--color_overlay_primary--hover: #434343;
580
+ --vkui--color_overlay_primary--active: #4B4B4B;
581
+ --vkui--color_overlay_secondary: #3b3b3b66;
582
+ --vkui--color_overlay_secondary--hover: rgba(59, 59, 59, 0.44);
583
+ --vkui--color_overlay_secondary--active: rgba(59, 59, 59, 0.48);
584
+ --vkui--color_avatar_overlay: rgba(0, 0, 0, 0.60);
585
+ --vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
586
+ --vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
587
+ --vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
588
+ --vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
589
+ --vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
590
+ --vkui--color_action_sheet_text: #71aaeb;
591
+ --vkui--color_action_sheet_text--hover: #77ADEC;
592
+ --vkui--color_action_sheet_text--active: #7CB1ED;
593
+ --vkui--color_image_placeholder: #2a2b2c;
594
+ --vkui--color_image_placeholder--hover: #333334;
595
+ --vkui--color_image_placeholder--active: #3B3C3D;
596
+ --vkui--color_image_placeholder_alpha: rgba(241, 247, 255, 0.08);
597
+ --vkui--color_image_placeholder_alpha--hover: rgba(241, 247, 255, 0.12);
598
+ --vkui--color_image_placeholder_alpha--active: rgba(241, 247, 255, 0.16);
599
+ --vkui--color_skeleton_from: #1b1b1b;
600
+ --vkui--color_skeleton_from--hover: #242424;
601
+ --vkui--color_skeleton_from--active: #2D2D2D;
602
+ --vkui--color_skeleton_to: #262626;
603
+ --vkui--color_skeleton_to--hover: #2F2F2F;
604
+ --vkui--color_skeleton_to--active: #373737;
605
+ --vkui--color_button_text: #FFFFFF;
606
+ --vkui--color_button_text--hover: #EBEDF0;
607
+ --vkui--color_button_text--active: #D7D8DB;
608
+ --vkui--color_button_icon: #FFFFFF;
609
+ --vkui--color_button_icon--hover: #EBEDF0;
610
+ --vkui--color_button_icon--active: #D7D8DB;
611
+ --vkui--color_button_stroke: #FFFFFF;
612
+ --vkui--color_button_stroke--hover: #EBEDF0;
613
+ --vkui--color_button_stroke--active: #D7D8DB;
614
+ --vkui--color_write_bar_icon: #76787a;
615
+ --vkui--color_write_bar_icon--hover: #7B7D7F;
616
+ --vkui--color_write_bar_icon--active: #818385;
617
+ --vkui--color_write_bar_input_background: #2c2d2e;
618
+ --vkui--color_write_bar_input_background--hover: #343536;
619
+ --vkui--color_write_bar_input_background--active: #3D3E3F;
620
+ --vkui--color_write_bar_input_border: #2c2d2e;
621
+ --vkui--color_write_bar_input_border--hover: #343536;
622
+ --vkui--color_write_bar_input_border--active: #3D3E3F;
623
+ --vkui--color_write_bar_input_border_alpha: #ddff00;
624
+ --vkui--color_write_bar_input_border_alpha--hover: #DEFF0A;
625
+ --vkui--color_write_bar_input_border_alpha--active: #E0FF14;
626
+ --vkui--color_track_background: #454647;
627
+ --vkui--color_track_background--hover: #4C4D4E;
628
+ --vkui--color_track_background--active: #545556;
629
+ --vkui--color_track_buffer: #405772;
630
+ --vkui--color_track_buffer--hover: #485E78;
631
+ --vkui--color_track_buffer--active: #4F647D;
632
+ --vkui--color_search_field_background: #363738;
633
+ --vkui--color_search_field_background--hover: #3E3F40;
634
+ --vkui--color_search_field_background--active: #464748;
635
+ --vkui--color_panel_header_icon: #71aaeb;
636
+ --vkui--color_panel_header_icon--hover: #77ADEC;
637
+ --vkui--color_panel_header_icon--active: #7CB1ED;
638
+ --vkui--color_segmented_control: #626364;
639
+ --vkui--color_segmented_control--hover: #68696A;
640
+ --vkui--color_segmented_control--active: #6F6F70;
641
+ --vkui--color_tabbar_text_inactive: #76787a;
642
+ --vkui--color_tabbar_text_inactive--hover: #7B7D7F;
643
+ --vkui--color_tabbar_text_inactive--active: #818385;
644
+ --vkui--color_transparent: #00000000;
645
+ --vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
646
+ --vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
647
+ --vkui--color_background_inverse: #FFFFFF;
648
+ --vkui--color_background_inverse--hover: #EBEDF0;
649
+ --vkui--color_background_inverse--active: #D7D8DB;
650
+ --vkui--color_text_tertiary_alpha: #ffffff7f;
651
+ --vkui--color_text_tertiary_alpha--hover: rgba(255, 255, 255, 0.54);
652
+ --vkui--color_text_tertiary_alpha--active: rgba(255, 255, 255, 0.58);
653
+ --vkui--color_text_contrast_secondary_alpha: #ffffff7f;
654
+ --vkui--color_text_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.54);
655
+ --vkui--color_text_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.58);
656
+ --vkui--color_icon_contrast_secondary_alpha: #ffffff7f;
657
+ --vkui--color_icon_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.54);
658
+ --vkui--color_icon_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.58);
659
+ --vkui--color_stroke_contrast_secondary_alpha: #ffffff1e;
660
+ --vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
661
+ --vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
662
+ --vkui--color_accent_mint: #a3fd79;
663
+ --vkui--color_accent_mint--hover: #A7FD7E;
664
+ --vkui--color_accent_mint--active: #AAFD84;
665
+ --vkui--color_text_link_in_primary: #666666;
666
+ --vkui--color_text_link_in_primary--hover: #6C6C6C;
667
+ --vkui--color_text_link_in_primary--active: #727272;
668
+ --vkui--color_text_link_in_secondary: #FFFFFF;
669
+ --vkui--color_text_link_in_secondary--hover: #EBEDF0;
670
+ --vkui--color_text_link_in_secondary--active: #D7D8DB;
671
+ --vkui--color_text_link_in_contrast: #ffffff7f;
672
+ --vkui--color_text_link_in_contrast--hover: rgba(255, 255, 255, 0.54);
673
+ --vkui--color_text_link_in_contrast--active: rgba(255, 255, 255, 0.58);
674
+ --vkui--color_text_link_in_contrast_secondary_alpha: #FFFFFF;
675
+ --vkui--color_text_link_in_contrast_secondary_alpha--hover: #EBEDF0;
676
+ --vkui--color_text_link_in_contrast_secondary_alpha--active: #D7D8DB;
677
+ --vkui--vkontakte_color_snippet_border_alpha: rgba(255, 255, 255, 0.15);
678
+ --vkui--vkontakte_color_snippet_border_alpha--hover: rgba(255, 255, 255, 0.19);
679
+ --vkui--vkontakte_color_snippet_border_alpha--active: rgba(255, 255, 255, 0.23);
680
+ --vkui--vkontakte_color_snippet_background: #232324;
681
+ --vkui--vkontakte_color_snippet_background--hover: #2C2C2D;
682
+ --vkui--vkontakte_color_snippet_background--active: #353536;
683
+ --vkui--vkontakte_color_modal_card_border_alpha: rgba(255, 255, 255, 0.12);
684
+ --vkui--vkontakte_color_modal_card_border_alpha--hover: rgba(255, 255, 255, 0.16);
685
+ --vkui--vkontakte_color_modal_card_border_alpha--active: rgba(255, 255, 255, 0.2);
686
+ --vkui--vkontakte_color_landing_snippet_border_alpha: rgba(255, 255, 255, 0.15);
687
+ --vkui--vkontakte_color_landing_snippet_border_alpha--hover: rgba(255, 255, 255, 0.19);
688
+ --vkui--vkontakte_color_landing_snippet_border_alpha--active: rgba(255, 255, 255, 0.23);
689
+ --vkui--vkontakte_color_action_sheet_separator_alpha: rgba(255, 255, 255, 0.12);
690
+ --vkui--vkontakte_color_action_sheet_separator_alpha--hover: rgba(255, 255, 255, 0.16);
691
+ --vkui--vkontakte_color_action_sheet_separator_alpha--active: rgba(255, 255, 255, 0.2);
692
+ --vkui--vkontakte_color_input_border: #2C2D2E;
693
+ --vkui--vkontakte_color_input_border--hover: #343536;
694
+ --vkui--vkontakte_color_input_border--active: #3D3E3F;
695
+ --vkui--vkontakte_color_search_bar_background: #19191a;
696
+ --vkui--vkontakte_color_search_bar_background--hover: #222223;
697
+ --vkui--vkontakte_color_search_bar_background--active: #2B2B2C;
698
+ --vkui--vkontakte_color_search_bar_field_tint: #aaaeb3;
699
+ --vkui--vkontakte_color_search_bar_field_tint--hover: #ADB1B6;
700
+ --vkui--vkontakte_color_search_bar_field_tint--active: #B1B4B9;
701
+ --vkui--vkontakte_background_hover_alpha: rgba(255, 255, 255, 0.04);
702
+ --vkui--vkontakte_background_hover_alpha--hover: rgba(255, 255, 255, 0.08);
703
+ --vkui--vkontakte_background_hover_alpha--active: rgba(255, 255, 255, 0.12);
704
+ --vkui--vkontakte_color_accent_alternate: #FFFFFF;
705
+ --vkui--vkontakte_color_accent_alternate--hover: #EBEDF0;
706
+ --vkui--vkontakte_color_accent_alternate--active: #D7D8DB;
707
+ --vkui--vkontakte_color_background_suggestions: #2c2d2e;
708
+ --vkui--vkontakte_color_background_suggestions--hover: #343536;
709
+ --vkui--vkontakte_color_background_suggestions--active: #3D3E3F;
710
+ --vkui--vkontakte_color_background_keyboard: #2c2d2e;
711
+ --vkui--vkontakte_color_background_keyboard--hover: #343536;
712
+ --vkui--vkontakte_color_background_keyboard--active: #3D3E3F;
713
+ --vkui--vkontakte_color_content_placeholder_icon: #aaaeb3;
714
+ --vkui--vkontakte_color_content_placeholder_icon--hover: #ADB1B6;
715
+ --vkui--vkontakte_color_content_placeholder_icon--active: #B1B4B9;
716
+ --vkui--vkontakte_color_content_tint_foreground: #909499;
717
+ --vkui--vkontakte_color_content_tint_foreground--hover: #94989D;
718
+ --vkui--vkontakte_color_content_tint_foreground--active: #999DA1;
719
+ --vkui--vkontakte_color_text_name: #e1e3e6;
720
+ --vkui--vkontakte_color_text_name--hover: #E2E4E7;
721
+ --vkui--vkontakte_color_text_name--active: #E3E5E8;
722
+ --vkui--vkontakte_color_control_background: #454647;
723
+ --vkui--vkontakte_color_control_background--hover: #4C4D4E;
724
+ --vkui--vkontakte_color_control_background--active: #545556;
725
+ --vkui--vkontakte_color_control_foreground: #e1e3e6;
726
+ --vkui--vkontakte_color_control_foreground--hover: #E2E4E7;
727
+ --vkui--vkontakte_color_control_foreground--active: #E3E5E8;
728
+ --vkui--vkontakte_color_control_tint_muted: #909499;
729
+ --vkui--vkontakte_color_control_tint_muted--hover: #94989D;
730
+ --vkui--vkontakte_color_control_tint_muted--active: #999DA1;
731
+ --vkui--vkontakte_color_header_search_field_background: #363738;
732
+ --vkui--vkontakte_color_header_search_field_background--hover: #3E3F40;
733
+ --vkui--vkontakte_color_header_search_field_background--active: #464748;
734
+ --vkui--vkontakte_color_header_search_field_tint: #aaaeb3;
735
+ --vkui--vkontakte_color_header_search_field_tint--hover: #ADB1B6;
736
+ --vkui--vkontakte_color_header_search_field_tint--active: #B1B4B9;
737
+ --vkui--vkontakte_color_header_tab_active_indicator: #529ef4;
738
+ --vkui--vkontakte_color_header_tab_active_indicator--hover: #59A2F4;
739
+ --vkui--vkontakte_color_header_tab_active_indicator--active: #60A6F5;
740
+ --vkui--vkontakte_color_icon_outline_medium: #aaaeb3;
741
+ --vkui--vkontakte_color_icon_outline_medium--hover: #ADB1B6;
742
+ --vkui--vkontakte_color_icon_outline_medium--active: #B1B4B9;
743
+ --vkui--vkontakte_color_icon_outline_secondary: #909499;
744
+ --vkui--vkontakte_color_icon_outline_secondary--hover: #94989D;
745
+ --vkui--vkontakte_color_icon_outline_secondary--active: #999DA1;
746
+ --vkui--vkontakte_color_skeleton_shimmer_from: #19191a;
747
+ --vkui--vkontakte_color_skeleton_shimmer_from--hover: #222223;
748
+ --vkui--vkontakte_color_skeleton_shimmer_from--active: #2B2B2C;
749
+ --vkui--vkontakte_color_alpha_skeleton_shimmer_to: transparent;
750
+ --vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover: rgba(255, 255, 255, 0.04);
751
+ --vkui--vkontakte_color_alpha_skeleton_shimmer_to--active: rgba(255, 255, 255, 0.08);
752
+ --vkui--vkontakte_color_loader_background: #19191a;
753
+ --vkui--vkontakte_color_loader_background--hover: #222223;
754
+ --vkui--vkontakte_color_loader_background--active: #2B2B2C;
755
+ --vkui--vkontakte_color_loader_tint: #76787a;
756
+ --vkui--vkontakte_color_loader_tint--hover: #7B7D7F;
757
+ --vkui--vkontakte_color_loader_tint--active: #818385;
758
+ --vkui--vkontakte_color_music_playback_icon: #FFFFFF;
759
+ --vkui--vkontakte_color_music_playback_icon--hover: #EBEDF0;
760
+ --vkui--vkontakte_color_music_playback_icon--active: #D7D8DB;
761
+ --vkui--vkontakte_color_status_background: #19191a;
762
+ --vkui--vkontakte_color_status_background--hover: #222223;
763
+ --vkui--vkontakte_color_status_background--active: #2B2B2C;
764
+ --vkui--vkontakte_color_placeholder_icon_foreground_primary: #909499;
765
+ --vkui--vkontakte_color_placeholder_icon_foreground_primary--hover: #94989D;
766
+ --vkui--vkontakte_color_placeholder_icon_foreground_primary--active: #999DA1;
767
+ --vkui--vkontakte_color_placeholder_icon_foreground_secondary: #5d5f61;
768
+ --vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover: #636567;
769
+ --vkui--vkontakte_color_placeholder_icon_foreground_secondary--active: #6A6C6E;
770
+ --vkui--vkontakte_color_placeholder_icon_tint: #FFFFFF;
771
+ --vkui--vkontakte_color_placeholder_icon_tint--hover: #EBEDF0;
772
+ --vkui--vkontakte_color_placeholder_icon_tint--active: #D7D8DB;
773
+ --vkui--vkontakte_color_poll_option_background: #FFFFFF;
774
+ --vkui--vkontakte_color_poll_option_background--hover: #EBEDF0;
775
+ --vkui--vkontakte_color_poll_option_background--active: #D7D8DB;
776
+ --vkui--vkontakte_color_tabbar_active_icon: #FFFFFF;
777
+ --vkui--vkontakte_color_tabbar_active_icon--hover: #EBEDF0;
778
+ --vkui--vkontakte_color_tabbar_active_icon--active: #D7D8DB;
779
+ --vkui--vkontakte_color_tabbar_background: #2c2d2e;
780
+ --vkui--vkontakte_color_tabbar_background--hover: #343536;
781
+ --vkui--vkontakte_color_tabbar_background--active: #3D3E3F;
782
+ --vkui--vkontakte_color_tabbar_inactive_icon: #76787a;
783
+ --vkui--vkontakte_color_tabbar_inactive_icon--hover: #7B7D7F;
784
+ --vkui--vkontakte_color_tabbar_inactive_icon--active: #818385;
785
+ --vkui--vkontakte_color_tabbar_tablet_text_secondary: #76787a;
786
+ --vkui--vkontakte_color_tabbar_tablet_text_secondary--hover: #7B7D7F;
787
+ --vkui--vkontakte_color_tabbar_tablet_text_secondary--active: #818385;
788
+ --vkui--vkontakte_color_toolbar_attach_background_from: #76787a;
789
+ --vkui--vkontakte_color_toolbar_attach_background_from--hover: #7B7D7F;
790
+ --vkui--vkontakte_color_toolbar_attach_background_from--active: #818385;
791
+ --vkui--vkontakte_color_splash_screen_icon: #2c2d2e;
792
+ --vkui--vkontakte_color_splash_screen_icon--hover: #343536;
793
+ --vkui--vkontakte_color_splash_screen_icon--active: #3D3E3F;
794
+ --vkui--vkontakte_color_icon_name: #aaaeb3;
795
+ --vkui--vkontakte_color_icon_name--hover: #ADB1B6;
796
+ --vkui--vkontakte_color_icon_name--active: #B1B4B9;
797
+ --vkui--vkontakte_color_panel_tab_active_text: #e1e3e6;
798
+ --vkui--vkontakte_color_panel_tab_active_text--hover: #E2E4E7;
799
+ --vkui--vkontakte_color_panel_tab_active_text--active: #E3E5E8;
800
+ --vkui--vkontakte_color_background_text_alpha: rgba(82, 158, 244, 0.24);
801
+ --vkui--vkontakte_color_background_text_alpha--hover: rgba(82, 158, 244, 0.28);
802
+ --vkui--vkontakte_color_background_text_alpha--active: rgba(82, 158, 244, 0.32);
803
+ --vkui--vkontakte_color_modal_card_header_close: #FFFFFF;
804
+ --vkui--vkontakte_color_modal_card_header_close--hover: #EBEDF0;
805
+ --vkui--vkontakte_color_modal_card_header_close--active: #D7D8DB;
806
+ --vkui--vkontakte_im_bubble_button_outgoing_background_alpha: rgba(255, 255, 255, 0.20);
807
+ --vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover: rgba(255, 255, 255, 0.24);
808
+ --vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active: rgba(255, 255, 255, 0.28);
809
+ --vkui--vkontakte_im_bubble_button_foreground: #e1e3e6;
810
+ --vkui--vkontakte_im_bubble_button_foreground--hover: #E2E4E7;
811
+ --vkui--vkontakte_im_bubble_button_foreground--active: #E3E5E8;
812
+ --vkui--vkontakte_im_bubble_incoming_highlighted: #5d5f61;
813
+ --vkui--vkontakte_im_bubble_incoming_highlighted--hover: #636567;
814
+ --vkui--vkontakte_im_bubble_incoming_highlighted--active: #6A6C6E;
815
+ --vkui--vkontakte_im_bubble_gift_background: #857250;
816
+ --vkui--vkontakte_im_bubble_gift_background--hover: #8A7857;
817
+ --vkui--vkontakte_im_bubble_gift_background--active: #8F7D5E;
818
+ --vkui--vkontakte_im_bubble_gift_background_highlighted: #ab9871;
819
+ --vkui--vkontakte_im_bubble_gift_background_highlighted--hover: #AE9C77;
820
+ --vkui--vkontakte_im_bubble_gift_background_highlighted--active: #B2A07C;
821
+ --vkui--vkontakte_im_bubble_outgoing_alternate: #454647;
822
+ --vkui--vkontakte_im_bubble_outgoing_alternate--hover: #4C4D4E;
823
+ --vkui--vkontakte_im_bubble_outgoing_alternate--active: #545556;
824
+ --vkui--vkontakte_im_attach_tint: #FFFFFF;
825
+ --vkui--vkontakte_im_attach_tint--hover: #EBEDF0;
826
+ --vkui--vkontakte_im_attach_tint--active: #D7D8DB;
827
+ --vkui--vkontakte_im_reply_separator: #FFFFFF;
828
+ --vkui--vkontakte_im_reply_separator--hover: #EBEDF0;
829
+ --vkui--vkontakte_im_reply_separator--active: #D7D8DB;
830
+ --vkui--vkontakte_im_toolbar_voice_msg_background: #454647;
831
+ --vkui--vkontakte_im_toolbar_voice_msg_background--hover: #4C4D4E;
832
+ --vkui--vkontakte_im_toolbar_voice_msg_background--active: #545556;
833
+ --vkui--vkontakte_color_im_forward_line_alpha: rgba(255, 255, 255, 0.24);
834
+ --vkui--vkontakte_color_im_forward_line_alpha--hover: rgba(255, 255, 255, 0.28);
835
+ --vkui--vkontakte_color_im_forward_line_alpha--active: rgba(255, 255, 255, 0.32);
836
+ --vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha: rgba(0, 0, 0, 0.00);
837
+ --vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover: rgba(0, 0, 0, 0.04);
838
+ --vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active: rgba(0, 0, 0, 0.08);
839
+ --vkui--vkontakte_color_im_bubble_incoming: #2C2D2E;
840
+ --vkui--vkontakte_color_im_bubble_incoming--hover: #343536;
841
+ --vkui--vkontakte_color_im_bubble_incoming--active: #3D3E3F;
842
+ --vkui--vkontakte_color_im_bubble_incoming_alternate: #2C2D2E;
843
+ --vkui--vkontakte_color_im_bubble_incoming_alternate--hover: #343536;
844
+ --vkui--vkontakte_color_im_bubble_incoming_alternate--active: #3D3E3F;
845
+ --vkui--vkontakte_color_im_bubble_incoming_expiring: #262B4D;
846
+ --vkui--vkontakte_color_im_bubble_incoming_expiring--hover: #2F3354;
847
+ --vkui--vkontakte_color_im_bubble_incoming_expiring--active: #373C5B;
848
+ --vkui--vkontakte_color_im_bubble_outgoing: #454647;
849
+ --vkui--vkontakte_color_im_bubble_outgoing--hover: #4C4D4E;
850
+ --vkui--vkontakte_color_im_bubble_outgoing--active: #545556;
851
+ --vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted: #5965B3;
852
+ --vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover: #606BB6;
853
+ --vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active: #6671B9;
854
+ --vkui--vkontakte_color_im_bubble_gift_text: #FFFFFF;
855
+ --vkui--vkontakte_color_im_bubble_gift_text--hover: #EBEDF0;
856
+ --vkui--vkontakte_color_im_bubble_gift_text--active: #D7D8DB;
857
+ --vkui--vkontakte_color_im_bubble_gift_text_secondary: #E3D3AC;
858
+ --vkui--vkontakte_color_im_bubble_gift_text_secondary--hover: #E4D5AF;
859
+ --vkui--vkontakte_color_im_bubble_gift_text_secondary--active: #E5D7B3;
860
+ --vkui--vkontakte_color_im_text_name: #529EF4;
861
+ --vkui--vkontakte_color_im_text_name--hover: #59A2F4;
862
+ --vkui--vkontakte_color_im_text_name--active: #60A6F5;
863
+ --vkui--vkontakte_button_muted_background: #2c2d2e;
864
+ --vkui--vkontakte_button_muted_background--hover: #343536;
865
+ --vkui--vkontakte_button_muted_background--active: #3D3E3F;
866
+ --vkui--vkontakte_button_tertiary_background: rgba(0, 0, 0, 0.00);
867
+ --vkui--vkontakte_button_tertiary_background--hover: rgba(0, 0, 0, 0.04);
868
+ --vkui--vkontakte_button_tertiary_background--active: rgba(0, 0, 0, 0.08);
869
+ --vkui--vkontakte_button_tertiary_foreground: #e1e3e6;
870
+ --vkui--vkontakte_button_tertiary_foreground--hover: #E2E4E7;
871
+ --vkui--vkontakte_button_tertiary_foreground--active: #E3E5E8;
872
+ --vkui--vkontakte_float_button_foreground: #aaaeb3;
873
+ --vkui--vkontakte_float_button_foreground--hover: #ADB1B6;
874
+ --vkui--vkontakte_float_button_foreground--active: #B1B4B9;
875
+ --vkui--vkontakte_landing_background: #19191a;
876
+ --vkui--vkontakte_landing_background--hover: #222223;
877
+ --vkui--vkontakte_landing_background--active: #2B2B2C;
878
+ --vkui--vkontakte_im_bubble_incoming_alternate_highlighted: #5d5f61;
879
+ --vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover: #636567;
880
+ --vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active: #6A6C6E;
881
+ --vkui--vkontakte_im_bubble_incoming_expiring_highlighted: #404980;
882
+ --vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover: #485085;
883
+ --vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active: #4F588A;
884
+ --vkui--vkontakte_im_bubble_outgoing_highlighted: #5d5f61;
885
+ --vkui--vkontakte_im_bubble_outgoing_highlighted--hover: #636567;
886
+ --vkui--vkontakte_im_bubble_outgoing_highlighted--active: #6A6C6E;
887
+ --vkui--vkontakte_im_bubble_button_background: #FFFFFF29;
888
+ --vkui--vkontakte_im_bubble_button_background--hover: rgba(255, 255, 255, 0.2);
889
+ --vkui--vkontakte_im_bubble_button_background--active: rgba(255, 255, 255, 0.24);
890
+ --vkui--vkontakte_im_bubble_button_background_highlighted: #FFFFFF3D;
891
+ --vkui--vkontakte_im_bubble_button_background_highlighted--hover: rgba(255, 255, 255, 0.28);
892
+ --vkui--vkontakte_im_bubble_button_background_highlighted--active: rgba(255, 255, 255, 0.32);
893
+ --vkui--vkontakte_im_bubble_mable_outgoing: #346CAD;
894
+ --vkui--vkontakte_im_bubble_mable_outgoing--hover: #3C72B0;
895
+ --vkui--vkontakte_im_bubble_mable_outgoing--active: #4478B4;
896
+ --vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted: #5965B3;
897
+ --vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted--hover: #606BB6;
898
+ --vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted--active: #6671B9;
899
+ --vkui--vkontakte_im_bubble_mable_outgoing_highlighted: #4772A6;
900
+ --vkui--vkontakte_im_bubble_mable_outgoing_highlighted--hover: #4E78AA;
901
+ --vkui--vkontakte_im_bubble_mable_outgoing_highlighted--active: #567DAD;
902
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing: #346CAD;
903
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing--hover: #3C72B0;
904
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing--active: #4478B4;
905
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted: #4772A6;
906
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted--hover: #4E78AA;
907
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted--active: #567DAD;
908
+ --vkui--vkontakte_im_bubble_wallpaper_button_foreground: #E1E3E6;
909
+ --vkui--vkontakte_im_bubble_wallpaper_button_foreground--hover: #E2E4E7;
910
+ --vkui--vkontakte_im_bubble_wallpaper_button_foreground--active: #E3E5E8;
911
+ --vkui--vkontakte_im_service_message_text: #76787A;
912
+ --vkui--vkontakte_im_service_message_text--hover: #7B7D7F;
913
+ --vkui--vkontakte_im_service_message_text--active: #818385;
914
+ --vkui--vkontakte_landing_secondary_button_background: rgba(255, 255, 255, 0.15);
915
+ --vkui--vkontakte_landing_secondary_button_background--hover: rgba(255, 255, 255, 0.19);
916
+ --vkui--vkontakte_landing_secondary_button_background--active: rgba(255, 255, 255, 0.23);
917
+ --vkui--vkontakte_stories_skeleton_loader_background: #c4c8cc;
918
+ --vkui--vkontakte_stories_skeleton_loader_background--hover: #C6CACE;
919
+ --vkui--vkontakte_stories_skeleton_loader_background--active: #C9CCD0;
920
+ --vkui--vkontakte_palette_black: #000000;
921
+ --vkui--vkontakte_palette_black--hover: #0A0A0A;
922
+ --vkui--vkontakte_palette_black--active: #141414;
923
+ }