@vkontakte/vkui-tokens 4.83.0 → 4.85.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 (94) hide show
  1. package/package.json +9 -9
  2. package/themeDescriptions/base/paradigm.js +1 -1
  3. package/themes/legoAndroid/cssVars/declarations/index.css +8 -8
  4. package/themes/legoAndroid/cssVars/declarations/noSizes.css +8 -8
  5. package/themes/legoAndroid/cssVars/declarations/onlyColors.css +8 -8
  6. package/themes/legoAndroid/cssVars/declarations/onlyColors.js +1 -1
  7. package/themes/legoAndroid/cssVars/declarations/onlyVariables.css +8 -8
  8. package/themes/legoAndroid/cssVars/declarations/onlyVariables.js +1 -1
  9. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css +8 -8
  10. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +8 -2
  11. package/themes/legoAndroid/cssVars/theme/fallbacks/index.css +8 -8
  12. package/themes/legoAndroid/cssVars/theme/fallbacks/index.less +8 -8
  13. package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss +8 -8
  14. package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss +8 -8
  15. package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl +8 -8
  16. package/themes/legoAndroid/cssVars/theme/index.js +1 -1
  17. package/themes/legoAndroid/cssVars/theme/index.json +8 -8
  18. package/themes/legoAndroid/index.css +8 -8
  19. package/themes/legoAndroid/index.js +1 -1
  20. package/themes/legoAndroid/index.json +8 -8
  21. package/themes/legoAndroid/index.less +8 -8
  22. package/themes/legoAndroid/index.pcss +8 -8
  23. package/themes/legoAndroid/index.scss +8 -8
  24. package/themes/legoAndroid/index.styl +8 -8
  25. package/themes/legoAndroid/struct.json +8 -8
  26. package/themes/legoAndroidDark/cssVars/declarations/index.css +8 -8
  27. package/themes/legoAndroidDark/cssVars/declarations/noSizes.css +8 -8
  28. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.css +8 -8
  29. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.js +1 -1
  30. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.css +8 -8
  31. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
  32. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css +8 -8
  33. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +8 -2
  34. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css +8 -8
  35. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less +8 -8
  36. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss +8 -8
  37. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss +8 -8
  38. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl +8 -8
  39. package/themes/legoAndroidDark/cssVars/theme/index.js +1 -1
  40. package/themes/legoAndroidDark/cssVars/theme/index.json +8 -8
  41. package/themes/legoAndroidDark/index.css +8 -8
  42. package/themes/legoAndroidDark/index.js +1 -1
  43. package/themes/legoAndroidDark/index.json +8 -8
  44. package/themes/legoAndroidDark/index.less +8 -8
  45. package/themes/legoAndroidDark/index.pcss +8 -8
  46. package/themes/legoAndroidDark/index.scss +8 -8
  47. package/themes/legoAndroidDark/index.styl +8 -8
  48. package/themes/legoAndroidDark/struct.json +8 -8
  49. package/themes/legoIOS/cssVars/declarations/index.css +8 -8
  50. package/themes/legoIOS/cssVars/declarations/noSizes.css +8 -8
  51. package/themes/legoIOS/cssVars/declarations/onlyColors.css +8 -8
  52. package/themes/legoIOS/cssVars/declarations/onlyColors.js +1 -1
  53. package/themes/legoIOS/cssVars/declarations/onlyVariables.css +8 -8
  54. package/themes/legoIOS/cssVars/declarations/onlyVariables.js +1 -1
  55. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocal.css +8 -8
  56. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +8 -2
  57. package/themes/legoIOS/cssVars/theme/fallbacks/index.css +8 -8
  58. package/themes/legoIOS/cssVars/theme/fallbacks/index.less +8 -8
  59. package/themes/legoIOS/cssVars/theme/fallbacks/index.pcss +8 -8
  60. package/themes/legoIOS/cssVars/theme/fallbacks/index.scss +8 -8
  61. package/themes/legoIOS/cssVars/theme/fallbacks/index.styl +8 -8
  62. package/themes/legoIOS/cssVars/theme/index.js +1 -1
  63. package/themes/legoIOS/cssVars/theme/index.json +8 -8
  64. package/themes/legoIOS/index.css +8 -8
  65. package/themes/legoIOS/index.js +1 -1
  66. package/themes/legoIOS/index.json +8 -8
  67. package/themes/legoIOS/index.less +8 -8
  68. package/themes/legoIOS/index.pcss +8 -8
  69. package/themes/legoIOS/index.scss +8 -8
  70. package/themes/legoIOS/index.styl +8 -8
  71. package/themes/legoIOS/struct.json +8 -8
  72. package/themes/legoIOSDark/cssVars/declarations/index.css +8 -8
  73. package/themes/legoIOSDark/cssVars/declarations/noSizes.css +8 -8
  74. package/themes/legoIOSDark/cssVars/declarations/onlyColors.css +8 -8
  75. package/themes/legoIOSDark/cssVars/declarations/onlyColors.js +1 -1
  76. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.css +8 -8
  77. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  78. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocal.css +8 -8
  79. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +8 -2
  80. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.css +8 -8
  81. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.less +8 -8
  82. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss +8 -8
  83. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss +8 -8
  84. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl +8 -8
  85. package/themes/legoIOSDark/cssVars/theme/index.js +1 -1
  86. package/themes/legoIOSDark/cssVars/theme/index.json +8 -8
  87. package/themes/legoIOSDark/index.css +8 -8
  88. package/themes/legoIOSDark/index.js +1 -1
  89. package/themes/legoIOSDark/index.json +8 -8
  90. package/themes/legoIOSDark/index.less +8 -8
  91. package/themes/legoIOSDark/index.pcss +8 -8
  92. package/themes/legoIOSDark/index.scss +8 -8
  93. package/themes/legoIOSDark/index.styl +8 -8
  94. package/themes/legoIOSDark/struct.json +8 -8
