@vkontakte/vkui-tokens 4.0.0 → 4.2.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 (641) hide show
  1. package/README.md +108 -42
  2. package/build/compilers/index.d.ts +2 -2
  3. package/build/compilers/index.js +2 -0
  4. package/build/compilers/styles/compileStyles.d.ts +4 -2
  5. package/build/compilers/styles/compileStyles.js +31 -10
  6. package/build/compilers/styles/compileStyles.test.js +265 -196
  7. package/build/helpers/getAllButColors.d.ts +1 -0
  8. package/build/helpers/getAllButColors.js +17 -0
  9. package/build/helpers/getAllButColors.test.d.ts +1 -0
  10. package/build/helpers/getAllButColors.test.js +26 -0
  11. package/interfaces/general/geometry/index.d.ts +4 -0
  12. package/interfaces/general/index.d.ts +4 -0
  13. package/interfaces/themes/vkComDark/index.d.ts +1 -0
  14. package/interfaces/themes/vkComDark/index.js +2 -0
  15. package/interfaces/themes/vkIOSDark/index.d.ts +1 -0
  16. package/interfaces/themes/vkIOSDark/index.js +2 -0
  17. package/package.json +1 -1
  18. package/themeDescriptions/base/paradigm.js +11 -1
  19. package/themeDescriptions/base/vk.js +96 -98
  20. package/themes/calendar/cssVars/declarations/index.css +9 -0
  21. package/themes/calendar/cssVars/declarations/noColors.css +574 -0
  22. package/themes/calendar/cssVars/declarations/noSizes.css +1 -0
  23. package/themes/calendar/cssVars/declarations/onlyMedia.css +4 -0
  24. package/themes/calendar/cssVars/declarations/onlyVariables.css +5 -0
  25. package/themes/calendar/cssVars/declarations/onlyVariables.js +2 -2
  26. package/themes/calendar/cssVars/declarations/onlyVariablesLocal.css +520 -0
  27. package/themes/calendar/cssVars/theme/fallbacks/index.css +5 -0
  28. package/themes/calendar/cssVars/theme/fallbacks/index.less +5 -0
  29. package/themes/calendar/cssVars/theme/fallbacks/index.pcss +5 -0
  30. package/themes/calendar/cssVars/theme/fallbacks/index.scss +5 -0
  31. package/themes/calendar/cssVars/theme/fallbacks/index.styl +5 -0
  32. package/themes/calendar/cssVars/theme/index.js +44 -0
  33. package/themes/calendar/cssVars/theme/index.json +44 -0
  34. package/themes/calendar/index.css +5 -0
  35. package/themes/calendar/index.js +13 -0
  36. package/themes/calendar/index.json +13 -0
  37. package/themes/calendar/index.less +5 -0
  38. package/themes/calendar/index.pcss +5 -0
  39. package/themes/calendar/index.scss +5 -0
  40. package/themes/calendar/index.styl +5 -0
  41. package/themes/calendarDark/cssVars/declarations/index.css +9 -0
  42. package/themes/calendarDark/cssVars/declarations/noColors.css +574 -0
  43. package/themes/calendarDark/cssVars/declarations/noSizes.css +1 -0
  44. package/themes/calendarDark/cssVars/declarations/onlyMedia.css +4 -0
  45. package/themes/calendarDark/cssVars/declarations/onlyVariables.css +5 -0
  46. package/themes/calendarDark/cssVars/declarations/onlyVariables.js +2 -2
  47. package/themes/calendarDark/cssVars/declarations/onlyVariablesLocal.css +520 -0
  48. package/themes/calendarDark/cssVars/theme/fallbacks/index.css +5 -0
  49. package/themes/calendarDark/cssVars/theme/fallbacks/index.less +5 -0
  50. package/themes/calendarDark/cssVars/theme/fallbacks/index.pcss +5 -0
  51. package/themes/calendarDark/cssVars/theme/fallbacks/index.scss +5 -0
  52. package/themes/calendarDark/cssVars/theme/fallbacks/index.styl +5 -0
  53. package/themes/calendarDark/cssVars/theme/index.js +44 -0
  54. package/themes/calendarDark/cssVars/theme/index.json +44 -0
  55. package/themes/calendarDark/index.css +5 -0
  56. package/themes/calendarDark/index.js +13 -0
  57. package/themes/calendarDark/index.json +13 -0
  58. package/themes/calendarDark/index.less +5 -0
  59. package/themes/calendarDark/index.pcss +5 -0
  60. package/themes/calendarDark/index.scss +5 -0
  61. package/themes/calendarDark/index.styl +5 -0
  62. package/themes/calls/cssVars/declarations/index.css +13 -4
  63. package/themes/calls/cssVars/declarations/noColors.css +427 -0
  64. package/themes/calls/cssVars/declarations/noSizes.css +1 -0
  65. package/themes/calls/cssVars/declarations/onlyMedia.css +5 -1
  66. package/themes/calls/cssVars/declarations/onlyVariables.css +6 -1
  67. package/themes/calls/cssVars/declarations/onlyVariables.js +2 -2
  68. package/themes/calls/cssVars/declarations/onlyVariablesLocal.css +477 -0
  69. package/themes/calls/cssVars/theme/fallbacks/index.css +8 -3
  70. package/themes/calls/cssVars/theme/fallbacks/index.less +6 -1
  71. package/themes/calls/cssVars/theme/fallbacks/index.pcss +6 -1
  72. package/themes/calls/cssVars/theme/fallbacks/index.scss +7 -2
  73. package/themes/calls/cssVars/theme/fallbacks/index.styl +6 -1
  74. package/themes/calls/cssVars/theme/index.js +45 -1
  75. package/themes/calls/cssVars/theme/index.json +45 -1
  76. package/themes/calls/index.css +8 -3
  77. package/themes/calls/index.js +14 -1
  78. package/themes/calls/index.json +14 -1
  79. package/themes/calls/index.less +6 -1
  80. package/themes/calls/index.pcss +6 -1
  81. package/themes/calls/index.scss +7 -2
  82. package/themes/calls/index.styl +6 -1
  83. package/themes/cloud/cssVars/declarations/index.css +9 -0
  84. package/themes/cloud/cssVars/declarations/noColors.css +510 -0
  85. package/themes/cloud/cssVars/declarations/noSizes.css +1 -0
  86. package/themes/cloud/cssVars/declarations/onlyMedia.css +4 -0
  87. package/themes/cloud/cssVars/declarations/onlyVariables.css +5 -0
  88. package/themes/cloud/cssVars/declarations/onlyVariables.js +2 -2
  89. package/themes/cloud/cssVars/declarations/onlyVariablesLocal.css +500 -0
  90. package/themes/cloud/cssVars/theme/fallbacks/index.css +5 -0
  91. package/themes/cloud/cssVars/theme/fallbacks/index.less +5 -0
  92. package/themes/cloud/cssVars/theme/fallbacks/index.pcss +5 -0
  93. package/themes/cloud/cssVars/theme/fallbacks/index.scss +5 -0
  94. package/themes/cloud/cssVars/theme/fallbacks/index.styl +5 -0
  95. package/themes/cloud/cssVars/theme/index.js +44 -0
  96. package/themes/cloud/cssVars/theme/index.json +44 -0
  97. package/themes/cloud/index.css +5 -0
  98. package/themes/cloud/index.js +13 -0
  99. package/themes/cloud/index.json +13 -0
  100. package/themes/cloud/index.less +5 -0
  101. package/themes/cloud/index.pcss +5 -0
  102. package/themes/cloud/index.scss +5 -0
  103. package/themes/cloud/index.styl +5 -0
  104. package/themes/home/cssVars/declarations/index.css +13 -4
  105. package/themes/home/cssVars/declarations/noColors.css +452 -0
  106. package/themes/home/cssVars/declarations/noSizes.css +1 -3
  107. package/themes/home/cssVars/declarations/onlyMedia.css +5 -1
  108. package/themes/home/cssVars/declarations/onlyVariables.css +6 -1
  109. package/themes/home/cssVars/declarations/onlyVariables.js +2 -2
  110. package/themes/home/cssVars/declarations/onlyVariablesLocal.css +497 -0
  111. package/themes/home/cssVars/theme/fallbacks/index.css +8 -3
  112. package/themes/home/cssVars/theme/fallbacks/index.less +6 -1
  113. package/themes/home/cssVars/theme/fallbacks/index.pcss +6 -1
  114. package/themes/home/cssVars/theme/fallbacks/index.scss +7 -2
  115. package/themes/home/cssVars/theme/fallbacks/index.styl +6 -1
  116. package/themes/home/cssVars/theme/index.js +45 -1
  117. package/themes/home/cssVars/theme/index.json +45 -1
  118. package/themes/home/index.css +8 -3
  119. package/themes/home/index.js +14 -1
  120. package/themes/home/index.json +14 -1
  121. package/themes/home/index.less +6 -1
  122. package/themes/home/index.pcss +6 -1
  123. package/themes/home/index.scss +7 -2
  124. package/themes/home/index.styl +6 -1
  125. package/themes/homeDark/cssVars/declarations/index.css +12 -4
  126. package/themes/homeDark/cssVars/declarations/noColors.css +466 -0
  127. package/themes/homeDark/cssVars/declarations/onlyMedia.css +5 -1
  128. package/themes/homeDark/cssVars/declarations/onlyVariables.css +5 -1
  129. package/themes/homeDark/cssVars/declarations/onlyVariables.js +2 -2
  130. package/themes/homeDark/cssVars/declarations/onlyVariablesLocal.css +496 -0
  131. package/themes/homeDark/cssVars/theme/fallbacks/index.css +7 -3
  132. package/themes/homeDark/cssVars/theme/fallbacks/index.less +5 -1
  133. package/themes/homeDark/cssVars/theme/fallbacks/index.pcss +5 -1
  134. package/themes/homeDark/cssVars/theme/fallbacks/index.scss +6 -2
  135. package/themes/homeDark/cssVars/theme/fallbacks/index.styl +5 -1
  136. package/themes/homeDark/cssVars/theme/index.js +41 -1
  137. package/themes/homeDark/cssVars/theme/index.json +41 -1
  138. package/themes/homeDark/index.css +7 -3
  139. package/themes/homeDark/index.js +13 -1
  140. package/themes/homeDark/index.json +13 -1
  141. package/themes/homeDark/index.less +5 -1
  142. package/themes/homeDark/index.pcss +5 -1
  143. package/themes/homeDark/index.scss +6 -2
  144. package/themes/homeDark/index.styl +5 -1
  145. package/themes/media/cssVars/declarations/index.css +14 -5
  146. package/themes/media/cssVars/declarations/noColors.css +638 -0
  147. package/themes/media/cssVars/declarations/noSizes.css +1 -0
  148. package/themes/media/cssVars/declarations/onlyMedia.css +4 -0
  149. package/themes/media/cssVars/declarations/onlyVariables.css +6 -1
  150. package/themes/media/cssVars/declarations/onlyVariables.js +2 -2
  151. package/themes/media/cssVars/declarations/onlyVariablesLocal.css +625 -0
  152. package/themes/media/cssVars/theme/fallbacks/index.css +10 -5
  153. package/themes/media/cssVars/theme/fallbacks/index.less +7 -2
  154. package/themes/media/cssVars/theme/fallbacks/index.pcss +7 -2
  155. package/themes/media/cssVars/theme/fallbacks/index.scss +10 -5
  156. package/themes/media/cssVars/theme/fallbacks/index.styl +7 -2
  157. package/themes/media/cssVars/theme/index.js +45 -1
  158. package/themes/media/cssVars/theme/index.json +45 -1
  159. package/themes/media/index.css +10 -5
  160. package/themes/media/index.js +14 -1
  161. package/themes/media/index.json +14 -1
  162. package/themes/media/index.less +7 -2
  163. package/themes/media/index.pcss +7 -2
  164. package/themes/media/index.scss +10 -5
  165. package/themes/media/index.styl +7 -2
  166. package/themes/mediaDark/cssVars/declarations/index.css +14 -5
  167. package/themes/mediaDark/cssVars/declarations/noColors.css +638 -0
  168. package/themes/mediaDark/cssVars/declarations/noSizes.css +1 -0
  169. package/themes/mediaDark/cssVars/declarations/onlyMedia.css +4 -0
  170. package/themes/mediaDark/cssVars/declarations/onlyVariables.css +6 -1
  171. package/themes/mediaDark/cssVars/declarations/onlyVariables.js +2 -2
  172. package/themes/mediaDark/cssVars/declarations/onlyVariablesLocal.css +625 -0
  173. package/themes/mediaDark/cssVars/theme/fallbacks/index.css +10 -5
  174. package/themes/mediaDark/cssVars/theme/fallbacks/index.less +7 -2
  175. package/themes/mediaDark/cssVars/theme/fallbacks/index.pcss +7 -2
  176. package/themes/mediaDark/cssVars/theme/fallbacks/index.scss +10 -5
  177. package/themes/mediaDark/cssVars/theme/fallbacks/index.styl +7 -2
  178. package/themes/mediaDark/cssVars/theme/index.js +45 -1
  179. package/themes/mediaDark/cssVars/theme/index.json +45 -1
  180. package/themes/mediaDark/index.css +10 -5
  181. package/themes/mediaDark/index.js +14 -1
  182. package/themes/mediaDark/index.json +14 -1
  183. package/themes/mediaDark/index.less +7 -2
  184. package/themes/mediaDark/index.pcss +7 -2
  185. package/themes/mediaDark/index.scss +10 -5
  186. package/themes/mediaDark/index.styl +7 -2
  187. package/themes/mycom/cssVars/declarations/index.css +14 -5
  188. package/themes/mycom/cssVars/declarations/noColors.css +637 -0
  189. package/themes/mycom/cssVars/declarations/noSizes.css +1 -0
  190. package/themes/mycom/cssVars/declarations/onlyMedia.css +4 -0
  191. package/themes/mycom/cssVars/declarations/onlyVariables.css +6 -1
  192. package/themes/mycom/cssVars/declarations/onlyVariables.js +2 -2
  193. package/themes/mycom/cssVars/declarations/onlyVariablesLocal.css +627 -0
  194. package/themes/mycom/cssVars/theme/fallbacks/index.css +10 -5
  195. package/themes/mycom/cssVars/theme/fallbacks/index.less +7 -2
  196. package/themes/mycom/cssVars/theme/fallbacks/index.pcss +7 -2
  197. package/themes/mycom/cssVars/theme/fallbacks/index.scss +10 -5
  198. package/themes/mycom/cssVars/theme/fallbacks/index.styl +7 -2
  199. package/themes/mycom/cssVars/theme/index.js +45 -1
  200. package/themes/mycom/cssVars/theme/index.json +45 -1
  201. package/themes/mycom/index.css +10 -5
  202. package/themes/mycom/index.js +14 -1
  203. package/themes/mycom/index.json +14 -1
  204. package/themes/mycom/index.less +7 -2
  205. package/themes/mycom/index.pcss +7 -2
  206. package/themes/mycom/index.scss +10 -5
  207. package/themes/mycom/index.styl +7 -2
  208. package/themes/octavius/cssVars/declarations/index.css +12 -4
  209. package/themes/octavius/cssVars/declarations/noColors.css +474 -0
  210. package/themes/octavius/cssVars/declarations/onlyMedia.css +5 -1
  211. package/themes/octavius/cssVars/declarations/onlyVariables.css +5 -1
  212. package/themes/octavius/cssVars/declarations/onlyVariables.js +2 -2
  213. package/themes/octavius/cssVars/declarations/onlyVariablesLocal.css +841 -0
  214. package/themes/octavius/cssVars/theme/fallbacks/index.css +7 -3
  215. package/themes/octavius/cssVars/theme/fallbacks/index.less +5 -1
  216. package/themes/octavius/cssVars/theme/fallbacks/index.pcss +5 -1
  217. package/themes/octavius/cssVars/theme/fallbacks/index.scss +6 -2
  218. package/themes/octavius/cssVars/theme/fallbacks/index.styl +5 -1
  219. package/themes/octavius/cssVars/theme/index.js +41 -1
  220. package/themes/octavius/cssVars/theme/index.json +41 -1
  221. package/themes/octavius/index.css +7 -3
  222. package/themes/octavius/index.js +13 -1
  223. package/themes/octavius/index.json +13 -1
  224. package/themes/octavius/index.less +5 -1
  225. package/themes/octavius/index.pcss +5 -1
  226. package/themes/octavius/index.scss +6 -2
  227. package/themes/octavius/index.styl +5 -1
  228. package/themes/octaviusCompact/cssVars/declarations/index.css +12 -4
  229. package/themes/octaviusCompact/cssVars/declarations/noColors.css +475 -0
  230. package/themes/octaviusCompact/cssVars/declarations/onlyMedia.css +5 -1
  231. package/themes/octaviusCompact/cssVars/declarations/onlyVariables.css +5 -1
  232. package/themes/octaviusCompact/cssVars/declarations/onlyVariables.js +2 -2
  233. package/themes/octaviusCompact/cssVars/declarations/onlyVariablesLocal.css +842 -0
  234. package/themes/octaviusCompact/cssVars/theme/fallbacks/index.css +7 -3
  235. package/themes/octaviusCompact/cssVars/theme/fallbacks/index.less +5 -1
  236. package/themes/octaviusCompact/cssVars/theme/fallbacks/index.pcss +5 -1
  237. package/themes/octaviusCompact/cssVars/theme/fallbacks/index.scss +6 -2
  238. package/themes/octaviusCompact/cssVars/theme/fallbacks/index.styl +5 -1
  239. package/themes/octaviusCompact/cssVars/theme/index.js +41 -1
  240. package/themes/octaviusCompact/cssVars/theme/index.json +41 -1
  241. package/themes/octaviusCompact/index.css +7 -3
  242. package/themes/octaviusCompact/index.js +13 -1
  243. package/themes/octaviusCompact/index.json +13 -1
  244. package/themes/octaviusCompact/index.less +5 -1
  245. package/themes/octaviusCompact/index.pcss +5 -1
  246. package/themes/octaviusCompact/index.scss +6 -2
  247. package/themes/octaviusCompact/index.styl +5 -1
  248. package/themes/octaviusCompactDark/cssVars/declarations/index.css +12 -4
  249. package/themes/octaviusCompactDark/cssVars/declarations/noColors.css +475 -0
  250. package/themes/octaviusCompactDark/cssVars/declarations/onlyMedia.css +5 -1
  251. package/themes/octaviusCompactDark/cssVars/declarations/onlyVariables.css +5 -1
  252. package/themes/octaviusCompactDark/cssVars/declarations/onlyVariables.js +2 -2
  253. package/themes/octaviusCompactDark/cssVars/declarations/onlyVariablesLocal.css +842 -0
  254. package/themes/octaviusCompactDark/cssVars/theme/fallbacks/index.css +7 -3
  255. package/themes/octaviusCompactDark/cssVars/theme/fallbacks/index.less +5 -1
  256. package/themes/octaviusCompactDark/cssVars/theme/fallbacks/index.pcss +5 -1
  257. package/themes/octaviusCompactDark/cssVars/theme/fallbacks/index.scss +6 -2
  258. package/themes/octaviusCompactDark/cssVars/theme/fallbacks/index.styl +5 -1
  259. package/themes/octaviusCompactDark/cssVars/theme/index.js +41 -1
  260. package/themes/octaviusCompactDark/cssVars/theme/index.json +41 -1
  261. package/themes/octaviusCompactDark/index.css +7 -3
  262. package/themes/octaviusCompactDark/index.js +13 -1
  263. package/themes/octaviusCompactDark/index.json +13 -1
  264. package/themes/octaviusCompactDark/index.less +5 -1
  265. package/themes/octaviusCompactDark/index.pcss +5 -1
  266. package/themes/octaviusCompactDark/index.scss +6 -2
  267. package/themes/octaviusCompactDark/index.styl +5 -1
  268. package/themes/octaviusDark/cssVars/declarations/index.css +12 -4
  269. package/themes/octaviusDark/cssVars/declarations/noColors.css +474 -0
  270. package/themes/octaviusDark/cssVars/declarations/onlyMedia.css +5 -1
  271. package/themes/octaviusDark/cssVars/declarations/onlyVariables.css +5 -1
  272. package/themes/octaviusDark/cssVars/declarations/onlyVariables.js +2 -2
  273. package/themes/octaviusDark/cssVars/declarations/onlyVariablesLocal.css +841 -0
  274. package/themes/octaviusDark/cssVars/theme/fallbacks/index.css +7 -3
  275. package/themes/octaviusDark/cssVars/theme/fallbacks/index.less +5 -1
  276. package/themes/octaviusDark/cssVars/theme/fallbacks/index.pcss +5 -1
  277. package/themes/octaviusDark/cssVars/theme/fallbacks/index.scss +6 -2
  278. package/themes/octaviusDark/cssVars/theme/fallbacks/index.styl +5 -1
  279. package/themes/octaviusDark/cssVars/theme/index.js +41 -1
  280. package/themes/octaviusDark/cssVars/theme/index.json +41 -1
  281. package/themes/octaviusDark/index.css +7 -3
  282. package/themes/octaviusDark/index.js +13 -1
  283. package/themes/octaviusDark/index.json +13 -1
  284. package/themes/octaviusDark/index.less +5 -1
  285. package/themes/octaviusDark/index.pcss +5 -1
  286. package/themes/octaviusDark/index.scss +6 -2
  287. package/themes/octaviusDark/index.styl +5 -1
  288. package/themes/octaviusVK/cssVars/declarations/index.css +59 -51
  289. package/themes/octaviusVK/cssVars/declarations/noColors.css +519 -0
  290. package/themes/octaviusVK/cssVars/declarations/noSizes.css +51 -51
  291. package/themes/octaviusVK/cssVars/declarations/onlyColors.css +51 -51
  292. package/themes/octaviusVK/cssVars/declarations/onlyColors.js +2 -2
  293. package/themes/octaviusVK/cssVars/declarations/onlyMedia.css +4 -0
  294. package/themes/octaviusVK/cssVars/declarations/onlyVariables.css +55 -51
  295. package/themes/octaviusVK/cssVars/declarations/onlyVariables.js +2 -2
  296. package/themes/octaviusVK/cssVars/declarations/onlyVariablesLocal.css +854 -0
  297. package/themes/octaviusVK/cssVars/theme/fallbacks/index.css +55 -51
  298. package/themes/octaviusVK/cssVars/theme/fallbacks/index.less +55 -51
  299. package/themes/octaviusVK/cssVars/theme/fallbacks/index.pcss +55 -51
  300. package/themes/octaviusVK/cssVars/theme/fallbacks/index.scss +55 -51
  301. package/themes/octaviusVK/cssVars/theme/fallbacks/index.styl +55 -51
  302. package/themes/octaviusVK/cssVars/theme/index.js +91 -51
  303. package/themes/octaviusVK/cssVars/theme/index.json +91 -51
  304. package/themes/octaviusVK/index.css +55 -51
  305. package/themes/octaviusVK/index.js +63 -51
  306. package/themes/octaviusVK/index.json +63 -51
  307. package/themes/octaviusVK/index.less +55 -51
  308. package/themes/octaviusVK/index.pcss +55 -51
  309. package/themes/octaviusVK/index.scss +55 -51
  310. package/themes/octaviusVK/index.styl +55 -51
  311. package/themes/octaviusVKDark/cssVars/declarations/index.css +51 -43
  312. package/themes/octaviusVKDark/cssVars/declarations/noColors.css +519 -0
  313. package/themes/octaviusVKDark/cssVars/declarations/noSizes.css +43 -43
  314. package/themes/octaviusVKDark/cssVars/declarations/onlyColors.css +43 -43
  315. package/themes/octaviusVKDark/cssVars/declarations/onlyColors.js +2 -2
  316. package/themes/octaviusVKDark/cssVars/declarations/onlyMedia.css +4 -0
  317. package/themes/octaviusVKDark/cssVars/declarations/onlyVariables.css +47 -43
  318. package/themes/octaviusVKDark/cssVars/declarations/onlyVariables.js +2 -2
  319. package/themes/octaviusVKDark/cssVars/declarations/onlyVariablesLocal.css +854 -0
  320. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.css +47 -43
  321. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.less +47 -43
  322. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.pcss +47 -43
  323. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.scss +47 -43
  324. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.styl +47 -43
  325. package/themes/octaviusVKDark/cssVars/theme/index.js +83 -43
  326. package/themes/octaviusVKDark/cssVars/theme/index.json +83 -43
  327. package/themes/octaviusVKDark/index.css +47 -43
  328. package/themes/octaviusVKDark/index.js +55 -43
  329. package/themes/octaviusVKDark/index.json +55 -43
  330. package/themes/octaviusVKDark/index.less +47 -43
  331. package/themes/octaviusVKDark/index.pcss +47 -43
  332. package/themes/octaviusVKDark/index.scss +47 -43
  333. package/themes/octaviusVKDark/index.styl +47 -43
  334. package/themes/octaviusWhite/cssVars/declarations/index.css +12 -4
  335. package/themes/octaviusWhite/cssVars/declarations/noColors.css +474 -0
  336. package/themes/octaviusWhite/cssVars/declarations/onlyMedia.css +5 -1
  337. package/themes/octaviusWhite/cssVars/declarations/onlyVariables.css +5 -1
  338. package/themes/octaviusWhite/cssVars/declarations/onlyVariables.js +2 -2
  339. package/themes/octaviusWhite/cssVars/declarations/onlyVariablesLocal.css +841 -0
  340. package/themes/octaviusWhite/cssVars/theme/fallbacks/index.css +7 -3
  341. package/themes/octaviusWhite/cssVars/theme/fallbacks/index.less +5 -1
  342. package/themes/octaviusWhite/cssVars/theme/fallbacks/index.pcss +5 -1
  343. package/themes/octaviusWhite/cssVars/theme/fallbacks/index.scss +6 -2
  344. package/themes/octaviusWhite/cssVars/theme/fallbacks/index.styl +5 -1
  345. package/themes/octaviusWhite/cssVars/theme/index.js +41 -1
  346. package/themes/octaviusWhite/cssVars/theme/index.json +41 -1
  347. package/themes/octaviusWhite/index.css +7 -3
  348. package/themes/octaviusWhite/index.js +13 -1
  349. package/themes/octaviusWhite/index.json +13 -1
  350. package/themes/octaviusWhite/index.less +5 -1
  351. package/themes/octaviusWhite/index.pcss +5 -1
  352. package/themes/octaviusWhite/index.scss +6 -2
  353. package/themes/octaviusWhite/index.styl +5 -1
  354. package/themes/otvet/cssVars/declarations/index.css +13 -4
  355. package/themes/otvet/cssVars/declarations/noColors.css +413 -0
  356. package/themes/otvet/cssVars/declarations/noSizes.css +1 -0
  357. package/themes/otvet/cssVars/declarations/onlyMedia.css +5 -1
  358. package/themes/otvet/cssVars/declarations/onlyVariables.css +6 -1
  359. package/themes/otvet/cssVars/declarations/onlyVariables.js +2 -2
  360. package/themes/otvet/cssVars/declarations/onlyVariablesLocal.css +463 -0
  361. package/themes/otvet/cssVars/theme/fallbacks/index.css +8 -3
  362. package/themes/otvet/cssVars/theme/fallbacks/index.less +6 -1
  363. package/themes/otvet/cssVars/theme/fallbacks/index.pcss +6 -1
  364. package/themes/otvet/cssVars/theme/fallbacks/index.scss +7 -2
  365. package/themes/otvet/cssVars/theme/fallbacks/index.styl +6 -1
  366. package/themes/otvet/cssVars/theme/index.js +45 -1
  367. package/themes/otvet/cssVars/theme/index.json +45 -1
  368. package/themes/otvet/index.css +8 -3
  369. package/themes/otvet/index.js +14 -1
  370. package/themes/otvet/index.json +14 -1
  371. package/themes/otvet/index.less +6 -1
  372. package/themes/otvet/index.pcss +6 -1
  373. package/themes/otvet/index.scss +7 -2
  374. package/themes/otvet/index.styl +6 -1
  375. package/themes/otvetDark/cssVars/declarations/index.css +13 -4
  376. package/themes/otvetDark/cssVars/declarations/noColors.css +413 -0
  377. package/themes/otvetDark/cssVars/declarations/noSizes.css +1 -0
  378. package/themes/otvetDark/cssVars/declarations/onlyMedia.css +5 -1
  379. package/themes/otvetDark/cssVars/declarations/onlyVariables.css +6 -1
  380. package/themes/otvetDark/cssVars/declarations/onlyVariables.js +2 -2
  381. package/themes/otvetDark/cssVars/declarations/onlyVariablesLocal.css +463 -0
  382. package/themes/otvetDark/cssVars/theme/fallbacks/index.css +8 -3
  383. package/themes/otvetDark/cssVars/theme/fallbacks/index.less +6 -1
  384. package/themes/otvetDark/cssVars/theme/fallbacks/index.pcss +6 -1
  385. package/themes/otvetDark/cssVars/theme/fallbacks/index.scss +7 -2
  386. package/themes/otvetDark/cssVars/theme/fallbacks/index.styl +6 -1
  387. package/themes/otvetDark/cssVars/theme/index.js +45 -1
  388. package/themes/otvetDark/cssVars/theme/index.json +45 -1
  389. package/themes/otvetDark/index.css +8 -3
  390. package/themes/otvetDark/index.js +14 -1
  391. package/themes/otvetDark/index.json +14 -1
  392. package/themes/otvetDark/index.less +6 -1
  393. package/themes/otvetDark/index.pcss +6 -1
  394. package/themes/otvetDark/index.scss +7 -2
  395. package/themes/otvetDark/index.styl +6 -1
  396. package/themes/paradigmBase/cssVars/declarations/index.css +12 -4
  397. package/themes/paradigmBase/cssVars/declarations/noColors.css +448 -0
  398. package/themes/paradigmBase/cssVars/declarations/onlyMedia.css +5 -1
  399. package/themes/paradigmBase/cssVars/declarations/onlyVariables.css +5 -1
  400. package/themes/paradigmBase/cssVars/declarations/onlyVariables.js +2 -2
  401. package/themes/paradigmBase/cssVars/declarations/onlyVariablesLocal.css +478 -0
  402. package/themes/paradigmBase/cssVars/theme/fallbacks/index.css +7 -3
  403. package/themes/paradigmBase/cssVars/theme/fallbacks/index.less +5 -1
  404. package/themes/paradigmBase/cssVars/theme/fallbacks/index.pcss +5 -1
  405. package/themes/paradigmBase/cssVars/theme/fallbacks/index.scss +6 -2
  406. package/themes/paradigmBase/cssVars/theme/fallbacks/index.styl +5 -1
  407. package/themes/paradigmBase/cssVars/theme/index.js +41 -1
  408. package/themes/paradigmBase/cssVars/theme/index.json +41 -1
  409. package/themes/paradigmBase/index.css +7 -3
  410. package/themes/paradigmBase/index.js +13 -1
  411. package/themes/paradigmBase/index.json +13 -1
  412. package/themes/paradigmBase/index.less +5 -1
  413. package/themes/paradigmBase/index.pcss +5 -1
  414. package/themes/paradigmBase/index.scss +6 -2
  415. package/themes/paradigmBase/index.styl +5 -1
  416. package/themes/paradigmBaseDark/cssVars/declarations/index.css +12 -4
  417. package/themes/paradigmBaseDark/cssVars/declarations/noColors.css +448 -0
  418. package/themes/paradigmBaseDark/cssVars/declarations/onlyMedia.css +5 -1
  419. package/themes/paradigmBaseDark/cssVars/declarations/onlyVariables.css +5 -1
  420. package/themes/paradigmBaseDark/cssVars/declarations/onlyVariables.js +2 -2
  421. package/themes/paradigmBaseDark/cssVars/declarations/onlyVariablesLocal.css +478 -0
  422. package/themes/paradigmBaseDark/cssVars/theme/fallbacks/index.css +7 -3
  423. package/themes/paradigmBaseDark/cssVars/theme/fallbacks/index.less +5 -1
  424. package/themes/paradigmBaseDark/cssVars/theme/fallbacks/index.pcss +5 -1
  425. package/themes/paradigmBaseDark/cssVars/theme/fallbacks/index.scss +6 -2
  426. package/themes/paradigmBaseDark/cssVars/theme/fallbacks/index.styl +5 -1
  427. package/themes/paradigmBaseDark/cssVars/theme/index.js +41 -1
  428. package/themes/paradigmBaseDark/cssVars/theme/index.json +41 -1
  429. package/themes/paradigmBaseDark/index.css +7 -3
  430. package/themes/paradigmBaseDark/index.js +13 -1
  431. package/themes/paradigmBaseDark/index.json +13 -1
  432. package/themes/paradigmBaseDark/index.less +5 -1
  433. package/themes/paradigmBaseDark/index.pcss +5 -1
  434. package/themes/paradigmBaseDark/index.scss +6 -2
  435. package/themes/paradigmBaseDark/index.styl +5 -1
  436. package/themes/pharma/cssVars/declarations/index.css +14 -5
  437. package/themes/pharma/cssVars/declarations/noColors.css +638 -0
  438. package/themes/pharma/cssVars/declarations/noSizes.css +1 -0
  439. package/themes/pharma/cssVars/declarations/onlyMedia.css +4 -0
  440. package/themes/pharma/cssVars/declarations/onlyVariables.css +6 -1
  441. package/themes/pharma/cssVars/declarations/onlyVariables.js +2 -2
  442. package/themes/pharma/cssVars/declarations/onlyVariablesLocal.css +628 -0
  443. package/themes/pharma/cssVars/theme/fallbacks/index.css +10 -5
  444. package/themes/pharma/cssVars/theme/fallbacks/index.less +7 -2
  445. package/themes/pharma/cssVars/theme/fallbacks/index.pcss +7 -2
  446. package/themes/pharma/cssVars/theme/fallbacks/index.scss +10 -5
  447. package/themes/pharma/cssVars/theme/fallbacks/index.styl +7 -2
  448. package/themes/pharma/cssVars/theme/index.js +45 -1
  449. package/themes/pharma/cssVars/theme/index.json +45 -1
  450. package/themes/pharma/index.css +10 -5
  451. package/themes/pharma/index.js +14 -1
  452. package/themes/pharma/index.json +14 -1
  453. package/themes/pharma/index.less +7 -2
  454. package/themes/pharma/index.pcss +7 -2
  455. package/themes/pharma/index.scss +10 -5
  456. package/themes/pharma/index.styl +7 -2
  457. package/themes/promo/cssVars/declarations/index.css +13 -4
  458. package/themes/promo/cssVars/declarations/noColors.css +732 -0
  459. package/themes/promo/cssVars/declarations/noSizes.css +1 -0
  460. package/themes/promo/cssVars/declarations/onlyMedia.css +5 -1
  461. package/themes/promo/cssVars/declarations/onlyVariables.css +6 -1
  462. package/themes/promo/cssVars/declarations/onlyVariables.js +2 -2
  463. package/themes/promo/cssVars/declarations/onlyVariablesLocal.css +636 -0
  464. package/themes/promo/cssVars/theme/fallbacks/index.css +8 -3
  465. package/themes/promo/cssVars/theme/fallbacks/index.less +6 -1
  466. package/themes/promo/cssVars/theme/fallbacks/index.pcss +6 -1
  467. package/themes/promo/cssVars/theme/fallbacks/index.scss +7 -2
  468. package/themes/promo/cssVars/theme/fallbacks/index.styl +6 -1
  469. package/themes/promo/cssVars/theme/index.js +45 -1
  470. package/themes/promo/cssVars/theme/index.json +45 -1
  471. package/themes/promo/index.css +8 -3
  472. package/themes/promo/index.js +14 -1
  473. package/themes/promo/index.json +14 -1
  474. package/themes/promo/index.less +6 -1
  475. package/themes/promo/index.pcss +6 -1
  476. package/themes/promo/index.scss +7 -2
  477. package/themes/promo/index.styl +6 -1
  478. package/themes/todo/cssVars/declarations/index.css +13 -4
  479. package/themes/todo/cssVars/declarations/noColors.css +449 -0
  480. package/themes/todo/cssVars/declarations/noSizes.css +1 -0
  481. package/themes/todo/cssVars/declarations/onlyMedia.css +5 -1
  482. package/themes/todo/cssVars/declarations/onlyVariables.css +6 -1
  483. package/themes/todo/cssVars/declarations/onlyVariables.js +2 -2
  484. package/themes/todo/cssVars/declarations/onlyVariablesLocal.css +479 -0
  485. package/themes/todo/cssVars/theme/fallbacks/index.css +8 -3
  486. package/themes/todo/cssVars/theme/fallbacks/index.less +6 -1
  487. package/themes/todo/cssVars/theme/fallbacks/index.pcss +6 -1
  488. package/themes/todo/cssVars/theme/fallbacks/index.scss +7 -2
  489. package/themes/todo/cssVars/theme/fallbacks/index.styl +6 -1
  490. package/themes/todo/cssVars/theme/index.js +45 -1
  491. package/themes/todo/cssVars/theme/index.json +45 -1
  492. package/themes/todo/index.css +8 -3
  493. package/themes/todo/index.js +14 -1
  494. package/themes/todo/index.json +14 -1
  495. package/themes/todo/index.less +6 -1
  496. package/themes/todo/index.pcss +6 -1
  497. package/themes/todo/index.scss +7 -2
  498. package/themes/todo/index.styl +6 -1
  499. package/themes/vkBase/cssVars/declarations/index.css +132 -127
  500. package/themes/vkBase/cssVars/declarations/noColors.css +332 -0
  501. package/themes/vkBase/cssVars/declarations/noSizes.css +124 -123
  502. package/themes/vkBase/cssVars/declarations/onlyColors.css +123 -123
  503. package/themes/vkBase/cssVars/declarations/onlyColors.js +2 -2
  504. package/themes/vkBase/cssVars/declarations/onlyVariables.css +130 -125
  505. package/themes/vkBase/cssVars/declarations/onlyVariables.js +2 -2
  506. package/themes/vkBase/cssVars/declarations/onlyVariablesLocal.css +378 -0
  507. package/themes/vkBase/cssVars/theme/fallbacks/index.css +132 -127
  508. package/themes/vkBase/cssVars/theme/fallbacks/index.less +130 -125
  509. package/themes/vkBase/cssVars/theme/fallbacks/index.pcss +130 -125
  510. package/themes/vkBase/cssVars/theme/fallbacks/index.scss +131 -126
  511. package/themes/vkBase/cssVars/theme/fallbacks/index.styl +130 -125
  512. package/themes/vkBase/cssVars/theme/index.js +483 -439
  513. package/themes/vkBase/cssVars/theme/index.json +483 -439
  514. package/themes/vkBase/index.css +132 -127
  515. package/themes/vkBase/index.js +194 -181
  516. package/themes/vkBase/index.json +194 -181
  517. package/themes/vkBase/index.less +130 -125
  518. package/themes/vkBase/index.pcss +130 -125
  519. package/themes/vkBase/index.scss +131 -126
  520. package/themes/vkBase/index.styl +130 -125
  521. package/themes/vkBaseDark/cssVars/declarations/index.css +133 -128
  522. package/themes/vkBaseDark/cssVars/declarations/noColors.css +332 -0
  523. package/themes/vkBaseDark/cssVars/declarations/noSizes.css +125 -124
  524. package/themes/vkBaseDark/cssVars/declarations/onlyColors.css +124 -124
  525. package/themes/vkBaseDark/cssVars/declarations/onlyColors.js +2 -2
  526. package/themes/vkBaseDark/cssVars/declarations/onlyVariables.css +131 -126
  527. package/themes/vkBaseDark/cssVars/declarations/onlyVariables.js +2 -2
  528. package/themes/vkBaseDark/cssVars/declarations/onlyVariablesLocal.css +378 -0
  529. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.css +133 -128
  530. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.less +131 -126
  531. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.pcss +131 -126
  532. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.scss +132 -127
  533. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.styl +131 -126
  534. package/themes/vkBaseDark/cssVars/theme/index.js +496 -452
  535. package/themes/vkBaseDark/cssVars/theme/index.json +496 -452
  536. package/themes/vkBaseDark/index.css +133 -128
  537. package/themes/vkBaseDark/index.js +204 -191
  538. package/themes/vkBaseDark/index.json +204 -191
  539. package/themes/vkBaseDark/index.less +131 -126
  540. package/themes/vkBaseDark/index.pcss +131 -126
  541. package/themes/vkBaseDark/index.scss +132 -127
  542. package/themes/vkBaseDark/index.styl +131 -126
  543. package/themes/vkCom/cssVars/declarations/index.css +133 -128
  544. package/themes/vkCom/cssVars/declarations/noColors.css +332 -0
  545. package/themes/vkCom/cssVars/declarations/noSizes.css +124 -123
  546. package/themes/vkCom/cssVars/declarations/onlyColors.css +123 -123
  547. package/themes/vkCom/cssVars/declarations/onlyColors.js +2 -2
  548. package/themes/vkCom/cssVars/declarations/onlyVariables.css +131 -126
  549. package/themes/vkCom/cssVars/declarations/onlyVariables.js +2 -2
  550. package/themes/vkCom/cssVars/declarations/onlyVariablesLocal.css +378 -0
  551. package/themes/vkCom/cssVars/theme/fallbacks/index.css +133 -128
  552. package/themes/vkCom/cssVars/theme/fallbacks/index.less +131 -126
  553. package/themes/vkCom/cssVars/theme/fallbacks/index.pcss +131 -126
  554. package/themes/vkCom/cssVars/theme/fallbacks/index.scss +132 -127
  555. package/themes/vkCom/cssVars/theme/fallbacks/index.styl +131 -126
  556. package/themes/vkCom/cssVars/theme/index.js +484 -440
  557. package/themes/vkCom/cssVars/theme/index.json +484 -440
  558. package/themes/vkCom/index.css +133 -128
  559. package/themes/vkCom/index.js +195 -182
  560. package/themes/vkCom/index.json +195 -182
  561. package/themes/vkCom/index.less +131 -126
  562. package/themes/vkCom/index.pcss +131 -126
  563. package/themes/vkCom/index.scss +132 -127
  564. package/themes/vkCom/index.styl +131 -126
  565. package/themes/vkComDark/cssVars/declarations/index.css +670 -0
  566. package/themes/vkComDark/cssVars/declarations/noColors.css +332 -0
  567. package/themes/vkComDark/cssVars/declarations/noSizes.css +249 -0
  568. package/themes/vkComDark/cssVars/declarations/onlyAdaptiveGroups.css +102 -0
  569. package/themes/vkComDark/cssVars/declarations/onlyColors.css +236 -0
  570. package/themes/vkComDark/cssVars/declarations/onlyColors.d.ts +3 -0
  571. package/themes/vkComDark/cssVars/declarations/onlyColors.js +11 -0
  572. package/themes/vkComDark/cssVars/declarations/onlyVariables.css +378 -0
  573. package/themes/vkComDark/cssVars/declarations/onlyVariables.d.ts +3 -0
  574. package/themes/vkComDark/cssVars/declarations/onlyVariables.js +11 -0
  575. package/themes/vkComDark/cssVars/declarations/onlyVariablesLocal.css +378 -0
  576. package/themes/vkComDark/cssVars/theme/fallbacks/index.css +567 -0
  577. package/themes/vkComDark/cssVars/theme/fallbacks/index.less +410 -0
  578. package/themes/vkComDark/cssVars/theme/fallbacks/index.pcss +411 -0
  579. package/themes/vkComDark/cssVars/theme/fallbacks/index.scss +526 -0
  580. package/themes/vkComDark/cssVars/theme/fallbacks/index.styl +410 -0
  581. package/themes/vkComDark/cssVars/theme/index.d.ts +4 -0
  582. package/themes/vkComDark/cssVars/theme/index.js +2270 -0
  583. package/themes/vkComDark/cssVars/theme/index.json +2267 -0
  584. package/themes/vkComDark/index.css +567 -0
  585. package/themes/vkComDark/index.d.ts +4 -0
  586. package/themes/vkComDark/index.js +670 -0
  587. package/themes/vkComDark/index.json +667 -0
  588. package/themes/vkComDark/index.less +410 -0
  589. package/themes/vkComDark/index.pcss +411 -0
  590. package/themes/vkComDark/index.scss +526 -0
  591. package/themes/vkComDark/index.styl +410 -0
  592. package/themes/vkIOS/cssVars/declarations/index.css +132 -127
  593. package/themes/vkIOS/cssVars/declarations/noColors.css +332 -0
  594. package/themes/vkIOS/cssVars/declarations/noSizes.css +124 -123
  595. package/themes/vkIOS/cssVars/declarations/onlyColors.css +123 -123
  596. package/themes/vkIOS/cssVars/declarations/onlyColors.js +2 -2
  597. package/themes/vkIOS/cssVars/declarations/onlyVariables.css +130 -125
  598. package/themes/vkIOS/cssVars/declarations/onlyVariables.js +2 -2
  599. package/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css +378 -0
  600. package/themes/vkIOS/cssVars/theme/fallbacks/index.css +132 -127
  601. package/themes/vkIOS/cssVars/theme/fallbacks/index.less +130 -125
  602. package/themes/vkIOS/cssVars/theme/fallbacks/index.pcss +130 -125
  603. package/themes/vkIOS/cssVars/theme/fallbacks/index.scss +131 -126
  604. package/themes/vkIOS/cssVars/theme/fallbacks/index.styl +130 -125
  605. package/themes/vkIOS/cssVars/theme/index.js +483 -439
  606. package/themes/vkIOS/cssVars/theme/index.json +483 -439
  607. package/themes/vkIOS/index.css +132 -127
  608. package/themes/vkIOS/index.js +194 -181
  609. package/themes/vkIOS/index.json +194 -181
  610. package/themes/vkIOS/index.less +130 -125
  611. package/themes/vkIOS/index.pcss +130 -125
  612. package/themes/vkIOS/index.scss +131 -126
  613. package/themes/vkIOS/index.styl +130 -125
  614. package/themes/vkIOSDark/cssVars/declarations/index.css +670 -0
  615. package/themes/vkIOSDark/cssVars/declarations/noColors.css +332 -0
  616. package/themes/vkIOSDark/cssVars/declarations/noSizes.css +249 -0
  617. package/themes/vkIOSDark/cssVars/declarations/onlyAdaptiveGroups.css +102 -0
  618. package/themes/vkIOSDark/cssVars/declarations/onlyColors.css +236 -0
  619. package/themes/vkIOSDark/cssVars/declarations/onlyColors.d.ts +3 -0
  620. package/themes/vkIOSDark/cssVars/declarations/onlyColors.js +11 -0
  621. package/themes/vkIOSDark/cssVars/declarations/onlyVariables.css +378 -0
  622. package/themes/vkIOSDark/cssVars/declarations/onlyVariables.d.ts +3 -0
  623. package/themes/vkIOSDark/cssVars/declarations/onlyVariables.js +11 -0
  624. package/themes/vkIOSDark/cssVars/declarations/onlyVariablesLocal.css +378 -0
  625. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.css +567 -0
  626. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.less +410 -0
  627. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.pcss +411 -0
  628. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.scss +526 -0
  629. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.styl +410 -0
  630. package/themes/vkIOSDark/cssVars/theme/index.d.ts +4 -0
  631. package/themes/vkIOSDark/cssVars/theme/index.js +2270 -0
  632. package/themes/vkIOSDark/cssVars/theme/index.json +2267 -0
  633. package/themes/vkIOSDark/index.css +567 -0
  634. package/themes/vkIOSDark/index.d.ts +4 -0
  635. package/themes/vkIOSDark/index.js +670 -0
  636. package/themes/vkIOSDark/index.json +667 -0
  637. package/themes/vkIOSDark/index.less +410 -0
  638. package/themes/vkIOSDark/index.pcss +411 -0
  639. package/themes/vkIOSDark/index.scss +526 -0
  640. package/themes/vkIOSDark/index.styl +410 -0
  641. package/CHANGELOG.md +0 -139
