@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,704 @@
1
+ :root {
2
+ --vkui--theme_name: 'legoSimpleAndroid';
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--spacing_size_3xs: 2px;
14
+ --vkui--spacing_size_2xs: 2px;
15
+ --vkui--spacing_size_xs: 4px;
16
+ --vkui--spacing_size_s: 6px;
17
+ --vkui--spacing_size_m: 8px;
18
+ --vkui--spacing_size_l: 10px;
19
+ --vkui--spacing_size_xl: 12px;
20
+ --vkui--spacing_size_2xl: 16px;
21
+ --vkui--spacing_size_3xl: 20px;
22
+ --vkui--spacing_size_4xl: 24px;
23
+ --vkui--spacing_size_5xl: 32px;
24
+ --vkui--spacing_size_6xl: 40px;
25
+ --vkui--animation_duration_l: 0.4s;
26
+ --vkui--animation_duration_m: 0.2s;
27
+ --vkui--animation_duration_s: 0.1s;
28
+ --vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
29
+ --vkui--animation_easing_platform: cubic-bezier(0.4, 0, 0.2, 1);
30
+ --vkui--opacity_disable: 0.52;
31
+ --vkui--opacity_disable_accessibility: 0.52;
32
+ --vkui--opacity_active: 0.72;
33
+ --vkui--z_index_modal: 99;
34
+ --vkui--z_index_popout: 100;
35
+ --vkui--theme_inherits_from: 'legoAndroid';
36
+ --vkui--radius_2x_s: 4px;
37
+ --vkui--radius_x_s: 6px;
38
+ --vkui--radius_s: 8px;
39
+ --vkui--radius_m: 12px;
40
+ --vkui--radius_l: 16px;
41
+ --vkui--radius_x_l: 20px;
42
+ --vkui--radius_2x_l: 24px;
43
+ --vkui--radius_3x_l: 32px;
44
+ --vkui--animation_easing_linear: cubic-bezier(0, 0, 1, 1);
45
+ --vkui--animation_easing_in_smooth: cubic-bezier(1, 0, 0.7, 1);
46
+ --vkui--animation_easing_out_smooth: cubic-bezier(0.3, 0, 0, 1);
47
+ --vkui--animation_easing_in_out_smooth: cubic-bezier(0.3, 0, 0.7, 1);
48
+ --vkui--animation_easing_out_sharp: cubic-bezier(0.2, 0, 0, 1);
49
+ --vkui--animation_easing_in_out_sharp: cubic-bezier(0.7, 0, 0.3, 1);
50
+ --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%;
51
+ --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%;
52
+ --vkui--gradient_tint: rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.05) 15%, rgba(247, 247, 247, 0.2) 30%, rgba(247, 247, 247, 0.8) 70%, rgba(247, 247, 247, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(247, 247, 247, 1)) 100%;
53
+ --vkui--gradient: 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%, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 100%;
54
+ --vkui--vkontakte_gradient_aquamarine_blue: rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%;
55
+ --vkui--vkontakte_gradient_blue: rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%;
56
+ --vkui--vkontakte_gradient_candy: rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%;
57
+ --vkui--vkontakte_gradient_crimson: rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%;
58
+ --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%;
59
+ --vkui--vkontakte_gradient_emerald: rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%;
60
+ --vkui--vkontakte_gradient_gray: rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%;
61
+ --vkui--vkontakte_gradient_green: rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%;
62
+ --vkui--vkontakte_gradient_lagoon: rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%;
63
+ --vkui--vkontakte_gradient_lavender: rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%;
64
+ --vkui--vkontakte_gradient_marine: rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%;
65
+ --vkui--vkontakte_gradient_midnight: rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%;
66
+ --vkui--vkontakte_gradient_orange: rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%;
67
+ --vkui--vkontakte_gradient_pink: rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%;
68
+ --vkui--vkontakte_gradient_purple: rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%;
69
+ --vkui--vkontakte_gradient_raspberry_pink: rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%;
70
+ --vkui--vkontakte_gradient_red: rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%;
71
+ --vkui--vkontakte_gradient_retrowave: rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%;
72
+ --vkui--vkontakte_gradient_sunset: rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%;
73
+ --vkui--vkontakte_gradient_turquoise: rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%;
74
+ --vkui--vkontakte_gradient_twilight: rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%;
75
+ --vkui--vkontakte_gradient_unicorn: rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%;
76
+ --vkui--vkontakte_gradient_violet: rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%;
77
+ --vkui--vkontakte_gradient_yellow: rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%;
78
+ --vkui--vkontakte_gradient_yellow_bright: rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%;
79
+ --vkui--vkontakte_gradient_halloween_orange: rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%;
80
+ --vkui--vkontakte_gradient_halloween_violet: rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%;
81
+ --vkui--vkontakte_gradient_new_year: rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%;
82
+ --vkui--vkontakte_gradient_frost: rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%;
83
+ --vkui--vkontakte_gradient_valentine: rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%;
84
+ --vkui--vkontakte_gradient_warm_valentine: rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%;
85
+ --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%;
86
+ --vkui--vkontakte_gradient_mable: rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%;
87
+ --vkui--vkontakte_gradient_womens_day: rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%;
88
+ --vkui--colors_scheme: light;
89
+ --vkui--color_background_accent: #2e90ff;
90
+ --vkui--color_background_accent--hover: #2C8BF7;
91
+ --vkui--color_background_accent--active: #2A86EF;
92
+ --vkui--color_background_accent_themed: #2e90ff;
93
+ --vkui--color_background_accent_themed--hover: #2C8BF7;
94
+ --vkui--color_background_accent_themed--active: #2A86EF;
95
+ --vkui--color_background_accent_themed_alpha: rgba(38, 136, 235, 0.2);
96
+ --vkui--color_background_accent_themed_alpha--hover: rgba(38, 136, 235, 0.24);
97
+ --vkui--color_background_accent_themed_alpha--active: rgba(38, 136, 235, 0.28);
98
+ --vkui--color_background_accent_tint: #5a9eff;
99
+ --vkui--color_background_accent_tint--hover: #5698F7;
100
+ --vkui--color_background_accent_tint--active: #5393EF;
101
+ --vkui--color_background_accent_alternative: #2688EB;
102
+ --vkui--color_background_accent_alternative--hover: #2483E4;
103
+ --vkui--color_background_accent_alternative--active: #237EDD;
104
+ --vkui--color_background: #ffffff;
105
+ --vkui--color_background--hover: #F5F5F7;
106
+ --vkui--color_background--active: #EBECEF;
107
+ --vkui--color_background_content: #ffffff;
108
+ --vkui--color_background_content--hover: #F5F5F7;
109
+ --vkui--color_background_content--active: #EBECEF;
110
+ --vkui--color_background_content_alpha: rgba(255, 255, 255, 0.8);
111
+ --vkui--color_background_content_alpha--hover: rgba(255, 255, 255, 0.84);
112
+ --vkui--color_background_content_alpha--active: rgba(255, 255, 255, 0.88);
113
+ --vkui--color_background_content_inverse: #19191A;
114
+ --vkui--color_background_content_inverse--hover: #18191B;
115
+ --vkui--color_background_content_inverse--active: #17181D;
116
+ --vkui--color_background_secondary: #f2f2f2;
117
+ --vkui--color_background_secondary--hover: #E8E9EB;
118
+ --vkui--color_background_secondary--active: #DFE0E4;
119
+ --vkui--color_background_secondary_alpha: rgba(0, 0, 0, 0.04);
120
+ --vkui--color_background_secondary_alpha--hover: rgba(0, 0, 0, 0.08);
121
+ --vkui--color_background_secondary_alpha--active: rgba(0, 0, 0, 0.12);
122
+ --vkui--color_background_tertiary: #f7f7f7;
123
+ --vkui--color_background_tertiary--hover: #EDEEF0;
124
+ --vkui--color_background_tertiary--active: #E3E5E8;
125
+ --vkui--color_background_tertiary_alpha: rgba(0, 0, 0, 0.03);
126
+ --vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.07);
127
+ --vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.11);
128
+ --vkui--color_background_contrast: #ffffff;
129
+ --vkui--color_background_contrast--hover: #F5F5F7;
130
+ --vkui--color_background_contrast--active: #EBECEF;
131
+ --vkui--color_background_contrast_secondary_alpha: #ffffff33;
132
+ --vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
133
+ --vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
134
+ --vkui--color_background_contrast_inverse: #000000;
135
+ --vkui--color_background_contrast_inverse--hover: #000102;
136
+ --vkui--color_background_contrast_inverse--active: #000105;
137
+ --vkui--color_background_contrast_themed: #ffffff;
138
+ --vkui--color_background_contrast_themed--hover: #F5F5F7;
139
+ --vkui--color_background_contrast_themed--active: #EBECEF;
140
+ --vkui--color_background_modal: #ffffff;
141
+ --vkui--color_background_modal--hover: #F5F5F7;
142
+ --vkui--color_background_modal--active: #EBECEF;
143
+ --vkui--color_background_modal_inverse: #000000;
144
+ --vkui--color_background_modal_inverse--hover: #000102;
145
+ --vkui--color_background_modal_inverse--active: #000105;
146
+ --vkui--color_background_positive: #34c759;
147
+ --vkui--color_background_positive--hover: #32C058;
148
+ --vkui--color_background_positive--active: #30B857;
149
+ --vkui--color_background_positive_tint: #e8f9e8;
150
+ --vkui--color_background_positive_tint--hover: #DFF0E1;
151
+ --vkui--color_background_positive_tint--active: #D5E6DA;
152
+ --vkui--color_background_warning: #fff2d6;
153
+ --vkui--color_background_warning--hover: #F5E9D0;
154
+ --vkui--color_background_warning--active: #EBE0CA;
155
+ --vkui--color_background_negative: #f65460;
156
+ --vkui--color_background_negative--hover: #EC515F;
157
+ --vkui--color_background_negative--active: #E24F5D;
158
+ --vkui--color_background_negative_tint: #ffe9e9;
159
+ --vkui--color_background_negative_tint--hover: #F5E0E2;
160
+ --vkui--color_background_negative_tint--active: #EBD8DB;
161
+ --vkui--color_background_info_tint: #deeeff;
162
+ --vkui--color_background_info_tint--hover: #D5E5F7;
163
+ --vkui--color_background_info_tint--active: #CCDCEF;
164
+ --vkui--color_field_background: #ddff00;
165
+ --vkui--color_field_background--hover: #D4F502;
166
+ --vkui--color_field_background--active: #CBEC05;
167
+ --vkui--color_header_background: #ffffff;
168
+ --vkui--color_header_background--hover: #F5F5F7;
169
+ --vkui--color_header_background--active: #EBECEF;
170
+ --vkui--color_text_accent: #2e90ff;
171
+ --vkui--color_text_accent--hover: #2C8BF7;
172
+ --vkui--color_text_accent--active: #2A86EF;
173
+ --vkui--color_text_accent_themed: #2e90ff;
174
+ --vkui--color_text_accent_themed--hover: #2C8BF7;
175
+ --vkui--color_text_accent_themed--active: #2A86EF;
176
+ --vkui--color_text_primary: #3b3b3b;
177
+ --vkui--color_text_primary--hover: #39393B;
178
+ --vkui--color_text_primary--active: #36383B;
179
+ --vkui--color_text_primary_alpha: rgba(37, 41, 46, 0.84);
180
+ --vkui--color_text_primary_alpha--hover: rgba(37, 41, 46, 0.88);
181
+ --vkui--color_text_primary_alpha--active: rgba(37, 41, 46, 0.92);
182
+ --vkui--color_text_primary_invariably: #3b3b3b;
183
+ --vkui--color_text_primary_invariably--hover: #39393B;
184
+ --vkui--color_text_primary_invariably--active: #36383B;
185
+ --vkui--color_text_secondary: #999999;
186
+ --vkui--color_text_secondary--hover: #939495;
187
+ --vkui--color_text_secondary--active: #8D8E92;
188
+ --vkui--color_text_secondary_alpha: rgba(37, 41, 46, 0.55);
189
+ --vkui--color_text_secondary_alpha--hover: rgba(37, 41, 46, 0.59);
190
+ --vkui--color_text_secondary_alpha--active: rgba(37, 41, 46, 0.63);
191
+ --vkui--color_text_subhead: #6d7885;
192
+ --vkui--color_text_subhead--hover: #697482;
193
+ --vkui--color_text_subhead--active: #64707F;
194
+ --vkui--color_text_tertiary: #99a2ad;
195
+ --vkui--color_text_tertiary--hover: #939CA9;
196
+ --vkui--color_text_tertiary--active: #8D96A4;
197
+ --vkui--color_text_contrast: #ffffff;
198
+ --vkui--color_text_contrast--hover: #F5F5F7;
199
+ --vkui--color_text_contrast--active: #EBECEF;
200
+ --vkui--color_text_contrast_themed: #ffffff;
201
+ --vkui--color_text_contrast_themed--hover: #F5F5F7;
202
+ --vkui--color_text_contrast_themed--active: #EBECEF;
203
+ --vkui--color_text_positive: #34c759;
204
+ --vkui--color_text_positive--hover: #32C058;
205
+ --vkui--color_text_positive--active: #30B857;
206
+ --vkui--color_text_negative: #f65460;
207
+ --vkui--color_text_negative--hover: #EC515F;
208
+ --vkui--color_text_negative--active: #E24F5D;
209
+ --vkui--color_text_link: #2d81e0;
210
+ --vkui--color_text_link--hover: #2B7CD9;
211
+ --vkui--color_text_link--active: #2978D3;
212
+ --vkui--color_text_link_themed: #2d81e0;
213
+ --vkui--color_text_link_themed--hover: #2B7CD9;
214
+ --vkui--color_text_link_themed--active: #2978D3;
215
+ --vkui--color_text_link_tint: #71aaeb;
216
+ --vkui--color_text_link_tint--hover: #6CA4E4;
217
+ --vkui--color_text_link_tint--active: #689EDD;
218
+ --vkui--color_text_link_visited: #4986cc;
219
+ --vkui--color_text_link_visited--hover: #4681C6;
220
+ --vkui--color_text_link_visited--active: #437DC1;
221
+ --vkui--color_text_muted: #2c2d2e;
222
+ --vkui--color_text_muted--hover: #2A2C2F;
223
+ --vkui--color_text_muted--active: #282B2F;
224
+ --vkui--color_link_contrast: #ffffff;
225
+ --vkui--color_link_contrast--hover: #F5F5F7;
226
+ --vkui--color_link_contrast--active: #EBECEF;
227
+ --vkui--color_icon_accent: #2e90ff;
228
+ --vkui--color_icon_accent--hover: #2C8BF7;
229
+ --vkui--color_icon_accent--active: #2A86EF;
230
+ --vkui--color_icon_accent_themed: #2e90ff;
231
+ --vkui--color_icon_accent_themed--hover: #2C8BF7;
232
+ --vkui--color_icon_accent_themed--active: #2A86EF;
233
+ --vkui--color_icon_primary: #3b3b3b;
234
+ --vkui--color_icon_primary--hover: #39393B;
235
+ --vkui--color_icon_primary--active: #36383B;
236
+ --vkui--color_icon_primary_invariably: #3b3b3b;
237
+ --vkui--color_icon_primary_invariably--hover: #39393B;
238
+ --vkui--color_icon_primary_invariably--active: #36383B;
239
+ --vkui--color_icon_medium: #999999;
240
+ --vkui--color_icon_medium--hover: #939495;
241
+ --vkui--color_icon_medium--active: #8D8E92;
242
+ --vkui--color_icon_medium_alpha: rgba(0, 0, 0, 0.48);
243
+ --vkui--color_icon_medium_alpha--hover: rgba(0, 0, 0, 0.52);
244
+ --vkui--color_icon_medium_alpha--active: rgba(0, 0, 0, 0.56);
245
+ --vkui--color_icon_secondary: #b3b3b3;
246
+ --vkui--color_icon_secondary--hover: #ACACAE;
247
+ --vkui--color_icon_secondary--active: #A5A6AA;
248
+ --vkui--color_icon_secondary_alpha: rgba(0, 0, 0, 0.36);
249
+ --vkui--color_icon_secondary_alpha--hover: rgba(0, 0, 0, 0.4);
250
+ --vkui--color_icon_secondary_alpha--active: rgba(0, 0, 0, 0.44);
251
+ --vkui--color_icon_tertiary: #d9d9d9;
252
+ --vkui--color_icon_tertiary--hover: #D0D1D3;
253
+ --vkui--color_icon_tertiary--active: #C8C9CD;
254
+ --vkui--color_icon_tertiary_alpha: #3b3b3b66;
255
+ --vkui--color_icon_tertiary_alpha--hover: rgba(59, 59, 59, 0.44);
256
+ --vkui--color_icon_tertiary_alpha--active: rgba(59, 59, 59, 0.48);
257
+ --vkui--color_icon_contrast: #ffffff;
258
+ --vkui--color_icon_contrast--hover: #F5F5F7;
259
+ --vkui--color_icon_contrast--active: #EBECEF;
260
+ --vkui--color_icon_contrast_themed: #ffffff;
261
+ --vkui--color_icon_contrast_themed--hover: #F5F5F7;
262
+ --vkui--color_icon_contrast_themed--active: #EBECEF;
263
+ --vkui--color_icon_contrast_secondary: #f2f3f5;
264
+ --vkui--color_icon_contrast_secondary--hover: #E8EAEE;
265
+ --vkui--color_icon_contrast_secondary--active: #DFE1E6;
266
+ --vkui--color_icon_positive: #34c759;
267
+ --vkui--color_icon_positive--hover: #32C058;
268
+ --vkui--color_icon_positive--active: #30B857;
269
+ --vkui--color_icon_warning: #ff6900;
270
+ --vkui--color_icon_warning--hover: #F56502;
271
+ --vkui--color_icon_warning--active: #EB6205;
272
+ --vkui--color_icon_negative: #f65460;
273
+ --vkui--color_icon_negative--hover: #EC515F;
274
+ --vkui--color_icon_negative--active: #E24F5D;
275
+ --vkui--color_stroke_accent: #2e90ff;
276
+ --vkui--color_stroke_accent--hover: #2C8BF7;
277
+ --vkui--color_stroke_accent--active: #2A86EF;
278
+ --vkui--color_stroke_accent_themed: #2e90ff;
279
+ --vkui--color_stroke_accent_themed--hover: #2C8BF7;
280
+ --vkui--color_stroke_accent_themed--active: #2A86EF;
281
+ --vkui--color_separator_primary: #ebebeb;
282
+ --vkui--color_separator_primary--hover: #E2E2E4;
283
+ --vkui--color_separator_primary--active: #D8D9DD;
284
+ --vkui--color_separator_primary2x: #cbcccd;
285
+ --vkui--color_separator_primary2x--hover: #C3C4C7;
286
+ --vkui--color_separator_primary2x--active: #BBBDC1;
287
+ --vkui--color_separator_primary3x: #bebfc1;
288
+ --vkui--color_separator_primary3x--hover: #B6B8BC;
289
+ --vkui--color_separator_primary3x--active: #AFB1B6;
290
+ --vkui--color_separator_primary_alpha: #0000001e;
291
+ --vkui--color_separator_primary_alpha--hover: rgba(0, 0, 0, 0.16);
292
+ --vkui--color_separator_primary_alpha--active: rgba(0, 0, 0, 0.2);
293
+ --vkui--color_separator_secondary: #e1e3e6;
294
+ --vkui--color_separator_secondary--hover: #D8DBDF;
295
+ --vkui--color_separator_secondary--active: #CFD2D8;
296
+ --vkui--color_stroke_positive: #34c759;
297
+ --vkui--color_stroke_positive--hover: #32C058;
298
+ --vkui--color_stroke_positive--active: #30B857;
299
+ --vkui--color_stroke_negative: #f65460;
300
+ --vkui--color_stroke_negative--hover: #EC515F;
301
+ --vkui--color_stroke_negative--active: #E24F5D;
302
+ --vkui--color_stroke_contrast: #ffffff;
303
+ --vkui--color_stroke_contrast--hover: #F5F5F7;
304
+ --vkui--color_stroke_contrast--active: #EBECEF;
305
+ --vkui--color_stroke_primary: #3b3b3b;
306
+ --vkui--color_stroke_primary--hover: #39393B;
307
+ --vkui--color_stroke_primary--active: #36383B;
308
+ --vkui--color_image_border_alpha: #33333328;
309
+ --vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.2);
310
+ --vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.24);
311
+ --vkui--color_field_border_alpha: #3333330a;
312
+ --vkui--color_field_border_alpha--hover: #3333333d;
313
+ --vkui--color_field_border_alpha--active: #3333335b;
314
+ --vkui--color_accent_blue: #2e90ff;
315
+ --vkui--color_accent_blue--hover: #2C8BF7;
316
+ --vkui--color_accent_blue--active: #2A86EF;
317
+ --vkui--color_accent_gray: #a3adb8;
318
+ --vkui--color_accent_gray--hover: #9CA7B3;
319
+ --vkui--color_accent_gray--active: #96A0AE;
320
+ --vkui--color_accent_red: #ff5773;
321
+ --vkui--color_accent_red--hover: #F55471;
322
+ --vkui--color_accent_red--active: #EB516F;
323
+ --vkui--color_accent_orange_fire: #f05c44;
324
+ --vkui--color_accent_orange_fire--hover: #E65944;
325
+ --vkui--color_accent_orange_fire--active: #DD5643;
326
+ --vkui--color_accent_orange: #ff913d;
327
+ --vkui--color_accent_orange--hover: #F58C3D;
328
+ --vkui--color_accent_orange--active: #EB873D;
329
+ --vkui--color_accent_orange_peach: #f9b54f;
330
+ --vkui--color_accent_orange_peach--hover: #EFAE4E;
331
+ --vkui--color_accent_orange_peach--active: #E5A84E;
332
+ --vkui--color_accent_lime: #aff70d;
333
+ --vkui--color_accent_lime--hover: #A8EE0F;
334
+ --vkui--color_accent_lime--active: #A1E511;
335
+ --vkui--color_accent_green: #42d347;
336
+ --vkui--color_accent_green--hover: #3FCB47;
337
+ --vkui--color_accent_green--active: #3DC346;
338
+ --vkui--color_accent_cyan: #13ffd0;
339
+ --vkui--color_accent_cyan--hover: #12F5CA;
340
+ --vkui--color_accent_cyan--active: #11ECC4;
341
+ --vkui--color_accent_azure: #0077ff;
342
+ --vkui--color_accent_azure--hover: #0073F7;
343
+ --vkui--color_accent_azure--active: #006FEF;
344
+ --vkui--color_accent_purple: #735ce6;
345
+ --vkui--color_accent_purple--hover: #6E59DF;
346
+ --vkui--color_accent_purple--active: #6A56D8;
347
+ --vkui--color_accent_violet: #792ec0;
348
+ --vkui--color_accent_violet--hover: #742DBB;
349
+ --vkui--color_accent_violet--active: #6F2CB6;
350
+ --vkui--color_accent_raspberry_pink: #fa7fbb;
351
+ --vkui--color_accent_raspberry_pink--hover: #F07BB6;
352
+ --vkui--color_accent_raspberry_pink--active: #E676B1;
353
+ --vkui--color_accent_pink: #e866ff;
354
+ --vkui--color_accent_pink--hover: #DF63F7;
355
+ --vkui--color_accent_pink--active: #D55FEF;
356
+ --vkui--color_accent_secondary: #3f8ae0;
357
+ --vkui--color_accent_secondary--hover: #3C85D9;
358
+ --vkui--color_accent_secondary--active: #3A80D3;
359
+ --vkui--color_overlay_primary: #3b3b3b;
360
+ --vkui--color_overlay_primary--hover: #39393B;
361
+ --vkui--color_overlay_primary--active: #36383B;
362
+ --vkui--color_overlay_secondary: #3b3b3b66;
363
+ --vkui--color_overlay_secondary--hover: rgba(59, 59, 59, 0.44);
364
+ --vkui--color_overlay_secondary--active: rgba(59, 59, 59, 0.48);
365
+ --vkui--color_avatar_overlay: rgba(0, 0, 0, 0.60);
366
+ --vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
367
+ --vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
368
+ --vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
369
+ --vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
370
+ --vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
371
+ --vkui--color_action_sheet_text: #3f8ae0;
372
+ --vkui--color_action_sheet_text--hover: #3C85D9;
373
+ --vkui--color_action_sheet_text--active: #3A80D3;
374
+ --vkui--color_image_placeholder: #f2f3f5;
375
+ --vkui--color_image_placeholder--hover: #E8EAEE;
376
+ --vkui--color_image_placeholder--active: #DFE1E6;
377
+ --vkui--color_image_placeholder_alpha: rgba(0, 28, 61, 0.08);
378
+ --vkui--color_image_placeholder_alpha--hover: rgba(0, 28, 61, 0.12);
379
+ --vkui--color_image_placeholder_alpha--active: rgba(0, 28, 61, 0.16);
380
+ --vkui--color_skeleton_from: #f5f5f5;
381
+ --vkui--color_skeleton_from--hover: #EBECEE;
382
+ --vkui--color_skeleton_from--active: #E1E3E6;
383
+ --vkui--color_skeleton_to: #ebebeb;
384
+ --vkui--color_skeleton_to--hover: #E2E2E4;
385
+ --vkui--color_skeleton_to--active: #D8D9DD;
386
+ --vkui--color_button_text: #2688eb;
387
+ --vkui--color_button_text--hover: #2483E4;
388
+ --vkui--color_button_text--active: #237EDD;
389
+ --vkui--color_button_icon: #2688eb;
390
+ --vkui--color_button_icon--hover: #2483E4;
391
+ --vkui--color_button_icon--active: #237EDD;
392
+ --vkui--color_button_stroke: #2688eb;
393
+ --vkui--color_button_stroke--hover: #2483E4;
394
+ --vkui--color_button_stroke--active: #237EDD;
395
+ --vkui--color_write_bar_icon: #3f8ae0;
396
+ --vkui--color_write_bar_icon--hover: #3C85D9;
397
+ --vkui--color_write_bar_icon--active: #3A80D3;
398
+ --vkui--color_write_bar_input_background: #f2f3f5;
399
+ --vkui--color_write_bar_input_background--hover: #E8EAEE;
400
+ --vkui--color_write_bar_input_background--active: #DFE1E6;
401
+ --vkui--color_write_bar_input_border: #e1e3e6;
402
+ --vkui--color_write_bar_input_border--hover: #D8DBDF;
403
+ --vkui--color_write_bar_input_border--active: #CFD2D8;
404
+ --vkui--color_write_bar_input_border_alpha: #ddff00;
405
+ --vkui--color_write_bar_input_border_alpha--hover: #D4F502;
406
+ --vkui--color_write_bar_input_border_alpha--active: #CBEC05;
407
+ --vkui--color_track_background: #e1e3e6;
408
+ --vkui--color_track_background--hover: #D8DBDF;
409
+ --vkui--color_track_background--active: #CFD2D8;
410
+ --vkui--color_track_buffer: #a0bfe4;
411
+ --vkui--color_track_buffer--hover: #9AB8DD;
412
+ --vkui--color_track_buffer--active: #93B1D7;
413
+ --vkui--color_search_field_background: #ebedf0;
414
+ --vkui--color_search_field_background--hover: #E2E4E9;
415
+ --vkui--color_search_field_background--active: #D8DBE2;
416
+ --vkui--color_panel_header_icon: #2688eb;
417
+ --vkui--color_panel_header_icon--hover: #2483E4;
418
+ --vkui--color_panel_header_icon--active: #237EDD;
419
+ --vkui--color_segmented_control: #ffffff;
420
+ --vkui--color_segmented_control--hover: #F5F5F7;
421
+ --vkui--color_segmented_control--active: #EBECEF;
422
+ --vkui--color_tabbar_text_inactive: #99a2ad;
423
+ --vkui--color_tabbar_text_inactive--hover: #939CA9;
424
+ --vkui--color_tabbar_text_inactive--active: #8D96A4;
425
+ --vkui--color_transparent: #00000000;
426
+ --vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
427
+ --vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
428
+ --vkui--color_background_inverse: #262626;
429
+ --vkui--color_background_inverse--hover: #242527;
430
+ --vkui--color_background_inverse--active: #232428;
431
+ --vkui--color_text_tertiary_alpha: #3b3b3b66;
432
+ --vkui--color_text_tertiary_alpha--hover: rgba(59, 59, 59, 0.44);
433
+ --vkui--color_text_tertiary_alpha--active: rgba(59, 59, 59, 0.48);
434
+ --vkui--color_text_contrast_secondary_alpha: #ffffff7f;
435
+ --vkui--color_text_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.54);
436
+ --vkui--color_text_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.58);
437
+ --vkui--color_icon_contrast_secondary_alpha: #ffffff7f;
438
+ --vkui--color_icon_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.54);
439
+ --vkui--color_icon_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.58);
440
+ --vkui--color_stroke_contrast_secondary_alpha: #ffffff1e;
441
+ --vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
442
+ --vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
443
+ --vkui--color_accent_mint: #a3fd79;
444
+ --vkui--color_accent_mint--hover: #9CF477;
445
+ --vkui--color_accent_mint--active: #96EA74;
446
+ --vkui--color_text_link_in_primary: #999999;
447
+ --vkui--color_text_link_in_primary--hover: #939495;
448
+ --vkui--color_text_link_in_primary--active: #8D8E92;
449
+ --vkui--color_text_link_in_secondary: #3b3b3b;
450
+ --vkui--color_text_link_in_secondary--hover: #39393B;
451
+ --vkui--color_text_link_in_secondary--active: #36383B;
452
+ --vkui--color_text_link_in_contrast: #ffffff7f;
453
+ --vkui--color_text_link_in_contrast--hover: rgba(255, 255, 255, 0.54);
454
+ --vkui--color_text_link_in_contrast--active: rgba(255, 255, 255, 0.58);
455
+ --vkui--color_text_link_in_contrast_secondary_alpha: #ffffff;
456
+ --vkui--color_text_link_in_contrast_secondary_alpha--hover: #F5F5F7;
457
+ --vkui--color_text_link_in_contrast_secondary_alpha--active: #EBECEF;
458
+ --vkui--vkontakte_color_snippet_border_alpha: rgba(0, 0, 0, 0.15);
459
+ --vkui--vkontakte_color_snippet_border_alpha--hover: rgba(0, 0, 0, 0.19);
460
+ --vkui--vkontakte_color_snippet_border_alpha--active: rgba(0, 0, 0, 0.23);
461
+ --vkui--vkontakte_color_snippet_background: #FFFFFF;
462
+ --vkui--vkontakte_color_snippet_background--hover: #F5F5F7;
463
+ --vkui--vkontakte_color_snippet_background--active: #EBECEF;
464
+ --vkui--vkontakte_color_modal_card_border_alpha: rgba(0, 0, 0, 0);
465
+ --vkui--vkontakte_color_modal_card_border_alpha--hover: rgba(0, 0, 0, 0.04);
466
+ --vkui--vkontakte_color_modal_card_border_alpha--active: rgba(0, 0, 0, 0.08);
467
+ --vkui--vkontakte_color_landing_snippet_border_alpha: rgba(0, 0, 0, 0.15);
468
+ --vkui--vkontakte_color_landing_snippet_border_alpha--hover: rgba(0, 0, 0, 0.19);
469
+ --vkui--vkontakte_color_landing_snippet_border_alpha--active: rgba(0, 0, 0, 0.23);
470
+ --vkui--vkontakte_color_action_sheet_separator_alpha: rgba(0, 0, 0, 0.12);
471
+ --vkui--vkontakte_color_action_sheet_separator_alpha--hover: rgba(0, 0, 0, 0.16);
472
+ --vkui--vkontakte_color_action_sheet_separator_alpha--active: rgba(0, 0, 0, 0.2);
473
+ --vkui--vkontakte_color_input_border: #E1E3E6;
474
+ --vkui--vkontakte_color_input_border--hover: #D8DBDF;
475
+ --vkui--vkontakte_color_input_border--active: #CFD2D8;
476
+ --vkui--vkontakte_color_search_bar_background: #FFFFFF;
477
+ --vkui--vkontakte_color_search_bar_background--hover: #F5F5F7;
478
+ --vkui--vkontakte_color_search_bar_background--active: #EBECEF;
479
+ --vkui--vkontakte_color_search_bar_field_tint: #818c99;
480
+ --vkui--vkontakte_color_search_bar_field_tint--hover: #7C8795;
481
+ --vkui--vkontakte_color_search_bar_field_tint--active: #778292;
482
+ --vkui--vkontakte_background_hover_alpha: rgba(0, 0, 0, 0.04);
483
+ --vkui--vkontakte_background_hover_alpha--hover: rgba(0, 0, 0, 0.08);
484
+ --vkui--vkontakte_background_hover_alpha--active: rgba(0, 0, 0, 0.12);
485
+ --vkui--vkontakte_color_accent_alternate: #0077ff;
486
+ --vkui--vkontakte_color_accent_alternate--hover: #0073F7;
487
+ --vkui--vkontakte_color_accent_alternate--active: #006FEF;
488
+ --vkui--vkontakte_color_background_suggestions: #FFFFFF;
489
+ --vkui--vkontakte_color_background_suggestions--hover: #F5F5F7;
490
+ --vkui--vkontakte_color_background_suggestions--active: #EBECEF;
491
+ --vkui--vkontakte_color_background_keyboard: #e1e3e6;
492
+ --vkui--vkontakte_color_background_keyboard--hover: #D8DBDF;
493
+ --vkui--vkontakte_color_background_keyboard--active: #CFD2D8;
494
+ --vkui--vkontakte_color_content_placeholder_icon: #99a2ad;
495
+ --vkui--vkontakte_color_content_placeholder_icon--hover: #939CA9;
496
+ --vkui--vkontakte_color_content_placeholder_icon--active: #8D96A4;
497
+ --vkui--vkontakte_color_content_tint_foreground: #7f8285;
498
+ --vkui--vkontakte_color_content_tint_foreground--hover: #7A7D82;
499
+ --vkui--vkontakte_color_content_tint_foreground--active: #75797F;
500
+ --vkui--vkontakte_color_text_name: #2d81e0;
501
+ --vkui--vkontakte_color_text_name--hover: #2B7CD9;
502
+ --vkui--vkontakte_color_text_name--active: #2978D3;
503
+ --vkui--vkontakte_color_control_background: #ebedf0;
504
+ --vkui--vkontakte_color_control_background--hover: #E2E4E9;
505
+ --vkui--vkontakte_color_control_background--active: #D8DBE2;
506
+ --vkui--vkontakte_color_control_foreground: #5181b8;
507
+ --vkui--vkontakte_color_control_foreground--hover: #4E7CB3;
508
+ --vkui--vkontakte_color_control_foreground--active: #4B78AE;
509
+ --vkui--vkontakte_color_control_tint_muted: #76787a;
510
+ --vkui--vkontakte_color_control_tint_muted--hover: #717478;
511
+ --vkui--vkontakte_color_control_tint_muted--active: #6D7075;
512
+ --vkui--vkontakte_color_header_search_field_background: #ebedf0;
513
+ --vkui--vkontakte_color_header_search_field_background--hover: #E2E4E9;
514
+ --vkui--vkontakte_color_header_search_field_background--active: #D8DBE2;
515
+ --vkui--vkontakte_color_header_search_field_tint: #818c99;
516
+ --vkui--vkontakte_color_header_search_field_tint--hover: #7C8795;
517
+ --vkui--vkontakte_color_header_search_field_tint--active: #778292;
518
+ --vkui--vkontakte_color_header_tab_active_indicator: #2688eb;
519
+ --vkui--vkontakte_color_header_tab_active_indicator--hover: #2483E4;
520
+ --vkui--vkontakte_color_header_tab_active_indicator--active: #237EDD;
521
+ --vkui--vkontakte_color_icon_outline_medium: #818c99;
522
+ --vkui--vkontakte_color_icon_outline_medium--hover: #7C8795;
523
+ --vkui--vkontakte_color_icon_outline_medium--active: #778292;
524
+ --vkui--vkontakte_color_icon_outline_secondary: #99a2ad;
525
+ --vkui--vkontakte_color_icon_outline_secondary--hover: #939CA9;
526
+ --vkui--vkontakte_color_icon_outline_secondary--active: #8D96A4;
527
+ --vkui--vkontakte_color_skeleton_shimmer_from: #FFFFFF;
528
+ --vkui--vkontakte_color_skeleton_shimmer_from--hover: #F5F5F7;
529
+ --vkui--vkontakte_color_skeleton_shimmer_from--active: #EBECEF;
530
+ --vkui--vkontakte_color_alpha_skeleton_shimmer_to: transparent;
531
+ --vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover: rgba(0, 16, 61, 0.04);
532
+ --vkui--vkontakte_color_alpha_skeleton_shimmer_to--active: rgba(0, 16, 61, 0.08);
533
+ --vkui--vkontakte_color_loader_background: #ebedf0;
534
+ --vkui--vkontakte_color_loader_background--hover: #E2E4E9;
535
+ --vkui--vkontakte_color_loader_background--active: #D8DBE2;
536
+ --vkui--vkontakte_color_loader_tint: #76787a;
537
+ --vkui--vkontakte_color_loader_tint--hover: #717478;
538
+ --vkui--vkontakte_color_loader_tint--active: #6D7075;
539
+ --vkui--vkontakte_color_music_playback_icon: #000000;
540
+ --vkui--vkontakte_color_music_playback_icon--hover: #000102;
541
+ --vkui--vkontakte_color_music_playback_icon--active: #000105;
542
+ --vkui--vkontakte_color_status_background: #ebedf0;
543
+ --vkui--vkontakte_color_status_background--hover: #E2E4E9;
544
+ --vkui--vkontakte_color_status_background--active: #D8DBE2;
545
+ --vkui--vkontakte_color_placeholder_icon_foreground_primary: #99a2ad;
546
+ --vkui--vkontakte_color_placeholder_icon_foreground_primary--hover: #939CA9;
547
+ --vkui--vkontakte_color_placeholder_icon_foreground_primary--active: #8D96A4;
548
+ --vkui--vkontakte_color_placeholder_icon_foreground_secondary: #aeb7c2;
549
+ --vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover: #A7B0BD;
550
+ --vkui--vkontakte_color_placeholder_icon_foreground_secondary--active: #A0AAB7;
551
+ --vkui--vkontakte_color_placeholder_icon_tint: #001c3d;
552
+ --vkui--vkontakte_color_placeholder_icon_tint--hover: #001C3D;
553
+ --vkui--vkontakte_color_placeholder_icon_tint--active: #001B3D;
554
+ --vkui--vkontakte_color_poll_option_background: #45678f;
555
+ --vkui--vkontakte_color_poll_option_background--hover: #42648C;
556
+ --vkui--vkontakte_color_poll_option_background--active: #3F6088;
557
+ --vkui--vkontakte_color_tabbar_active_icon: #2975cc;
558
+ --vkui--vkontakte_color_tabbar_active_icon--hover: #2771C6;
559
+ --vkui--vkontakte_color_tabbar_active_icon--active: #266DC1;
560
+ --vkui--vkontakte_color_tabbar_background: #f9f9f9;
561
+ --vkui--vkontakte_color_tabbar_background--hover: #EFF0F1;
562
+ --vkui--vkontakte_color_tabbar_background--active: #E5E6EA;
563
+ --vkui--vkontakte_color_tabbar_inactive_icon: #99a2ad;
564
+ --vkui--vkontakte_color_tabbar_inactive_icon--hover: #939CA9;
565
+ --vkui--vkontakte_color_tabbar_inactive_icon--active: #8D96A4;
566
+ --vkui--vkontakte_color_tabbar_tablet_text_secondary: #909499;
567
+ --vkui--vkontakte_color_tabbar_tablet_text_secondary--hover: #8A8F95;
568
+ --vkui--vkontakte_color_tabbar_tablet_text_secondary--active: #848992;
569
+ --vkui--vkontakte_color_toolbar_attach_background_from: #b8c1cc;
570
+ --vkui--vkontakte_color_toolbar_attach_background_from--hover: #B1BAC6;
571
+ --vkui--vkontakte_color_toolbar_attach_background_from--active: #A9B3C1;
572
+ --vkui--vkontakte_color_splash_screen_icon: #e1e3e6;
573
+ --vkui--vkontakte_color_splash_screen_icon--hover: #D8DBDF;
574
+ --vkui--vkontakte_color_splash_screen_icon--active: #CFD2D8;
575
+ --vkui--vkontakte_color_icon_name: #74a2d6;
576
+ --vkui--vkontakte_color_icon_name--hover: #6F9CD0;
577
+ --vkui--vkontakte_color_icon_name--active: #6B96CA;
578
+ --vkui--vkontakte_color_panel_tab_active_text: #76787a;
579
+ --vkui--vkontakte_color_panel_tab_active_text--hover: #717478;
580
+ --vkui--vkontakte_color_panel_tab_active_text--active: #6D7075;
581
+ --vkui--vkontakte_color_background_text_alpha: rgba(38, 136, 235, 0.20);
582
+ --vkui--vkontakte_color_background_text_alpha--hover: rgba(38, 136, 235, 0.24);
583
+ --vkui--vkontakte_color_background_text_alpha--active: rgba(38, 136, 235, 0.28);
584
+ --vkui--vkontakte_color_modal_card_header_close: #000000;
585
+ --vkui--vkontakte_color_modal_card_header_close--hover: #000102;
586
+ --vkui--vkontakte_color_modal_card_header_close--active: #000105;
587
+ --vkui--vkontakte_im_bubble_button_outgoing_background_alpha: rgba(255, 255, 255, 0.60);
588
+ --vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover: rgba(255, 255, 255, 0.64);
589
+ --vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active: rgba(255, 255, 255, 0.68);
590
+ --vkui--vkontakte_im_bubble_button_foreground: #000000;
591
+ --vkui--vkontakte_im_bubble_button_foreground--hover: #000102;
592
+ --vkui--vkontakte_im_bubble_button_foreground--active: #000105;
593
+ --vkui--vkontakte_im_bubble_incoming_highlighted: #d7d8d9;
594
+ --vkui--vkontakte_im_bubble_incoming_highlighted--hover: #CED0D3;
595
+ --vkui--vkontakte_im_bubble_incoming_highlighted--active: #C6C8CD;
596
+ --vkui--vkontakte_im_bubble_gift_background: #f4e7c3;
597
+ --vkui--vkontakte_im_bubble_gift_background--hover: #EADEBE;
598
+ --vkui--vkontakte_im_bubble_gift_background--active: #E0D6B8;
599
+ --vkui--vkontakte_im_bubble_gift_background_highlighted: #e3d3ac;
600
+ --vkui--vkontakte_im_bubble_gift_background_highlighted--hover: #DACBA8;
601
+ --vkui--vkontakte_im_bubble_gift_background_highlighted--active: #D1C3A3;
602
+ --vkui--vkontakte_im_bubble_outgoing_alternate: #FFFFFF;
603
+ --vkui--vkontakte_im_bubble_outgoing_alternate--hover: #F5F5F7;
604
+ --vkui--vkontakte_im_bubble_outgoing_alternate--active: #EBECEF;
605
+ --vkui--vkontakte_im_attach_tint: #2d81e0;
606
+ --vkui--vkontakte_im_attach_tint--hover: #2B7CD9;
607
+ --vkui--vkontakte_im_attach_tint--active: #2978D3;
608
+ --vkui--vkontakte_im_reply_separator: #2d81e0;
609
+ --vkui--vkontakte_im_reply_separator--hover: #2B7CD9;
610
+ --vkui--vkontakte_im_reply_separator--active: #2978D3;
611
+ --vkui--vkontakte_im_toolbar_voice_msg_background: #99a2ad;
612
+ --vkui--vkontakte_im_toolbar_voice_msg_background--hover: #939CA9;
613
+ --vkui--vkontakte_im_toolbar_voice_msg_background--active: #8D96A4;
614
+ --vkui--vkontakte_color_im_forward_line_alpha: rgba(69, 103, 143, 0.24);
615
+ --vkui--vkontakte_color_im_forward_line_alpha--hover: rgba(69, 103, 143, 0.28);
616
+ --vkui--vkontakte_color_im_forward_line_alpha--active: rgba(69, 103, 143, 0.32);
617
+ --vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha: rgba(215, 216, 217, 1);
618
+ --vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover: #CED0D3;
619
+ --vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active: #C6C8CD;
620
+ --vkui--vkontakte_color_im_bubble_incoming: #EBEDF0;
621
+ --vkui--vkontakte_color_im_bubble_incoming--hover: #E2E4E9;
622
+ --vkui--vkontakte_color_im_bubble_incoming--active: #D8DBE2;
623
+ --vkui--vkontakte_color_im_bubble_incoming_alternate: #FFFFFF;
624
+ --vkui--vkontakte_color_im_bubble_incoming_alternate--hover: #F5F5F7;
625
+ --vkui--vkontakte_color_im_bubble_incoming_alternate--active: #EBECEF;
626
+ --vkui--vkontakte_color_im_bubble_incoming_expiring: #E6E9FF;
627
+ --vkui--vkontakte_color_im_bubble_incoming_expiring--hover: #DDE0F7;
628
+ --vkui--vkontakte_color_im_bubble_incoming_expiring--active: #D4D8EF;
629
+ --vkui--vkontakte_color_im_bubble_outgoing: #CCE4FF;
630
+ --vkui--vkontakte_color_im_bubble_outgoing--hover: #C4DCF7;
631
+ --vkui--vkontakte_color_im_bubble_outgoing--active: #BCD3EF;
632
+ --vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted: #ADB8FF;
633
+ --vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover: #A6B1F7;
634
+ --vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active: #9FABEF;
635
+ --vkui--vkontakte_color_im_bubble_gift_text: #857250;
636
+ --vkui--vkontakte_color_im_bubble_gift_text--hover: #806E4F;
637
+ --vkui--vkontakte_color_im_bubble_gift_text--active: #7A6A4E;
638
+ --vkui--vkontakte_color_im_bubble_gift_text_secondary: #AB9871;
639
+ --vkui--vkontakte_color_im_bubble_gift_text_secondary--hover: #A4936F;
640
+ --vkui--vkontakte_color_im_bubble_gift_text_secondary--active: #9D8D6D;
641
+ --vkui--vkontakte_color_im_text_name: #2D81E0;
642
+ --vkui--vkontakte_color_im_text_name--hover: #2B7CD9;
643
+ --vkui--vkontakte_color_im_text_name--active: #2978D3;
644
+ --vkui--vkontakte_button_muted_background: #f2f3f5;
645
+ --vkui--vkontakte_button_muted_background--hover: #E8EAEE;
646
+ --vkui--vkontakte_button_muted_background--active: #DFE1E6;
647
+ --vkui--vkontakte_button_tertiary_background: rgba(0, 0, 0, 0.00);
648
+ --vkui--vkontakte_button_tertiary_background--hover: rgba(0, 0, 0, 0.04);
649
+ --vkui--vkontakte_button_tertiary_background--active: rgba(0, 0, 0, 0.08);
650
+ --vkui--vkontakte_button_tertiary_foreground: #2d81e0;
651
+ --vkui--vkontakte_button_tertiary_foreground--hover: #2B7CD9;
652
+ --vkui--vkontakte_button_tertiary_foreground--active: #2978D3;
653
+ --vkui--vkontakte_float_button_foreground: #99a2ad;
654
+ --vkui--vkontakte_float_button_foreground--hover: #939CA9;
655
+ --vkui--vkontakte_float_button_foreground--active: #8D96A4;
656
+ --vkui--vkontakte_landing_background: #ffffff;
657
+ --vkui--vkontakte_landing_background--hover: #F5F5F7;
658
+ --vkui--vkontakte_landing_background--active: #EBECEF;
659
+ --vkui--vkontakte_im_bubble_incoming_alternate_highlighted: #f9f9f9;
660
+ --vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover: #EFF0F1;
661
+ --vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active: #E5E6EA;
662
+ --vkui--vkontakte_im_bubble_incoming_expiring_highlighted: #ccd3ff;
663
+ --vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover: #C4CBF7;
664
+ --vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active: #BCC3EF;
665
+ --vkui--vkontakte_im_bubble_outgoing_highlighted: #add3ff;
666
+ --vkui--vkontakte_im_bubble_outgoing_highlighted--hover: #A6CBF7;
667
+ --vkui--vkontakte_im_bubble_outgoing_highlighted--active: #9FC3EF;
668
+ --vkui--vkontakte_im_bubble_button_background: #F9F9F9;
669
+ --vkui--vkontakte_im_bubble_button_background--hover: #EFF0F1;
670
+ --vkui--vkontakte_im_bubble_button_background--active: #E5E6EA;
671
+ --vkui--vkontakte_im_bubble_button_background_highlighted: #D7D8D9;
672
+ --vkui--vkontakte_im_bubble_button_background_highlighted--hover: #CED0D3;
673
+ --vkui--vkontakte_im_bubble_button_background_highlighted--active: #C6C8CD;
674
+ --vkui--vkontakte_im_bubble_mable_outgoing: #D9F4FF;
675
+ --vkui--vkontakte_im_bubble_mable_outgoing--hover: #D0EBF7;
676
+ --vkui--vkontakte_im_bubble_mable_outgoing--active: #C8E2EF;
677
+ --vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted: #C2CBFF;
678
+ --vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted--hover: #BAC4F7;
679
+ --vkui--vkontakte_im_bubble_mable_outgoing_expiring_highlighted--active: #B2BCEF;
680
+ --vkui--vkontakte_im_bubble_mable_outgoing_highlighted: #B0E8FF;
681
+ --vkui--vkontakte_im_bubble_mable_outgoing_highlighted--hover: #A9DFF7;
682
+ --vkui--vkontakte_im_bubble_mable_outgoing_highlighted--active: #A2D7EF;
683
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing: #D9F4FF;
684
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing--hover: #D0EBF7;
685
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing--active: #C8E2EF;
686
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted: #B0E8FF;
687
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted--hover: #A9DFF7;
688
+ --vkui--vkontakte_im_bubble_mable_wallpaper_outgoing_highlighted--active: #A2D7EF;
689
+ --vkui--vkontakte_im_bubble_wallpaper_button_foreground: #000000;
690
+ --vkui--vkontakte_im_bubble_wallpaper_button_foreground--hover: #000102;
691
+ --vkui--vkontakte_im_bubble_wallpaper_button_foreground--active: #000105;
692
+ --vkui--vkontakte_im_service_message_text: #818C99;
693
+ --vkui--vkontakte_im_service_message_text--hover: #7C8795;
694
+ --vkui--vkontakte_im_service_message_text--active: #778292;
695
+ --vkui--vkontakte_landing_secondary_button_background: rgba(0, 57, 115, 0.10);
696
+ --vkui--vkontakte_landing_secondary_button_background--hover: rgba(0, 57, 115, 0.14);
697
+ --vkui--vkontakte_landing_secondary_button_background--active: rgba(0, 57, 115, 0.18);
698
+ --vkui--vkontakte_stories_skeleton_loader_background: #454647;
699
+ --vkui--vkontakte_stories_skeleton_loader_background--hover: #424447;
700
+ --vkui--vkontakte_stories_skeleton_loader_background--active: #3F4246;
701
+ --vkui--vkontakte_palette_black: #000000;
702
+ --vkui--vkontakte_palette_black--hover: #000102;
703
+ --vkui--vkontakte_palette_black--active: #000105;
704
+ }