package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css CHANGED
@@ -511,15 +511,15 @@
511
511
  --vkui--color_stroke_contrast: #ffffff;
512
512
  --vkui--color_stroke_contrast--hover: #F5F5F7;
513
513
  --vkui--color_stroke_contrast--active: #EBECEF;
514
- --vkui--color_stroke_primary: #2C2D2E;
515
- --vkui--color_stroke_primary--hover: #2A2C2F;
516
- --vkui--color_stroke_primary--active: #282B2F;
514
+ --vkui--color_stroke_primary: #3b3b3b;
515
+ --vkui--color_stroke_primary--hover: #39393B;
516
+ --vkui--color_stroke_primary--active: #36383B;
517
517
  --vkui--color_image_border_alpha: #33333328;
518
518
  --vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.2);
519
519
  --vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.24);
520
520
  --vkui--color_field_border_alpha: #3333330a;
521
- --vkui--color_field_border_alpha--hover: rgba(51, 51, 51, 0.08);
522
- --vkui--color_field_border_alpha--active: rgba(51, 51, 51, 0.12);
521
+ --vkui--color_field_border_alpha--hover: #3333333d;
522
+ --vkui--color_field_border_alpha--active: #3333335b;
523
523
  --vkui--color_accent_blue: #2e90ff;
524
524
  --vkui--color_accent_blue--hover: #2C8BF7;
525
525
  --vkui--color_accent_blue--active: #2A86EF;
@@ -631,9 +631,9 @@
631
631
  --vkui--color_tabbar_text_inactive: #99a2ad;
632
632
  --vkui--color_tabbar_text_inactive--hover: #939CA9;
633
633
  --vkui--color_tabbar_text_inactive--active: #8D96A4;
634
- --vkui--color_transparent: transparent;
635
- --vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
636
- --vkui--color_transparent--active: rgba(0, 16, 61, 0.08);
634
+ --vkui--color_transparent: #00000000;
635
+ --vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
636
+ --vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
637
637
  --vkui--color_background_inverse: #262626;
638
638
  --vkui--color_background_inverse--hover: #242527;
639
639
  --vkui--color_background_inverse--active: #232428;
package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css CHANGED
@@ -270,12 +270,15 @@
270
270
  --vkui--color_stroke_negative: #f65460;
271
271
  --vkui--color_stroke_negative--hover: #EC515F;
272
272
  --vkui--color_stroke_negative--active: #E24F5D;
273
+ --vkui--color_stroke_primary: #3b3b3b;
274
+ --vkui--color_stroke_primary--hover: #39393B;
275
+ --vkui--color_stroke_primary--active: #36383B;
273
276
  --vkui--color_image_border_alpha: #33333328;
274
277
  --vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.2);
275
278
  --vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.24);
276
279
  --vkui--color_field_border_alpha: #3333330a;
277
- --vkui--color_field_border_alpha--hover: rgba(51, 51, 51, 0.08);
278
- --vkui--color_field_border_alpha--active: rgba(51, 51, 51, 0.12);
280
+ --vkui--color_field_border_alpha--hover: #3333333d;
281
+ --vkui--color_field_border_alpha--active: #3333335b;
279
282
  --vkui--color_accent_blue: #2e90ff;