package/themes/octaviusVK/cssVars/theme/fallbacks/index.css CHANGED
@@ -123,6 +123,10 @@
123
123
  --vkui--size_badge_m--regular: var(--vkui--size_badge_m--regular, 24px);
124
124
  --vkui--size_badge_l--regular: var(--vkui--size_badge_l--regular, 44px);
125
125
  --vkui--size_badge_x_l--regular: var(--vkui--size_badge_x_l--regular, 56px);
126
+ --vkui--size_cardgrid_padding--regular: var(--vkui--size_cardgrid_padding--regular, 12px);
127
+ --vkui--size_card_border_radius--regular: var(--vkui--size_card_border_radius--regular, 16px);
128
+ --vkui--size_cardgrid_padding_vertical--regular: var(--vkui--size_cardgrid_padding_vertical--regular, 8px);
129
+ --vkui--size_base_padding_horizontal--regular: var(--vkui--size_base_padding_horizontal--regular, 16px);
126
130
  --vkui--elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04));
127
131
  --vkui--elevation2: var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32));
128
132
  --vkui--elevation3: var(--vkui--elevation3, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
@@ -262,15 +266,15 @@
262
266
  --vkui--octavius_size_sidebar_widgets_height_min--regular: var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px);
263
267
  --vkui--octavius_size_sidebar_widgets_height_compact_min--regular: var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px);