280
283
  --vkui--color_accent_blue--hover: #2C8BF7;
281
284
  --vkui--color_accent_blue--active: #2A86EF;
@@ -309,6 +312,9 @@
309
312
  --vkui--color_write_bar_input_border_alpha: #ddff00;
310
313
  --vkui--color_write_bar_input_border_alpha--hover: #D4F502;
311
314
  --vkui--color_write_bar_input_border_alpha--active: #CBEC05;
315
+ --vkui--color_transparent: #00000000;
316
+ --vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
317
+ --vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
312
318
  --vkui--color_background_inverse: #262626;
313
319
  --vkui--color_background_inverse--hover: #242527;
314
320
  --vkui--color_background_inverse--active: #232428;
package/themes/legoAndroid/cssVars/theme/fallbacks/index.css CHANGED
@@ -511,15 +511,15 @@
511
511
  --vkui--color_stroke_contrast: var(--vkui--color_stroke_contrast, #ffffff);
512
512
  --vkui--color_stroke_contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
513
513
  --vkui--color_stroke_contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
514
- --vkui--color_stroke_primary: var(--vkui--color_stroke_primary, #2C2D2E);
515
- --vkui--color_stroke_primary--hover: var(--vkui--color_stroke_primary--hover, #2A2C2F);
516
- --vkui--color_stroke_primary--active: var(--vkui--color_stroke_primary--active, #282B2F);
514
+ --vkui--color_stroke_primary: var(--vkui--color_stroke_primary, #3b3b3b);
515
+ --vkui--color_stroke_primary--hover: var(--vkui--color_stroke_primary--hover, #39393B);
516
+ --vkui--color_stroke_primary--active: var(--vkui--color_stroke_primary--active, #36383B);
517
517
  --vkui--color_image_border_alpha: var(--vkui--color_image_border_alpha, #33333328);
518
518
  --vkui--color_image_border_alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(51, 51, 51, 0.2));
519
519
  --vkui--color_image_border_alpha--active: var(--vkui--color_image_border_alpha--active, rgba(51, 51, 51, 0.24));
520
520
  --vkui--color_field_border_alpha: var(--vkui--color_field_border_alpha, #3333330a);
521
- --vkui--color_field_border_alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(51, 51, 51, 0.08));
522
- --vkui--color_field_border_alpha--active: var(--vkui--color_field_border_alpha--active, rgba(51, 51, 51, 0.12));
521
+ --vkui--color_field_border_alpha--hover: var(--vkui--color_field_border_alpha--hover, #3333333d);
522
+ --vkui--color_field_border_alpha--active: var(--vkui--color_field_border_alpha--active, #3333335b);
523
523
  --vkui--color_accent_blue: var(--vkui--color_accent_blue, #2e90ff);
524
524
  --vkui--color_accent_blue--hover: var(--vkui--color_accent_blue--hover, #2C8BF7);
525
525
  --vkui--color_accent_blue--active: var(--vkui--color_accent_blue--active, #2A86EF);
@@ -631,9 +631,9 @@
631
631
  --vkui--color_tabbar_text_inactive: var(--vkui--color_tabbar_text_inactive, #99a2ad);
632
632
  --vkui--color_tabbar_text_inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
633
633
  --vkui--color_tabbar_text_inactive--active: var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
634
- --vkui--color_transparent: var(--vkui--color_transparent, transparent);
635
- --vkui--color_transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
636
- --vkui--color_transparent--active: var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
634
+ --vkui--color_transparent: var(--vkui--color_transparent, #00000000);
635
+ --vkui--color_transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
636
+ --vkui--color_transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
637
637
  --vkui--color_background_inverse: var(--vkui--color_background_inverse, #262626);
638
638
  --vkui--color_background_inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
639
639
  --vkui--color_background_inverse--active: var(--vkui--color_background_inverse--active, #232428);
package/themes/legoAndroid/cssVars/theme/fallbacks/index.less CHANGED
@@ -379,15 +379,15 @@
379
379
  @color-stroke-contrast: var(--vkui--color_stroke_contrast, #ffffff);
380
380
  @color-stroke-contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
381
381
  @color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
382
- @color-stroke-primary: var(--vkui--color_stroke_primary, #2C2D2E);
383
- @color-stroke-primary--hover: var(--vkui--color_stroke_primary--hover, #2A2C2F);
384
- @color-stroke-primary--active: var(--vkui--color_stroke_primary--active, #282B2F);
382
+ @color-stroke-primary: var(--vkui--color_stroke_primary, #3b3b3b);
383
+ @color-stroke-primary--hover: var(--vkui--color_stroke_primary--hover, #39393B);
384
+ @color-stroke-primary--active: var(--vkui--color_stroke_primary--active, #36383B);
385
385
  @color-image-border-alpha: var(--vkui--color_image_border_alpha, #33333328);
386
386
  @color-image-border-alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(51, 51, 51, 0.2));
387
387
  @color-image-border-alpha--active: var(--vkui--color_image_border_alpha--active, rgba(51, 51, 51, 0.24));
388
388
  @color-field-border-alpha: var(--vkui--color_field_border_alpha, #3333330a);
389
- @color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(51, 51, 51, 0.08));
390
- @color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(51, 51, 51, 0.12));
389
+ @color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, #3333333d);
390
+ @color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, #3333335b);
391
391
  @color-accent-blue: var(--vkui--color_accent_blue, #2e90ff);
392
392
  @color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #2C8BF7);
393
393
  @color-accent-blue--active: var(--vkui--color_accent_blue--active, #2A86EF);
@@ -499,9 +499,9 @@
499
499
  @color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #99a2ad);
500
500
  @color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
501
501
  @color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
502
- @color-transparent: var(--vkui--color_transparent, transparent);
503
- @color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
504
- @color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
502
+ @color-transparent: var(--vkui--color_transparent, #00000000);
503
+ @color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
504
+ @color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
505
505
  @color-background-inverse: var(--vkui--color_background_inverse, #262626);
506
506
  @color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
507
507
  @color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss CHANGED
@@ -380,15 +380,15 @@
380
380
  --color-stroke-contrast: var(--vkui--color_stroke_contrast, #ffffff);
381
381
  --color-stroke-contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
382
382
  --color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
383
- --color-stroke-primary: var(--vkui--color_stroke_primary, #2C2D2E);
384
- --color-stroke-primary--hover: var(--vkui--color_stroke_primary--hover, #2A2C2F);
385
- --color-stroke-primary--active: var(--vkui--color_stroke_primary--active, #282B2F);
383
+ --color-stroke-primary: var(--vkui--color_stroke_primary, #3b3b3b);
384
+ --color-stroke-primary--hover: var(--vkui--color_stroke_primary--hover, #39393B);
385
+ --color-stroke-primary--active: var(--vkui--color_stroke_primary--active, #36383B);
386
386
  --color-image-border-alpha: var(--vkui--color_image_border_alpha, #33333328);
387
387
  --color-image-border-alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(51, 51, 51, 0.2));
388
388
  --color-image-border-alpha--active: var(--vkui--color_image_border_alpha--active, rgba(51, 51, 51, 0.24));
389
389
  --color-field-border-alpha: var(--vkui--color_field_border_alpha, #3333330a);
390
- --color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(51, 51, 51, 0.08));
391
- --color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(51, 51, 51, 0.12));
390
+ --color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, #3333333d);
391
+ --color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, #3333335b);
392
392
  --color-accent-blue: var(--vkui--color_accent_blue, #2e90ff);
393
393
  --color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #2C8BF7);
394
394
  --color-accent-blue--active: var(--vkui--color_accent_blue--active, #2A86EF);
@@ -500,9 +500,9 @@
500
500
  --color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #99a2ad);
501
501
  --color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
502
502
  --color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
503
- --color-transparent: var(--vkui--color_transparent, transparent);
504
- --color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
505
- --color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
503
+ --color-transparent: var(--vkui--color_transparent, #00000000);
504
+ --color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
505
+ --color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
506
506
  --color-background-inverse: var(--vkui--color_background_inverse, #262626);
507
507
  --color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
508
508
  --color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss CHANGED
@@ -379,15 +379,15 @@ $color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #E24F
379
379
  $color-stroke-contrast: var(--vkui--color_stroke_contrast, #ffffff);
380
380
  $color-stroke-contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
381
381
  $color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
382
- $color-stroke-primary: var(--vkui--color_stroke_primary, #2C2D2E);
383
- $color-stroke-primary--hover: var(--vkui--color_stroke_primary--hover, #2A2C2F);
384
- $color-stroke-primary--active: var(--vkui--color_stroke_primary--active, #282B2F);
382
+ $color-stroke-primary: var(--vkui--color_stroke_primary, #3b3b3b);
383
+ $color-stroke-primary--hover: var(--vkui--color_stroke_primary--hover, #39393B);
384
+ $color-stroke-primary--active: var(--vkui--color_stroke_primary--active, #36383B);
385
385
  $color-image-border-alpha: var(--vkui--color_image_border_alpha, #33333328);
386
386
  $color-image-border-alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(51, 51, 51, 0.2));
387
387
  $color-image-border-alpha--active: var(--vkui--color_image_border_alpha--active, rgba(51, 51, 51, 0.24));
388
388
  $color-field-border-alpha: var(--vkui--color_field_border_alpha, #3333330a);
389
- $color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(51, 51, 51, 0.08));
390
- $color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(51, 51, 51, 0.12));
389
+ $color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, #3333333d);
390
+ $color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, #3333335b);
391
391
  $color-accent-blue: var(--vkui--color_accent_blue, #2e90ff);
392
392
  $color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #2C8BF7);
393
393
  $color-accent-blue--active: var(--vkui--color_accent_blue--active, #2A86EF);
@@ -499,9 +499,9 @@ $color-segmented-control--active: var(--vkui--color_segmented_control--active, #
499
499
  $color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #99a2ad);
500
500
  $color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
501
501
  $color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
502
- $color-transparent: var(--vkui--color_transparent, transparent);
503
- $color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
504
- $color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
502
+ $color-transparent: var(--vkui--color_transparent, #00000000);
503
+ $color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
504
+ $color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
505
505
  $color-background-inverse: var(--vkui--color_background_inverse, #262626);
506
506
  $color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
507
507
  $color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl CHANGED
@@ -379,15 +379,15 @@ $color-stroke-negative--active = var(--vkui--color_stroke_negative--active, #E24
379
379
  $color-stroke-contrast = var(--vkui--color_stroke_contrast, #ffffff);
380
380
  $color-stroke-contrast--hover = var(--vkui--color_stroke_contrast--hover, #F5F5F7);
381
381
  $color-stroke-contrast--active = var(--vkui--color_stroke_contrast--active, #EBECEF);
382
- $color-stroke-primary = var(--vkui--color_stroke_primary, #2C2D2E);
383
- $color-stroke-primary--hover = var(--vkui--color_stroke_primary--hover, #2A2C2F);
384
- $color-stroke-primary--active = var(--vkui--color_stroke_primary--active, #282B2F);
382
+ $color-stroke-primary = var(--vkui--color_stroke_primary, #3b3b3b);
383
+ $color-stroke-primary--hover = var(--vkui--color_stroke_primary--hover, #39393B);
384
+ $color-stroke-primary--active = var(--vkui--color_stroke_primary--active, #36383B);
385
385
  $color-image-border-alpha = var(--vkui--color_image_border_alpha, #33333328);
386
386
  $color-image-border-alpha--hover = var(--vkui--color_image_border_alpha--hover, rgba(51, 51, 51, 0.2));
387
387
  $color-image-border-alpha--active = var(--vkui--color_image_border_alpha--active, rgba(51, 51, 51, 0.24));
388
388
  $color-field-border-alpha = var(--vkui--color_field_border_alpha, #3333330a);
389
- $color-field-border-alpha--hover = var(--vkui--color_field_border_alpha--hover, rgba(51, 51, 51, 0.08));
390
- $color-field-border-alpha--active = var(--vkui--color_field_border_alpha--active, rgba(51, 51, 51, 0.12));
389
+ $color-field-border-alpha--hover = var(--vkui--color_field_border_alpha--hover, #3333333d);
390
+ $color-field-border-alpha--active = var(--vkui--color_field_border_alpha--active, #3333335b);
391
391
  $color-accent-blue = var(--vkui--color_accent_blue, #2e90ff);
392
392
  $color-accent-blue--hover = var(--vkui--color_accent_blue--hover, #2C8BF7);
393
393
  $color-accent-blue--active = var(--vkui--color_accent_blue--active, #2A86EF);
@@ -499,9 +499,9 @@ $color-segmented-control--active = var(--vkui--color_segmented_control--active,
499
499
  $color-tabbar-text-inactive = var(--vkui--color_tabbar_text_inactive, #99a2ad);
500
500
  $color-tabbar-text-inactive--hover = var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
501
501
  $color-tabbar-text-inactive--active = var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
502
- $color-transparent = var(--vkui--color_transparent, transparent);
503
- $color-transparent--hover = var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
504
- $color-transparent--active = var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
502
+ $color-transparent = var(--vkui--color_transparent, #00000000);
503
+ $color-transparent--hover = var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
504
+ $color-transparent--active = var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
505
505
  $color-background-inverse = var(--vkui--color_background_inverse, #262626);
506
506
  $color-background-inverse--hover = var(--vkui--color_background_inverse--hover, #242527);
507
507
  $color-background-inverse--active = var(--vkui--color_background_inverse--active, #232428);