264
268
  --vkui--colors_scheme: var(--vkui--colors_scheme, light);
265
- --vkui--color_background_accent: var(--vkui--color_background_accent, #3F8AE0);
266
- --vkui--color_background_accent--hover: var(--vkui--color_background_accent--hover, #3C85D9);
267
- --vkui--color_background_accent--active: var(--vkui--color_background_accent--active, #3A80D3);
268
- --vkui--color_background_accent_themed: var(--vkui--color_background_accent_themed, #3F8AE0);
269
- --vkui--color_background_accent_themed--hover: var(--vkui--color_background_accent_themed--hover, #3C85D9);
270
- --vkui--color_background_accent_themed--active: var(--vkui--color_background_accent_themed--active, #3A80D3);
271
- --vkui--color_background_accent_alternative: var(--vkui--color_background_accent_alternative, #3F8AE0);
272
- --vkui--color_background_accent_alternative--hover: var(--vkui--color_background_accent_alternative--hover, #3C85D9);
273
- --vkui--color_background_accent_alternative--active: var(--vkui--color_background_accent_alternative--active, #3A80D3);
269
+ --vkui--color_background_accent: var(--vkui--color_background_accent, #2688EB);
270
+ --vkui--color_background_accent--hover: var(--vkui--color_background_accent--hover, #2483E4);
271
+ --vkui--color_background_accent--active: var(--vkui--color_background_accent--active, #237EDD);
272
+ --vkui--color_background_accent_themed: var(--vkui--color_background_accent_themed, #2688EB);
273
+ --vkui--color_background_accent_themed--hover: var(--vkui--color_background_accent_themed--hover, #2483E4);
274
+ --vkui--color_background_accent_themed--active: var(--vkui--color_background_accent_themed--active, #237EDD);
275
+ --vkui--color_background_accent_alternative: var(--vkui--color_background_accent_alternative, #2688EB);
276
+ --vkui--color_background_accent_alternative--hover: var(--vkui--color_background_accent_alternative--hover, #2483E4);
277
+ --vkui--color_background_accent_alternative--active: var(--vkui--color_background_accent_alternative--active, #237EDD);
274
278
  --vkui--color_background_content: var(--vkui--color_background_content, #ffffff);
275
279
  --vkui--color_background_content--hover: var(--vkui--color_background_content--hover, #E4E5E9);
276
280
  --vkui--color_background_content--active: var(--vkui--color_background_content--active, #DADCE2);
@@ -307,18 +311,18 @@
307
311
  --vkui--color_background_negative_tint: var(--vkui--color_background_negative_tint, #FAEBEB);
308
312
  --vkui--color_background_negative_tint--hover: var(--vkui--color_background_negative_tint--hover, #F0E2E4);
309
313
  --vkui--color_background_negative_tint--active: var(--vkui--color_background_negative_tint--active, #E6D9DD);
310
- --vkui--color_text_accent: var(--vkui--color_text_accent, #3F8AE0);
311
- --vkui--color_text_accent--hover: var(--vkui--color_text_accent--hover, #3C85D9);
312
- --vkui--color_text_accent--active: var(--vkui--color_text_accent--active, #3A80D3);
313
- --vkui--color_text_accent_themed: var(--vkui--color_text_accent_themed, #3F8AE0);
314
- --vkui--color_text_accent_themed--hover: var(--vkui--color_text_accent_themed--hover, #3C85D9);
315
- --vkui--color_text_accent_themed--active: var(--vkui--color_text_accent_themed--active, #3A80D3);
314
+ --vkui--color_text_accent: var(--vkui--color_text_accent, #2688EB);
315
+ --vkui--color_text_accent--hover: var(--vkui--color_text_accent--hover, #2483E4);
316
+ --vkui--color_text_accent--active: var(--vkui--color_text_accent--active, #237EDD);
317
+ --vkui--color_text_accent_themed: var(--vkui--color_text_accent_themed, #2688EB);
318
+ --vkui--color_text_accent_themed--hover: var(--vkui--color_text_accent_themed--hover, #2483E4);
319
+ --vkui--color_text_accent_themed--active: var(--vkui--color_text_accent_themed--active, #237EDD);
316
320
  --vkui--color_text_negative: var(--vkui--color_text_negative, #E64646);
317
321
  --vkui--color_text_negative--hover: var(--vkui--color_text_negative--hover, #DD4446);
318
322
  --vkui--color_text_negative--active: var(--vkui--color_text_negative--active, #D44245);
319
- --vkui--color_text_link: var(--vkui--color_text_link, #4986CC);
320
- --vkui--color_text_link--hover: var(--vkui--color_text_link--hover, #4681C6);
321
- --vkui--color_text_link--active: var(--vkui--color_text_link--active, #437DC1);
323
+ --vkui--color_text_link: var(--vkui--color_text_link, #2D81E0);
324
+ --vkui--color_text_link--hover: var(--vkui--color_text_link--hover, #2B7CD9);
325
+ --vkui--color_text_link--active: var(--vkui--color_text_link--active, #2978D3);
322
326
  --vkui--color_text_link_themed: var(--vkui--color_text_link_themed, #4986CC);
323
327
  --vkui--color_text_link_themed--hover: var(--vkui--color_text_link_themed--hover, #4681C6);
324
328
  --vkui--color_text_link_themed--active: var(--vkui--color_text_link_themed--active, #437DC1);
@@ -355,9 +359,9 @@
355
359
  --vkui--color_text_positive: var(--vkui--color_text_positive, #4BB34B);
356
360
  --vkui--color_text_positive--hover: var(--vkui--color_text_positive--hover, #48AC4A);
357
361
  --vkui--color_text_positive--active: var(--vkui--color_text_positive--active, #45A64A);
358
- --vkui--color_icon_accent: var(--vkui--color_icon_accent, #3F8AE0);
359
- --vkui--color_icon_accent--hover: var(--vkui--color_icon_accent--hover, #3C85D9);
360
- --vkui--color_icon_accent--active: var(--vkui--color_icon_accent--active, #3A80D3);
362
+ --vkui--color_icon_accent: var(--vkui--color_icon_accent, #2688EB);
363
+ --vkui--color_icon_accent--hover: var(--vkui--color_icon_accent--hover, #2483E4);
364
+ --vkui--color_icon_accent--active: var(--vkui--color_icon_accent--active, #237EDD);
361
365
  --vkui--color_icon_negative: var(--vkui--color_icon_negative, #E64646);
362
366
  --vkui--color_icon_negative--hover: var(--vkui--color_icon_negative--hover, #DD4446);
363
367
  --vkui--color_icon_negative--active: var(--vkui--color_icon_negative--active, #D44245);
@@ -394,12 +398,12 @@
394
398
  --vkui--color_icon_positive: var(--vkui--color_icon_positive, #4BB34B);
395
399
  --vkui--color_icon_positive--hover: var(--vkui--color_icon_positive--hover, #48AC4A);
396
400
  --vkui--color_icon_positive--active: var(--vkui--color_icon_positive--active, #45A64A);
397
- --vkui--color_stroke_accent: var(--vkui--color_stroke_accent, #3F8AE0);
398
- --vkui--color_stroke_accent--hover: var(--vkui--color_stroke_accent--hover, #3C85D9);
399
- --vkui--color_stroke_accent--active: var(--vkui--color_stroke_accent--active, #3A80D3);
400
- --vkui--color_stroke_accent_themed: var(--vkui--color_stroke_accent_themed, #3F8AE0);
401
- --vkui--color_stroke_accent_themed--hover: var(--vkui--color_stroke_accent_themed--hover, #3C85D9);
402
- --vkui--color_stroke_accent_themed--active: var(--vkui--color_stroke_accent_themed--active, #3A80D3);
401
+ --vkui--color_stroke_accent: var(--vkui--color_stroke_accent, #2688EB);
402
+ --vkui--color_stroke_accent--hover: var(--vkui--color_stroke_accent--hover, #2483E4);
403
+ --vkui--color_stroke_accent--active: var(--vkui--color_stroke_accent--active, #237EDD);
404
+ --vkui--color_stroke_accent_themed: var(--vkui--color_stroke_accent_themed, #2688EB);
405
+ --vkui--color_stroke_accent_themed--hover: var(--vkui--color_stroke_accent_themed--hover, #2483E4);
406
+ --vkui--color_stroke_accent_themed--active: var(--vkui--color_stroke_accent_themed--active, #237EDD);
403
407
  --vkui--color_stroke_contrast: var(--vkui--color_stroke_contrast, #FFFFFF);
404
408
  --vkui--color_stroke_contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
405
409
  --vkui--color_stroke_contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
@@ -454,9 +458,9 @@
454
458
  --vkui--color_header_background: var(--vkui--color_header_background, #FFFFFF);
455
459
  --vkui--color_header_background--hover: var(--vkui--color_header_background--hover, #F5F5F7);
456
460
  --vkui--color_header_background--active: var(--vkui--color_header_background--active, #EBECEF);
457
- --vkui--color_panel_header_icon: var(--vkui--color_panel_header_icon, #3F8AE0);
458
- --vkui--color_panel_header_icon--hover: var(--vkui--color_panel_header_icon--hover, #3C85D9);
459
- --vkui--color_panel_header_icon--active: var(--vkui--color_panel_header_icon--active, #3A80D3);
461
+ --vkui--color_panel_header_icon: var(--vkui--color_panel_header_icon, #2688EB);
462
+ --vkui--color_panel_header_icon--hover: var(--vkui--color_panel_header_icon--hover, #2483E4);
463
+ --vkui--color_panel_header_icon--active: var(--vkui--color_panel_header_icon--active, #237EDD);
460
464
  --vkui--color_write_bar_input_background: var(--vkui--color_write_bar_input_background, #F2F3F5);
461
465
  --vkui--color_write_bar_input_background--hover: var(--vkui--color_write_bar_input_background--hover, #E8EAEE);
462
466
  --vkui--color_write_bar_input_background--active: var(--vkui--color_write_bar_input_background--active, #DFE1E6);
@@ -613,9 +617,9 @@
613
617
  --vkui--octavius_color_background: var(--vkui--octavius_color_background, #EDEEF0);
614
618
  --vkui--octavius_color_background--hover: var(--vkui--octavius_color_background--hover, #E4E5E9);
615
619
  --vkui--octavius_color_background--active: var(--vkui--octavius_color_background--active, #DADCE2);
616
- --vkui--octavius_color_background_accent_toned_alpha: var(--vkui--octavius_color_background_accent_toned_alpha, rgba(63, 138, 224, 0.12));
617
- --vkui--octavius_color_background_accent_toned_alpha--hover: var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(63, 138, 224, 0.16));
618
- --vkui--octavius_color_background_accent_toned_alpha--active: var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(63, 138, 224, 0.2));
620
+ --vkui--octavius_color_background_accent_toned_alpha: var(--vkui--octavius_color_background_accent_toned_alpha, rgba(38, 136, 235, 0.12));
621
+ --vkui--octavius_color_background_accent_toned_alpha--hover: var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(38, 136, 235, 0.16));
622
+ --vkui--octavius_color_background_accent_toned_alpha--active: var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(38, 136, 235, 0.2));
619
623
  --vkui--octavius_color_overlay_background: var(--vkui--octavius_color_overlay_background, transparent);
620
624
  --vkui--octavius_color_overlay_background--hover: var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04));
621
625
  --vkui--octavius_color_overlay_background--active: var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08));
@@ -628,9 +632,9 @@
628
632
  --vkui--octavius_color_header_button_background_alpha: var(--vkui--octavius_color_header_button_background_alpha, transparent);
629
633
  --vkui--octavius_color_header_button_background_alpha--hover: var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(0, 16, 61, 0.12));
630
634
  --vkui--octavius_color_header_button_background_alpha--active: var(--vkui--octavius_color_header_button_background_alpha--active, rgba(0, 16, 61, 0.24));
631
- --vkui--octavius_color_header_icon: var(--vkui--octavius_color_header_icon, #3F8AE0);
632
- --vkui--octavius_color_header_icon--hover: var(--vkui--octavius_color_header_icon--hover, #3C85D9);
633
- --vkui--octavius_color_header_icon--active: var(--vkui--octavius_color_header_icon--active, #3A80D3);
635
+ --vkui--octavius_color_header_icon: var(--vkui--octavius_color_header_icon, #2688EB);
636
+ --vkui--octavius_color_header_icon--hover: var(--vkui--octavius_color_header_icon--hover, #2483E4);
637
+ --vkui--octavius_color_header_icon--active: var(--vkui--octavius_color_header_icon--active, #237EDD);
634
638
  --vkui--octavius_color_header_text_secondary: var(--vkui--octavius_color_header_text_secondary, #818C99);
635
639
  --vkui--octavius_color_header_text_secondary--hover: var(--vkui--octavius_color_header_text_secondary--hover, #7C8795);
636
640
  --vkui--octavius_color_header_text_secondary--active: var(--vkui--octavius_color_header_text_secondary--active, #778292);
@@ -661,18 +665,18 @@
661
665
  --vkui--octavius_color_header_filter_text_alpha: var(--vkui--octavius_color_header_filter_text_alpha, rgba(0, 0, 0, 0.48));
662
666
  --vkui--octavius_color_header_filter_text_alpha--hover: var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(0, 0, 0, 0.52));
663
667
  --vkui--octavius_color_header_filter_text_alpha--active: var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(0, 0, 0, 0.56));
664
- --vkui--octavius_color_header_progress: var(--vkui--octavius_color_header_progress, #3F8AE0);
665
- --vkui--octavius_color_header_progress--hover: var(--vkui--octavius_color_header_progress--hover, #3C85D9);
666
- --vkui--octavius_color_header_progress--active: var(--vkui--octavius_color_header_progress--active, #3A80D3);
668
+ --vkui--octavius_color_header_progress: var(--vkui--octavius_color_header_progress, #2688EB);
669
+ --vkui--octavius_color_header_progress--hover: var(--vkui--octavius_color_header_progress--hover, #2483E4);
670
+ --vkui--octavius_color_header_progress--active: var(--vkui--octavius_color_header_progress--active, #237EDD);
667
671
  --vkui--octavius_color_portal_menu_background: var(--vkui--octavius_color_portal_menu_background, #FFFFFF);
668
672
  --vkui--octavius_color_portal_menu_background--hover: var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7);
669
673
  --vkui--octavius_color_portal_menu_background--active: var(--vkui--octavius_color_portal_menu_background--active, #EBECEF);
670
674
  --vkui--octavius_color_sidebar_item_icon_active: var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E);
671
675
  --vkui--octavius_color_sidebar_item_icon_active--hover: var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F);
672
676
  --vkui--octavius_color_sidebar_item_icon_active--active: var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F);
673
- --vkui--octavius_color_sidebar_item_icon_primary: var(--vkui--octavius_color_sidebar_item_icon_primary, #3F8AE0);
674
- --vkui--octavius_color_sidebar_item_icon_primary--hover: var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #3C85D9);
675
- --vkui--octavius_color_sidebar_item_icon_primary--active: var(--vkui--octavius_color_sidebar_item_icon_primary--active, #3A80D3);
677
+ --vkui--octavius_color_sidebar_item_icon_primary: var(--vkui--octavius_color_sidebar_item_icon_primary, #2688EB);
678
+ --vkui--octavius_color_sidebar_item_icon_primary--hover: var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4);
679
+ --vkui--octavius_color_sidebar_item_icon_primary--active: var(--vkui--octavius_color_sidebar_item_icon_primary--active, #237EDD);
676
680
  --vkui--octavius_color_sidebar_item_text_active: var(--vkui--octavius_color_sidebar_item_text_active, #000000);
677
681
  --vkui--octavius_color_sidebar_item_text_active--hover: var(--vkui--octavius_color_sidebar_item_text_active--hover, #000102);
678
682
  --vkui--octavius_color_sidebar_item_text_active--active: var(--vkui--octavius_color_sidebar_item_text_active--active, #000105);
@@ -709,9 +713,9 @@
709
713
  --vkui--octavius_color_sidebar_item_button_background_alpha: var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08));
710
714
  --vkui--octavius_color_sidebar_item_button_background_alpha--hover: var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12));
711
715
  --vkui--octavius_color_sidebar_item_button_background_alpha--active: var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16));
712
- --vkui--octavius_color_sidebar_item_icon_secondary: var(--vkui--octavius_color_sidebar_item_icon_secondary, #3F8AE0);
713
- --vkui--octavius_color_sidebar_item_icon_secondary--hover: var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #3C85D9);
714
- --vkui--octavius_color_sidebar_item_icon_secondary--active: var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #3A80D3);
716
+ --vkui--octavius_color_sidebar_item_icon_secondary: var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688EB);
717
+ --vkui--octavius_color_sidebar_item_icon_secondary--hover: var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4);
718
+ --vkui--octavius_color_sidebar_item_icon_secondary--active: var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #237EDD);
715
719
  --vkui--octavius_color_sidebar_item_text_secondary: var(--vkui--octavius_color_sidebar_item_text_secondary, #818C99);
716
720
  --vkui--octavius_color_sidebar_item_text_secondary--hover: var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7C8795);
717
721
  --vkui--octavius_color_sidebar_item_text_secondary--active: var(--vkui--octavius_color_sidebar_item_text_secondary--active, #778292);
@@ -745,9 +749,9 @@
745
749
  --vkui--octavius_color_content_scrollbar_alpha: var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 0, 0, 0.24));
746
750
  --vkui--octavius_color_content_scrollbar_alpha--hover: var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 0, 0, 0.28));
747
751
  --vkui--octavius_color_content_scrollbar_alpha--active: var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 0, 0, 0.32));
748
- --vkui--octavius_color_icon_unread: var(--vkui--octavius_color_icon_unread, #3F8AE0);
749
- --vkui--octavius_color_icon_unread--hover: var(--vkui--octavius_color_icon_unread--hover, #3C85D9);
750
- --vkui--octavius_color_icon_unread--active: var(--vkui--octavius_color_icon_unread--active, #3A80D3);
752
+ --vkui--octavius_color_icon_unread: var(--vkui--octavius_color_icon_unread, #2688EB);
753
+ --vkui--octavius_color_icon_unread--hover: var(--vkui--octavius_color_icon_unread--hover, #2483E4);
754
+ --vkui--octavius_color_icon_unread--active: var(--vkui--octavius_color_icon_unread--active, #237EDD);
751
755
  --vkui--octavius_color_icon_favorite: var(--vkui--octavius_color_icon_favorite, #FF3347);
752
756
  --vkui--octavius_color_icon_favorite--hover: var(--vkui--octavius_color_icon_favorite--hover, #F53247);
753
757
  --vkui--octavius_color_icon_favorite--active: var(--vkui--octavius_color_icon_favorite--active, #EB3046);
@@ -769,9 +773,9 @@
769
773
  --vkui--octavius_color_icon_fees: var(--vkui--octavius_color_icon_fees, #e70101);
770
774
  --vkui--octavius_color_icon_fees--hover: var(--vkui--octavius_color_icon_fees--hover, #DE0203);
771
775
  --vkui--octavius_color_icon_fees--active: var(--vkui--octavius_color_icon_fees--active, #D50206);
772
- --vkui--octavius_color_sidebar_icon_unread: var(--vkui--octavius_color_sidebar_icon_unread, #3F8AE0);
773
- --vkui--octavius_color_sidebar_icon_unread--hover: var(--vkui--octavius_color_sidebar_icon_unread--hover, #3C85D9);
774
- --vkui--octavius_color_sidebar_icon_unread--active: var(--vkui--octavius_color_sidebar_icon_unread--active, #3A80D3);
776
+ --vkui--octavius_color_sidebar_icon_unread: var(--vkui--octavius_color_sidebar_icon_unread, #2688EB);
777
+ --vkui--octavius_color_sidebar_icon_unread--hover: var(--vkui--octavius_color_sidebar_icon_unread--hover, #2483E4);
778
+ --vkui--octavius_color_sidebar_icon_unread--active: var(--vkui--octavius_color_sidebar_icon_unread--active, #237EDD);
775
779
  --vkui--octavius_color_sidebar_icon_favorite: var(--vkui--octavius_color_sidebar_icon_favorite, #FF3347);
776
780
  --vkui--octavius_color_sidebar_icon_favorite--hover: var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F53247);
777
781
  --vkui--octavius_color_sidebar_icon_favorite--active: var(--vkui--octavius_color_sidebar_icon_favorite--active, #EB3046);
package/themes/octaviusVK/cssVars/theme/fallbacks/index.less CHANGED
@@ -48,6 +48,10 @@
48
48
  @size-badge-m--regular: var(--vkui--size_badge_m--regular, 24px);
49
49
  @size-badge-l--regular: var(--vkui--size_badge_l--regular, 44px);
50
50
  @size-badge-x-l--regular: var(--vkui--size_badge_x_l--regular, 56px);
51
+ @size-cardgrid-padding--regular: var(--vkui--size_cardgrid_padding--regular, 12px);
52
+ @size-card-border-radius--regular: var(--vkui--size_card_border_radius--regular, 16px);
53
+ @size-cardgrid-padding-vertical--regular: var(--vkui--size_cardgrid_padding_vertical--regular, 8px);
54
+ @size-base-padding-horizontal--regular: var(--vkui--size_base_padding_horizontal--regular, 16px);
51
55
  @elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04));
52
56
  @elevation2: var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32));
53
57
  @elevation3: var(--vkui--elevation3, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
@@ -166,15 +170,15 @@
166
170
  @octavius-size-sidebar-widgets-height-min--regular: var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px);
167
171
  @octavius-size-sidebar-widgets-height-compact-min--regular: var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px);
168
172
  @colors-scheme: var(--vkui--colors_scheme, light);
169
- @color-background-accent: var(--vkui--color_background_accent, #3F8AE0);
170
- @color-background-accent--hover: var(--vkui--color_background_accent--hover, #3C85D9);
171
- @color-background-accent--active: var(--vkui--color_background_accent--active, #3A80D3);
172
- @color-background-accent-themed: var(--vkui--color_background_accent_themed, #3F8AE0);
173
- @color-background-accent-themed--hover: var(--vkui--color_background_accent_themed--hover, #3C85D9);
174
- @color-background-accent-themed--active: var(--vkui--color_background_accent_themed--active, #3A80D3);
175
- @color-background-accent-alternative: var(--vkui--color_background_accent_alternative, #3F8AE0);
176
- @color-background-accent-alternative--hover: var(--vkui--color_background_accent_alternative--hover, #3C85D9);
177
- @color-background-accent-alternative--active: var(--vkui--color_background_accent_alternative--active, #3A80D3);
173
+ @color-background-accent: var(--vkui--color_background_accent, #2688EB);
174
+ @color-background-accent--hover: var(--vkui--color_background_accent--hover, #2483E4);
175
+ @color-background-accent--active: var(--vkui--color_background_accent--active, #237EDD);
176
+ @color-background-accent-themed: var(--vkui--color_background_accent_themed, #2688EB);
177
+ @color-background-accent-themed--hover: var(--vkui--color_background_accent_themed--hover, #2483E4);
178
+ @color-background-accent-themed--active: var(--vkui--color_background_accent_themed--active, #237EDD);
179
+ @color-background-accent-alternative: var(--vkui--color_background_accent_alternative, #2688EB);
180
+ @color-background-accent-alternative--hover: var(--vkui--color_background_accent_alternative--hover, #2483E4);
181
+ @color-background-accent-alternative--active: var(--vkui--color_background_accent_alternative--active, #237EDD);
178
182
  @color-background-content: var(--vkui--color_background_content, #ffffff);
179
183
  @color-background-content--hover: var(--vkui--color_background_content--hover, #E4E5E9);
180
184
  @color-background-content--active: var(--vkui--color_background_content--active, #DADCE2);
@@ -211,18 +215,18 @@
211
215
  @color-background-negative-tint: var(--vkui--color_background_negative_tint, #FAEBEB);
212
216
  @color-background-negative-tint--hover: var(--vkui--color_background_negative_tint--hover, #F0E2E4);
213
217
  @color-background-negative-tint--active: var(--vkui--color_background_negative_tint--active, #E6D9DD);
214
- @color-text-accent: var(--vkui--color_text_accent, #3F8AE0);
215
- @color-text-accent--hover: var(--vkui--color_text_accent--hover, #3C85D9);
216
- @color-text-accent--active: var(--vkui--color_text_accent--active, #3A80D3);
217
- @color-text-accent-themed: var(--vkui--color_text_accent_themed, #3F8AE0);
218
- @color-text-accent-themed--hover: var(--vkui--color_text_accent_themed--hover, #3C85D9);
219
- @color-text-accent-themed--active: var(--vkui--color_text_accent_themed--active, #3A80D3);
218
+ @color-text-accent: var(--vkui--color_text_accent, #2688EB);
219
+ @color-text-accent--hover: var(--vkui--color_text_accent--hover, #2483E4);
220
+ @color-text-accent--active: var(--vkui--color_text_accent--active, #237EDD);
221
+ @color-text-accent-themed: var(--vkui--color_text_accent_themed, #2688EB);
222
+ @color-text-accent-themed--hover: var(--vkui--color_text_accent_themed--hover, #2483E4);
223
+ @color-text-accent-themed--active: var(--vkui--color_text_accent_themed--active, #237EDD);
220
224
  @color-text-negative: var(--vkui--color_text_negative, #E64646);
221
225
  @color-text-negative--hover: var(--vkui--color_text_negative--hover, #DD4446);
222
226
  @color-text-negative--active: var(--vkui--color_text_negative--active, #D44245);
223
- @color-text-link: var(--vkui--color_text_link, #4986CC);
224
- @color-text-link--hover: var(--vkui--color_text_link--hover, #4681C6);
225
- @color-text-link--active: var(--vkui--color_text_link--active, #437DC1);
227
+ @color-text-link: var(--vkui--color_text_link, #2D81E0);
228
+ @color-text-link--hover: var(--vkui--color_text_link--hover, #2B7CD9);
229
+ @color-text-link--active: var(--vkui--color_text_link--active, #2978D3);
226
230
  @color-text-link-themed: var(--vkui--color_text_link_themed, #4986CC);
227
231
  @color-text-link-themed--hover: var(--vkui--color_text_link_themed--hover, #4681C6);
228
232
  @color-text-link-themed--active: var(--vkui--color_text_link_themed--active, #437DC1);
@@ -259,9 +263,9 @@
259
263
  @color-text-positive: var(--vkui--color_text_positive, #4BB34B);
260
264
  @color-text-positive--hover: var(--vkui--color_text_positive--hover, #48AC4A);
261
265
  @color-text-positive--active: var(--vkui--color_text_positive--active, #45A64A);
262
- @color-icon-accent: var(--vkui--color_icon_accent, #3F8AE0);
263
- @color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #3C85D9);
264
- @color-icon-accent--active: var(--vkui--color_icon_accent--active, #3A80D3);
266
+ @color-icon-accent: var(--vkui--color_icon_accent, #2688EB);
267
+ @color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #2483E4);
268
+ @color-icon-accent--active: var(--vkui--color_icon_accent--active, #237EDD);
265
269
  @color-icon-negative: var(--vkui--color_icon_negative, #E64646);
266
270
  @color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #DD4446);
267
271
  @color-icon-negative--active: var(--vkui--color_icon_negative--active, #D44245);
@@ -298,12 +302,12 @@
298
302
  @color-icon-positive: var(--vkui--color_icon_positive, #4BB34B);
299
303
  @color-icon-positive--hover: var(--vkui--color_icon_positive--hover, #48AC4A);
300
304
  @color-icon-positive--active: var(--vkui--color_icon_positive--active, #45A64A);
301
- @color-stroke-accent: var(--vkui--color_stroke_accent, #3F8AE0);
302
- @color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #3C85D9);
303
- @color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #3A80D3);
304
- @color-stroke-accent-themed: var(--vkui--color_stroke_accent_themed, #3F8AE0);
305
- @color-stroke-accent-themed--hover: var(--vkui--color_stroke_accent_themed--hover, #3C85D9);
306
- @color-stroke-accent-themed--active: var(--vkui--color_stroke_accent_themed--active, #3A80D3);
305
+ @color-stroke-accent: var(--vkui--color_stroke_accent, #2688EB);
306
+ @color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #2483E4);
307
+ @color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #237EDD);
308
+ @color-stroke-accent-themed: var(--vkui--color_stroke_accent_themed, #2688EB);
309
+ @color-stroke-accent-themed--hover: var(--vkui--color_stroke_accent_themed--hover, #2483E4);
310
+ @color-stroke-accent-themed--active: var(--vkui--color_stroke_accent_themed--active, #237EDD);
307
311
  @color-stroke-contrast: var(--vkui--color_stroke_contrast, #FFFFFF);
308
312
  @color-stroke-contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
309
313
  @color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
@@ -358,9 +362,9 @@
358
362
  @color-header-background: var(--vkui--color_header_background, #FFFFFF);
359
363
  @color-header-background--hover: var(--vkui--color_header_background--hover, #F5F5F7);
360
364
  @color-header-background--active: var(--vkui--color_header_background--active, #EBECEF);
361
- @color-panel-header-icon: var(--vkui--color_panel_header_icon, #3F8AE0);
362
- @color-panel-header-icon--hover: var(--vkui--color_panel_header_icon--hover, #3C85D9);
363
- @color-panel-header-icon--active: var(--vkui--color_panel_header_icon--active, #3A80D3);
365
+ @color-panel-header-icon: var(--vkui--color_panel_header_icon, #2688EB);
366
+ @color-panel-header-icon--hover: var(--vkui--color_panel_header_icon--hover, #2483E4);
367
+ @color-panel-header-icon--active: var(--vkui--color_panel_header_icon--active, #237EDD);
364
368
  @color-write-bar-input-background: var(--vkui--color_write_bar_input_background, #F2F3F5);
365
369
  @color-write-bar-input-background--hover: var(--vkui--color_write_bar_input_background--hover, #E8EAEE);
366
370
  @color-write-bar-input-background--active: var(--vkui--color_write_bar_input_background--active, #DFE1E6);
@@ -517,9 +521,9 @@
517
521
  @octavius-color-background: var(--vkui--octavius_color_background, #EDEEF0);
518
522
  @octavius-color-background--hover: var(--vkui--octavius_color_background--hover, #E4E5E9);
519
523
  @octavius-color-background--active: var(--vkui--octavius_color_background--active, #DADCE2);
520
- @octavius-color-background-accent-toned-alpha: var(--vkui--octavius_color_background_accent_toned_alpha, rgba(63, 138, 224, 0.12));
521
- @octavius-color-background-accent-toned-alpha--hover: var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(63, 138, 224, 0.16));
522
- @octavius-color-background-accent-toned-alpha--active: var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(63, 138, 224, 0.2));
524
+ @octavius-color-background-accent-toned-alpha: var(--vkui--octavius_color_background_accent_toned_alpha, rgba(38, 136, 235, 0.12));
525
+ @octavius-color-background-accent-toned-alpha--hover: var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(38, 136, 235, 0.16));
526
+ @octavius-color-background-accent-toned-alpha--active: var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(38, 136, 235, 0.2));
523
527
  @octavius-color-overlay-background: var(--vkui--octavius_color_overlay_background, transparent);
524
528
  @octavius-color-overlay-background--hover: var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04));
525
529
  @octavius-color-overlay-background--active: var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08));
@@ -532,9 +536,9 @@
532
536
  @octavius-color-header-button-background-alpha: var(--vkui--octavius_color_header_button_background_alpha, transparent);
533
537
  @octavius-color-header-button-background-alpha--hover: var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(0, 16, 61, 0.12));
534
538
  @octavius-color-header-button-background-alpha--active: var(--vkui--octavius_color_header_button_background_alpha--active, rgba(0, 16, 61, 0.24));
535
- @octavius-color-header-icon: var(--vkui--octavius_color_header_icon, #3F8AE0);
536
- @octavius-color-header-icon--hover: var(--vkui--octavius_color_header_icon--hover, #3C85D9);
537
- @octavius-color-header-icon--active: var(--vkui--octavius_color_header_icon--active, #3A80D3);
539
+ @octavius-color-header-icon: var(--vkui--octavius_color_header_icon, #2688EB);
540
+ @octavius-color-header-icon--hover: var(--vkui--octavius_color_header_icon--hover, #2483E4);
541
+ @octavius-color-header-icon--active: var(--vkui--octavius_color_header_icon--active, #237EDD);
538
542
  @octavius-color-header-text-secondary: var(--vkui--octavius_color_header_text_secondary, #818C99);
539
543
  @octavius-color-header-text-secondary--hover: var(--vkui--octavius_color_header_text_secondary--hover, #7C8795);
540
544
  @octavius-color-header-text-secondary--active: var(--vkui--octavius_color_header_text_secondary--active, #778292);
@@ -565,18 +569,18 @@
565
569
  @octavius-color-header-filter-text-alpha: var(--vkui--octavius_color_header_filter_text_alpha, rgba(0, 0, 0, 0.48));
566
570
  @octavius-color-header-filter-text-alpha--hover: var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(0, 0, 0, 0.52));
567
571
  @octavius-color-header-filter-text-alpha--active: var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(0, 0, 0, 0.56));
568
- @octavius-color-header-progress: var(--vkui--octavius_color_header_progress, #3F8AE0);
569
- @octavius-color-header-progress--hover: var(--vkui--octavius_color_header_progress--hover, #3C85D9);
570
- @octavius-color-header-progress--active: var(--vkui--octavius_color_header_progress--active, #3A80D3);
572
+ @octavius-color-header-progress: var(--vkui--octavius_color_header_progress, #2688EB);
573
+ @octavius-color-header-progress--hover: var(--vkui--octavius_color_header_progress--hover, #2483E4);
574
+ @octavius-color-header-progress--active: var(--vkui--octavius_color_header_progress--active, #237EDD);
571
575
  @octavius-color-portal-menu-background: var(--vkui--octavius_color_portal_menu_background, #FFFFFF);
572
576
  @octavius-color-portal-menu-background--hover: var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7);
573
577
  @octavius-color-portal-menu-background--active: var(--vkui--octavius_color_portal_menu_background--active, #EBECEF);
574
578
  @octavius-color-sidebar-item-icon-active: var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E);
575
579
  @octavius-color-sidebar-item-icon-active--hover: var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F);
576
580
  @octavius-color-sidebar-item-icon-active--active: var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F);
577
- @octavius-color-sidebar-item-icon-primary: var(--vkui--octavius_color_sidebar_item_icon_primary, #3F8AE0);
578
- @octavius-color-sidebar-item-icon-primary--hover: var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #3C85D9);
579
- @octavius-color-sidebar-item-icon-primary--active: var(--vkui--octavius_color_sidebar_item_icon_primary--active, #3A80D3);
581
+ @octavius-color-sidebar-item-icon-primary: var(--vkui--octavius_color_sidebar_item_icon_primary, #2688EB);
582
+ @octavius-color-sidebar-item-icon-primary--hover: var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4);
583
+ @octavius-color-sidebar-item-icon-primary--active: var(--vkui--octavius_color_sidebar_item_icon_primary--active, #237EDD);
580
584
  @octavius-color-sidebar-item-text-active: var(--vkui--octavius_color_sidebar_item_text_active, #000000);
581
585
  @octavius-color-sidebar-item-text-active--hover: var(--vkui--octavius_color_sidebar_item_text_active--hover, #000102);
582
586
  @octavius-color-sidebar-item-text-active--active: var(--vkui--octavius_color_sidebar_item_text_active--active, #000105);
@@ -613,9 +617,9 @@
613
617
  @octavius-color-sidebar-item-button-background-alpha: var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08));
614
618
  @octavius-color-sidebar-item-button-background-alpha--hover: var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12));
615
619
  @octavius-color-sidebar-item-button-background-alpha--active: var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16));
616
- @octavius-color-sidebar-item-icon-secondary: var(--vkui--octavius_color_sidebar_item_icon_secondary, #3F8AE0);
617
- @octavius-color-sidebar-item-icon-secondary--hover: var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #3C85D9);
618
- @octavius-color-sidebar-item-icon-secondary--active: var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #3A80D3);
620
+ @octavius-color-sidebar-item-icon-secondary: var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688EB);
621
+ @octavius-color-sidebar-item-icon-secondary--hover: var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4);
622
+ @octavius-color-sidebar-item-icon-secondary--active: var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #237EDD);
619
623
  @octavius-color-sidebar-item-text-secondary: var(--vkui--octavius_color_sidebar_item_text_secondary, #818C99);
620
624
  @octavius-color-sidebar-item-text-secondary--hover: var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7C8795);
621
625
  @octavius-color-sidebar-item-text-secondary--active: var(--vkui--octavius_color_sidebar_item_text_secondary--active, #778292);
@@ -649,9 +653,9 @@
649
653
  @octavius-color-content-scrollbar-alpha: var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 0, 0, 0.24));
650
654
  @octavius-color-content-scrollbar-alpha--hover: var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 0, 0, 0.28));
651
655
  @octavius-color-content-scrollbar-alpha--active: var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 0, 0, 0.32));
652
- @octavius-color-icon-unread: var(--vkui--octavius_color_icon_unread, #3F8AE0);
653
- @octavius-color-icon-unread--hover: var(--vkui--octavius_color_icon_unread--hover, #3C85D9);
654
- @octavius-color-icon-unread--active: var(--vkui--octavius_color_icon_unread--active, #3A80D3);
656
+ @octavius-color-icon-unread: var(--vkui--octavius_color_icon_unread, #2688EB);
657
+ @octavius-color-icon-unread--hover: var(--vkui--octavius_color_icon_unread--hover, #2483E4);
658
+ @octavius-color-icon-unread--active: var(--vkui--octavius_color_icon_unread--active, #237EDD);
655
659
  @octavius-color-icon-favorite: var(--vkui--octavius_color_icon_favorite, #FF3347);
656
660
  @octavius-color-icon-favorite--hover: var(--vkui--octavius_color_icon_favorite--hover, #F53247);
657
661
  @octavius-color-icon-favorite--active: var(--vkui--octavius_color_icon_favorite--active, #EB3046);
@@ -673,9 +677,9 @@
673
677
  @octavius-color-icon-fees: var(--vkui--octavius_color_icon_fees, #e70101);
674
678
  @octavius-color-icon-fees--hover: var(--vkui--octavius_color_icon_fees--hover, #DE0203);
675
679
  @octavius-color-icon-fees--active: var(--vkui--octavius_color_icon_fees--active, #D50206);
676
- @octavius-color-sidebar-icon-unread: var(--vkui--octavius_color_sidebar_icon_unread, #3F8AE0);
677
- @octavius-color-sidebar-icon-unread--hover: var(--vkui--octavius_color_sidebar_icon_unread--hover, #3C85D9);
678
- @octavius-color-sidebar-icon-unread--active: var(--vkui--octavius_color_sidebar_icon_unread--active, #3A80D3);
680
+ @octavius-color-sidebar-icon-unread: var(--vkui--octavius_color_sidebar_icon_unread, #2688EB);
681
+ @octavius-color-sidebar-icon-unread--hover: var(--vkui--octavius_color_sidebar_icon_unread--hover, #2483E4);
682
+ @octavius-color-sidebar-icon-unread--active: var(--vkui--octavius_color_sidebar_icon_unread--active, #237EDD);
679
683
  @octavius-color-sidebar-icon-favorite: var(--vkui--octavius_color_sidebar_icon_favorite, #FF3347);
680
684
  @octavius-color-sidebar-icon-favorite--hover: var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F53247);
681
685
  @octavius-color-sidebar-icon-favorite--active: var(--vkui--octavius_color_sidebar_icon_favorite--active, #EB3046);
package/themes/octaviusVK/cssVars/theme/fallbacks/index.pcss CHANGED
@@ -49,6 +49,10 @@
49
49
  --size-badge-m--regular: var(--vkui--size_badge_m--regular, 24px);
50
50
  --size-badge-l--regular: var(--vkui--size_badge_l--regular, 44px);
51
51
  --size-badge-x-l--regular: var(--vkui--size_badge_x_l--regular, 56px);
52
+ --size-cardgrid-padding--regular: var(--vkui--size_cardgrid_padding--regular, 12px);
53
+ --size-card-border-radius--regular: var(--vkui--size_card_border_radius--regular, 16px);
54
+ --size-cardgrid-padding-vertical--regular: var(--vkui--size_cardgrid_padding_vertical--regular, 8px);
55
+ --size-base-padding-horizontal--regular: var(--vkui--size_base_padding_horizontal--regular, 16px);
52
56
  --elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04));
53
57
  --elevation2: var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32));
54
58
  --elevation3: var(--vkui--elevation3, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
@@ -167,15 +171,15 @@
167
171
  --octavius-size-sidebar-widgets-height-min--regular: var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px);
168
172
  --octavius-size-sidebar-widgets-height-compact-min--regular: var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px);
169
173
  --colors-scheme: var(--vkui--colors_scheme, light);
170
- --color-background-accent: var(--vkui--color_background_accent, #3F8AE0);
171
- --color-background-accent--hover: var(--vkui--color_background_accent--hover, #3C85D9);
172
- --color-background-accent--active: var(--vkui--color_background_accent--active, #3A80D3);
173
- --color-background-accent-themed: var(--vkui--color_background_accent_themed, #3F8AE0);
174
- --color-background-accent-themed--hover: var(--vkui--color_background_accent_themed--hover, #3C85D9);
175
- --color-background-accent-themed--active: var(--vkui--color_background_accent_themed--active, #3A80D3);
176
- --color-background-accent-alternative: var(--vkui--color_background_accent_alternative, #3F8AE0);
177
- --color-background-accent-alternative--hover: var(--vkui--color_background_accent_alternative--hover, #3C85D9);
178
- --color-background-accent-alternative--active: var(--vkui--color_background_accent_alternative--active, #3A80D3);
174
+ --color-background-accent: var(--vkui--color_background_accent, #2688EB);
175
+ --color-background-accent--hover: var(--vkui--color_background_accent--hover, #2483E4);
176
+ --color-background-accent--active: var(--vkui--color_background_accent--active, #237EDD);
177
+ --color-background-accent-themed: var(--vkui--color_background_accent_themed, #2688EB);
178
+ --color-background-accent-themed--hover: var(--vkui--color_background_accent_themed--hover, #2483E4);
179
+ --color-background-accent-themed--active: var(--vkui--color_background_accent_themed--active, #237EDD);
180
+ --color-background-accent-alternative: var(--vkui--color_background_accent_alternative, #2688EB);
181
+ --color-background-accent-alternative--hover: var(--vkui--color_background_accent_alternative--hover, #2483E4);
182
+ --color-background-accent-alternative--active: var(--vkui--color_background_accent_alternative--active, #237EDD);
179
183
  --color-background-content: var(--vkui--color_background_content, #ffffff);
180
184
  --color-background-content--hover: var(--vkui--color_background_content--hover, #E4E5E9);
181
185
  --color-background-content--active: var(--vkui--color_background_content--active, #DADCE2);
@@ -212,18 +216,18 @@
212
216
  --color-background-negative-tint: var(--vkui--color_background_negative_tint, #FAEBEB);
213
217
  --color-background-negative-tint--hover: var(--vkui--color_background_negative_tint--hover, #F0E2E4);
214
218
  --color-background-negative-tint--active: var(--vkui--color_background_negative_tint--active, #E6D9DD);
215
- --color-text-accent: var(--vkui--color_text_accent, #3F8AE0);
216
- --color-text-accent--hover: var(--vkui--color_text_accent--hover, #3C85D9);
217
- --color-text-accent--active: var(--vkui--color_text_accent--active, #3A80D3);
218
- --color-text-accent-themed: var(--vkui--color_text_accent_themed, #3F8AE0);
219
- --color-text-accent-themed--hover: var(--vkui--color_text_accent_themed--hover, #3C85D9);
220
- --color-text-accent-themed--active: var(--vkui--color_text_accent_themed--active, #3A80D3);
219
+ --color-text-accent: var(--vkui--color_text_accent, #2688EB);
220
+ --color-text-accent--hover: var(--vkui--color_text_accent--hover, #2483E4);
221
+ --color-text-accent--active: var(--vkui--color_text_accent--active, #237EDD);
222
+ --color-text-accent-themed: var(--vkui--color_text_accent_themed, #2688EB);
223
+ --color-text-accent-themed--hover: var(--vkui--color_text_accent_themed--hover, #2483E4);
224
+ --color-text-accent-themed--active: var(--vkui--color_text_accent_themed--active, #237EDD);
221
225
  --color-text-negative: var(--vkui--color_text_negative, #E64646);
222
226
  --color-text-negative--hover: var(--vkui--color_text_negative--hover, #DD4446);
223
227
  --color-text-negative--active: var(--vkui--color_text_negative--active, #D44245);
224
- --color-text-link: var(--vkui--color_text_link, #4986CC);
225
- --color-text-link--hover: var(--vkui--color_text_link--hover, #4681C6);
226
- --color-text-link--active: var(--vkui--color_text_link--active, #437DC1);
228
+ --color-text-link: var(--vkui--color_text_link, #2D81E0);
229
+ --color-text-link--hover: var(--vkui--color_text_link--hover, #2B7CD9);
230
+ --color-text-link--active: var(--vkui--color_text_link--active, #2978D3);
227
231
  --color-text-link-themed: var(--vkui--color_text_link_themed, #4986CC);
228
232
  --color-text-link-themed--hover: var(--vkui--color_text_link_themed--hover, #4681C6);
229
233
  --color-text-link-themed--active: var(--vkui--color_text_link_themed--active, #437DC1);
@@ -260,9 +264,9 @@
260
264
  --color-text-positive: var(--vkui--color_text_positive, #4BB34B);
261
265
  --color-text-positive--hover: var(--vkui--color_text_positive--hover, #48AC4A);
262
266
  --color-text-positive--active: var(--vkui--color_text_positive--active, #45A64A);
263
- --color-icon-accent: var(--vkui--color_icon_accent, #3F8AE0);
264
- --color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #3C85D9);
265
- --color-icon-accent--active: var(--vkui--color_icon_accent--active, #3A80D3);
267
+ --color-icon-accent: var(--vkui--color_icon_accent, #2688EB);
268
+ --color-icon-accent--hover: var(--vkui--color_icon_accent--hover, #2483E4);
269
+ --color-icon-accent--active: var(--vkui--color_icon_accent--active, #237EDD);
266
270
  --color-icon-negative: var(--vkui--color_icon_negative, #E64646);
267
271
  --color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #DD4446);
268
272
  --color-icon-negative--active: var(--vkui--color_icon_negative--active, #D44245);
@@ -299,12 +303,12 @@
299
303
  --color-icon-positive: var(--vkui--color_icon_positive, #4BB34B);
300
304
  --color-icon-positive--hover: var(--vkui--color_icon_positive--hover, #48AC4A);
301
305
  --color-icon-positive--active: var(--vkui--color_icon_positive--active, #45A64A);
302
- --color-stroke-accent: var(--vkui--color_stroke_accent, #3F8AE0);
303
- --color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #3C85D9);
304
- --color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #3A80D3);
305
- --color-stroke-accent-themed: var(--vkui--color_stroke_accent_themed, #3F8AE0);
306
- --color-stroke-accent-themed--hover: var(--vkui--color_stroke_accent_themed--hover, #3C85D9);
307
- --color-stroke-accent-themed--active: var(--vkui--color_stroke_accent_themed--active, #3A80D3);
306
+ --color-stroke-accent: var(--vkui--color_stroke_accent, #2688EB);
307
+ --color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #2483E4);
308
+ --color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #237EDD);
309
+ --color-stroke-accent-themed: var(--vkui--color_stroke_accent_themed, #2688EB);
310
+ --color-stroke-accent-themed--hover: var(--vkui--color_stroke_accent_themed--hover, #2483E4);
311
+ --color-stroke-accent-themed--active: var(--vkui--color_stroke_accent_themed--active, #237EDD);
308
312
  --color-stroke-contrast: var(--vkui--color_stroke_contrast, #FFFFFF);
309
313
  --color-stroke-contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
310
314
  --color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
@@ -359,9 +363,9 @@
359
363
  --color-header-background: var(--vkui--color_header_background, #FFFFFF);
360
364
  --color-header-background--hover: var(--vkui--color_header_background--hover, #F5F5F7);
361
365
  --color-header-background--active: var(--vkui--color_header_background--active, #EBECEF);
362
- --color-panel-header-icon: var(--vkui--color_panel_header_icon, #3F8AE0);
363
- --color-panel-header-icon--hover: var(--vkui--color_panel_header_icon--hover, #3C85D9);
364
- --color-panel-header-icon--active: var(--vkui--color_panel_header_icon--active, #3A80D3);
366
+ --color-panel-header-icon: var(--vkui--color_panel_header_icon, #2688EB);
367
+ --color-panel-header-icon--hover: var(--vkui--color_panel_header_icon--hover, #2483E4);
368
+ --color-panel-header-icon--active: var(--vkui--color_panel_header_icon--active, #237EDD);
365
369
  --color-write-bar-input-background: var(--vkui--color_write_bar_input_background, #F2F3F5);
366
370
  --color-write-bar-input-background--hover: var(--vkui--color_write_bar_input_background--hover, #E8EAEE);
367
371
  --color-write-bar-input-background--active: var(--vkui--color_write_bar_input_background--active, #DFE1E6);
@@ -518,9 +522,9 @@
518
522
  --octavius-color-background: var(--vkui--octavius_color_background, #EDEEF0);
519
523
  --octavius-color-background--hover: var(--vkui--octavius_color_background--hover, #E4E5E9);
520
524
  --octavius-color-background--active: var(--vkui--octavius_color_background--active, #DADCE2);
521
- --octavius-color-background-accent-toned-alpha: var(--vkui--octavius_color_background_accent_toned_alpha, rgba(63, 138, 224, 0.12));
522
- --octavius-color-background-accent-toned-alpha--hover: var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(63, 138, 224, 0.16));
523
- --octavius-color-background-accent-toned-alpha--active: var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(63, 138, 224, 0.2));
525
+ --octavius-color-background-accent-toned-alpha: var(--vkui--octavius_color_background_accent_toned_alpha, rgba(38, 136, 235, 0.12));
526
+ --octavius-color-background-accent-toned-alpha--hover: var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(38, 136, 235, 0.16));
527
+ --octavius-color-background-accent-toned-alpha--active: var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(38, 136, 235, 0.2));
524
528
  --octavius-color-overlay-background: var(--vkui--octavius_color_overlay_background, transparent);
525
529
  --octavius-color-overlay-background--hover: var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04));
526
530
  --octavius-color-overlay-background--active: var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08));
@@ -533,9 +537,9 @@
533
537
  --octavius-color-header-button-background-alpha: var(--vkui--octavius_color_header_button_background_alpha, transparent);
534
538
  --octavius-color-header-button-background-alpha--hover: var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(0, 16, 61, 0.12));
535
539
  --octavius-color-header-button-background-alpha--active: var(--vkui--octavius_color_header_button_background_alpha--active, rgba(0, 16, 61, 0.24));
536
- --octavius-color-header-icon: var(--vkui--octavius_color_header_icon, #3F8AE0);
537
- --octavius-color-header-icon--hover: var(--vkui--octavius_color_header_icon--hover, #3C85D9);
538
- --octavius-color-header-icon--active: var(--vkui--octavius_color_header_icon--active, #3A80D3);
540
+ --octavius-color-header-icon: var(--vkui--octavius_color_header_icon, #2688EB);
541
+ --octavius-color-header-icon--hover: var(--vkui--octavius_color_header_icon--hover, #2483E4);
542
+ --octavius-color-header-icon--active: var(--vkui--octavius_color_header_icon--active, #237EDD);
539
543
  --octavius-color-header-text-secondary: var(--vkui--octavius_color_header_text_secondary, #818C99);
540
544
  --octavius-color-header-text-secondary--hover: var(--vkui--octavius_color_header_text_secondary--hover, #7C8795);
541
545
  --octavius-color-header-text-secondary--active: var(--vkui--octavius_color_header_text_secondary--active, #778292);
@@ -566,18 +570,18 @@
566
570
  --octavius-color-header-filter-text-alpha: var(--vkui--octavius_color_header_filter_text_alpha, rgba(0, 0, 0, 0.48));
567
571
  --octavius-color-header-filter-text-alpha--hover: var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(0, 0, 0, 0.52));
568
572
  --octavius-color-header-filter-text-alpha--active: var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(0, 0, 0, 0.56));
569
- --octavius-color-header-progress: var(--vkui--octavius_color_header_progress, #3F8AE0);
570
- --octavius-color-header-progress--hover: var(--vkui--octavius_color_header_progress--hover, #3C85D9);
571
- --octavius-color-header-progress--active: var(--vkui--octavius_color_header_progress--active, #3A80D3);
573
+ --octavius-color-header-progress: var(--vkui--octavius_color_header_progress, #2688EB);
574
+ --octavius-color-header-progress--hover: var(--vkui--octavius_color_header_progress--hover, #2483E4);
575
+ --octavius-color-header-progress--active: var(--vkui--octavius_color_header_progress--active, #237EDD);
572
576
  --octavius-color-portal-menu-background: var(--vkui--octavius_color_portal_menu_background, #FFFFFF);
573
577
  --octavius-color-portal-menu-background--hover: var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7);
574
578
  --octavius-color-portal-menu-background--active: var(--vkui--octavius_color_portal_menu_background--active, #EBECEF);
575
579
  --octavius-color-sidebar-item-icon-active: var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E);
576
580
  --octavius-color-sidebar-item-icon-active--hover: var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F);
577
581
  --octavius-color-sidebar-item-icon-active--active: var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F);
578
- --octavius-color-sidebar-item-icon-primary: var(--vkui--octavius_color_sidebar_item_icon_primary, #3F8AE0);
579
- --octavius-color-sidebar-item-icon-primary--hover: var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #3C85D9);
580
- --octavius-color-sidebar-item-icon-primary--active: var(--vkui--octavius_color_sidebar_item_icon_primary--active, #3A80D3);
582
+ --octavius-color-sidebar-item-icon-primary: var(--vkui--octavius_color_sidebar_item_icon_primary, #2688EB);
583
+ --octavius-color-sidebar-item-icon-primary--hover: var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4);
584
+ --octavius-color-sidebar-item-icon-primary--active: var(--vkui--octavius_color_sidebar_item_icon_primary--active, #237EDD);
581
585
  --octavius-color-sidebar-item-text-active: var(--vkui--octavius_color_sidebar_item_text_active, #000000);
582
586
  --octavius-color-sidebar-item-text-active--hover: var(--vkui--octavius_color_sidebar_item_text_active--hover, #000102);
583
587
  --octavius-color-sidebar-item-text-active--active: var(--vkui--octavius_color_sidebar_item_text_active--active, #000105);
@@ -614,9 +618,9 @@
614
618
  --octavius-color-sidebar-item-button-background-alpha: var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08));
615
619
  --octavius-color-sidebar-item-button-background-alpha--hover: var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12));
616
620
  --octavius-color-sidebar-item-button-background-alpha--active: var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16));
617
- --octavius-color-sidebar-item-icon-secondary: var(--vkui--octavius_color_sidebar_item_icon_secondary, #3F8AE0);
618
- --octavius-color-sidebar-item-icon-secondary--hover: var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #3C85D9);
619
- --octavius-color-sidebar-item-icon-secondary--active: var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #3A80D3);
621
+ --octavius-color-sidebar-item-icon-secondary: var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688EB);
622
+ --octavius-color-sidebar-item-icon-secondary--hover: var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4);
623
+ --octavius-color-sidebar-item-icon-secondary--active: var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #237EDD);
620
624
  --octavius-color-sidebar-item-text-secondary: var(--vkui--octavius_color_sidebar_item_text_secondary, #818C99);
621
625
  --octavius-color-sidebar-item-text-secondary--hover: var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7C8795);
622
626
  --octavius-color-sidebar-item-text-secondary--active: var(--vkui--octavius_color_sidebar_item_text_secondary--active, #778292);
@@ -650,9 +654,9 @@
650
654
  --octavius-color-content-scrollbar-alpha: var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 0, 0, 0.24));
651
655
  --octavius-color-content-scrollbar-alpha--hover: var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 0, 0, 0.28));
652
656
  --octavius-color-content-scrollbar-alpha--active: var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 0, 0, 0.32));
653
- --octavius-color-icon-unread: var(--vkui--octavius_color_icon_unread, #3F8AE0);
654
- --octavius-color-icon-unread--hover: var(--vkui--octavius_color_icon_unread--hover, #3C85D9);
655
- --octavius-color-icon-unread--active: var(--vkui--octavius_color_icon_unread--active, #3A80D3);
657
+ --octavius-color-icon-unread: var(--vkui--octavius_color_icon_unread, #2688EB);
658
+ --octavius-color-icon-unread--hover: var(--vkui--octavius_color_icon_unread--hover, #2483E4);
659
+ --octavius-color-icon-unread--active: var(--vkui--octavius_color_icon_unread--active, #237EDD);
656
660
  --octavius-color-icon-favorite: var(--vkui--octavius_color_icon_favorite, #FF3347);
657
661
  --octavius-color-icon-favorite--hover: var(--vkui--octavius_color_icon_favorite--hover, #F53247);
658
662
  --octavius-color-icon-favorite--active: var(--vkui--octavius_color_icon_favorite--active, #EB3046);
@@ -674,9 +678,9 @@
674
678
  --octavius-color-icon-fees: var(--vkui--octavius_color_icon_fees, #e70101);
675
679
  --octavius-color-icon-fees--hover: var(--vkui--octavius_color_icon_fees--hover, #DE0203);
676
680
  --octavius-color-icon-fees--active: var(--vkui--octavius_color_icon_fees--active, #D50206);
677
- --octavius-color-sidebar-icon-unread: var(--vkui--octavius_color_sidebar_icon_unread, #3F8AE0);
678
- --octavius-color-sidebar-icon-unread--hover: var(--vkui--octavius_color_sidebar_icon_unread--hover, #3C85D9);
679
- --octavius-color-sidebar-icon-unread--active: var(--vkui--octavius_color_sidebar_icon_unread--active, #3A80D3);
681
+ --octavius-color-sidebar-icon-unread: var(--vkui--octavius_color_sidebar_icon_unread, #2688EB);
682
+ --octavius-color-sidebar-icon-unread--hover: var(--vkui--octavius_color_sidebar_icon_unread--hover, #2483E4);
683
+ --octavius-color-sidebar-icon-unread--active: var(--vkui--octavius_color_sidebar_icon_unread--active, #237EDD);
680
684
  --octavius-color-sidebar-icon-favorite: var(--vkui--octavius_color_sidebar_icon_favorite, #FF3347);
681
685
  --octavius-color-sidebar-icon-favorite--hover: var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F53247);
682
686
  --octavius-color-sidebar-icon-favorite--active: var(--vkui--octavius_color_sidebar_icon_favorite--active, #EB3046);