@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/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css CHANGED
@@ -511,15 +511,15 @@
511
511
  --vkui--color_stroke_contrast: #FFFFFF;
512
512
  --vkui--color_stroke_contrast--hover: #EBEDF0;
513
513
  --vkui--color_stroke_contrast--active: #D7D8DB;
514
- --vkui--color_stroke_primary: #E1E3E6;
515
- --vkui--color_stroke_primary--hover: #E2E4E7;
516
- --vkui--color_stroke_primary--active: #E3E5E8;
514
+ --vkui--color_stroke_primary: #FFFFFF;
515
+ --vkui--color_stroke_primary--hover: #EBEDF0;
516
+ --vkui--color_stroke_primary--active: #D7D8DB;
517
517
  --vkui--color_image_border_alpha: #ffffff3d;
518
518
  --vkui--color_image_border_alpha--hover: rgba(255, 255, 255, 0.28);
519
519
  --vkui--color_image_border_alpha--active: rgba(255, 255, 255, 0.32);
520
520
  --vkui--color_field_border_alpha: #ffffff0f;
521
- --vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.1);
522
- --vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.14);
521
+ --vkui--color_field_border_alpha--hover: #ffffff28;
522
+ --vkui--color_field_border_alpha--active: #ffffff33;
523
523
  --vkui--color_accent_blue: #2e90ff;
524
524
  --vkui--color_accent_blue--hover: #3694FF;
525
525
  --vkui--color_accent_blue--active: #3F99FF;
@@ -631,9 +631,9 @@
631
631
  --vkui--color_tabbar_text_inactive: #76787a;
632
632
  --vkui--color_tabbar_text_inactive--hover: #7B7D7F;
633
633
  --vkui--color_tabbar_text_inactive--active: #818385;
634
- --vkui--color_transparent: transparent;
635
- --vkui--color_transparent--hover: rgba(255, 255, 255, 0.04);
636
- --vkui--color_transparent--active: rgba(255, 255, 255, 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: #FFFFFF;
638
638
  --vkui--color_background_inverse--hover: #EBEDF0;
639
639
  --vkui--color_background_inverse--active: #D7D8DB;
package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css CHANGED
@@ -261,12 +261,15 @@
261
261
  --vkui--color_stroke_negative: #fd6571;
262
262
  --vkui--color_stroke_negative--hover: #FD6B77;
263
263
  --vkui--color_stroke_negative--active: #FD717C;
264
+ --vkui--color_stroke_primary: #FFFFFF;
265
+ --vkui--color_stroke_primary--hover: #EBEDF0;
266
+ --vkui--color_stroke_primary--active: #D7D8DB;
264
267
  --vkui--color_image_border_alpha: #ffffff3d;
265
268
  --vkui--color_image_border_alpha--hover: rgba(255, 255, 255, 0.28);
266
269
  --vkui--color_image_border_alpha--active: rgba(255, 255, 255, 0.32);
267
270
  --vkui--color_field_border_alpha: #ffffff0f;
268
- --vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.1);
269
- --vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.14);
271
+ --vkui--color_field_border_alpha--hover: #ffffff28;
272
+ --vkui--color_field_border_alpha--active: #ffffff33;
270
273
  --vkui--color_accent_blue: #2e90ff;
271
274
  --vkui--color_accent_blue--hover: #3694FF;
272
275
  --vkui--color_accent_blue--active: #3F99FF;
@@ -303,6 +306,9 @@
303
306
  --vkui--color_write_bar_input_border_alpha: #ddff00;
304
307
  --vkui--color_write_bar_input_border_alpha--hover: #DEFF0A;
305
308
  --vkui--color_write_bar_input_border_alpha--active: #E0FF14;
309
+ --vkui--color_transparent: #00000000;
310
+ --vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
311
+ --vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
306
312
  --vkui--color_background_inverse: #FFFFFF;
307
313
  --vkui--color_background_inverse--hover: #EBEDF0;
308
314
  --vkui--color_background_inverse--active: #D7D8DB;
package/themes/legoAndroidDark/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, #EBEDF0);
513
513
  --vkui--color_stroke_contrast--active: var(--vkui--color_stroke_contrast--active, #D7D8DB);
514
- --vkui--color_stroke_primary: var(--vkui--color_stroke_primary, #E1E3E6);
515
- --vkui--color_stroke_primary--hover: var(--vkui--color_stroke_primary--hover, #E2E4E7);
516
- --vkui--color_stroke_primary--active: var(--vkui--color_stroke_primary--active, #E3E5E8);
514
+ --vkui--color_stroke_primary: var(--vkui--color_stroke_primary, #FFFFFF);
515
+ --vkui--color_stroke_primary--hover: var(--vkui--color_stroke_primary--hover, #EBEDF0);
516
+ --vkui--color_stroke_primary--active: var(--vkui--color_stroke_primary--active, #D7D8DB);
517
517
  --vkui--color_image_border_alpha: var(--vkui--color_image_border_alpha, #ffffff3d);
518
518
  --vkui--color_image_border_alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.28));
519
519
  --vkui--color_image_border_alpha--active: var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.32));
520
520
  --vkui--color_field_border_alpha: var(--vkui--color_field_border_alpha, #ffffff0f);
521
- --vkui--color_field_border_alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.1));
522
- --vkui--color_field_border_alpha--active: var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.14));
521
+ --vkui--color_field_border_alpha--hover: var(--vkui--color_field_border_alpha--hover, #ffffff28);
522
+ --vkui--color_field_border_alpha--active: var(--vkui--color_field_border_alpha--active, #ffffff33);
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, #3694FF);
525
525
  --vkui--color_accent_blue--active: var(--vkui--color_accent_blue--active, #3F99FF);
@@ -631,9 +631,9 @@
631
631
  --vkui--color_tabbar_text_inactive: var(--vkui--color_tabbar_text_inactive, #76787a);
632
632
  --vkui--color_tabbar_text_inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F);
633
633
  --vkui--color_tabbar_text_inactive--active: var(--vkui--color_tabbar_text_inactive--active, #818385);
634
- --vkui--color_transparent: var(--vkui--color_transparent, transparent);
635
- --vkui--color_transparent--hover: var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
636
- --vkui--color_transparent--active: var(--vkui--color_transparent--active, rgba(255, 255, 255, 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, #FFFFFF);
638
638
  --vkui--color_background_inverse--hover: var(--vkui--color_background_inverse--hover, #EBEDF0);
639
639
  --vkui--color_background_inverse--active: var(--vkui--color_background_inverse--active, #D7D8DB);
package/themes/legoAndroidDark/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, #EBEDF0);
381
381
  @color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #D7D8DB);
382
- @color-stroke-primary: var(--vkui--color_stroke_primary, #E1E3E6);
383
- @color-stroke-primary--hover: var(--vkui--color_stroke_primary--hover, #E2E4E7);
384
- @color-stroke-primary--active: var(--vkui--color_stroke_primary--active, #E3E5E8);
382
+ @color-stroke-primary: var(--vkui--color_stroke_primary, #FFFFFF);
383
+ @color-stroke-primary--hover: var(--vkui--color_stroke_primary--hover, #EBEDF0);
384
+ @color-stroke-primary--active: var(--vkui--color_stroke_primary--active, #D7D8DB);
385
385
  @color-image-border-alpha: var(--vkui--color_image_border_alpha, #ffffff3d);
386
386
  @color-image-border-alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.28));
387
387
  @color-image-border-alpha--active: var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.32));
388
388
  @color-field-border-alpha: var(--vkui--color_field_border_alpha, #ffffff0f);
389
- @color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.1));
390
- @color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.14));
389
+ @color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, #ffffff28);
390
+ @color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, #ffffff33);
391
391
  @color-accent-blue: var(--vkui--color_accent_blue, #2e90ff);
392
392
  @color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #3694FF);
393
393
  @color-accent-blue--active: var(--vkui--color_accent_blue--active, #3F99FF);
@@ -499,9 +499,9 @@
499
499
  @color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #76787a);
500
500
  @color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F);
501
501
  @color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #818385);
502
- @color-transparent: var(--vkui--color_transparent, transparent);
503
- @color-transparent--hover: var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
504
- @color-transparent--active: var(--vkui--color_transparent--active, rgba(255, 255, 255, 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, #FFFFFF);
506
506
  @color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #EBEDF0);
507
507
  @color-background-inverse--active: var(--vkui--color_background_inverse--active, #D7D8DB);
package/themes/legoAndroidDark/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, #EBEDF0);
382
382
  --color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #D7D8DB);
383
- --color-stroke-primary: var(--vkui--color_stroke_primary, #E1E3E6);
384
- --color-stroke-primary--hover: var(--vkui--color_stroke_primary--hover, #E2E4E7);
385
- --color-stroke-primary--active: var(--vkui--color_stroke_primary--active, #E3E5E8);
383
+ --color-stroke-primary: var(--vkui--color_stroke_primary, #FFFFFF);
384
+ --color-stroke-primary--hover: var(--vkui--color_stroke_primary--hover, #EBEDF0);
385
+ --color-stroke-primary--active: var(--vkui--color_stroke_primary--active, #D7D8DB);
386
386
  --color-image-border-alpha: var(--vkui--color_image_border_alpha, #ffffff3d);
387
387
  --color-image-border-alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.28));
388
388
  --color-image-border-alpha--active: var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.32));
389
389
  --color-field-border-alpha: var(--vkui--color_field_border_alpha, #ffffff0f);
390
- --color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.1));
391
- --color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.14));
390
+ --color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, #ffffff28);
391
+ --color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, #ffffff33);
392
392
  --color-accent-blue: var(--vkui--color_accent_blue, #2e90ff);
393
393
  --color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #3694FF);
394
394
  --color-accent-blue--active: var(--vkui--color_accent_blue--active, #3F99FF);
@@ -500,9 +500,9 @@
500
500
  --color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #76787a);
501
501
  --color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F);
502
502
  --color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #818385);
503
- --color-transparent: var(--vkui--color_transparent, transparent);
504
- --color-transparent--hover: var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
505
- --color-transparent--active: var(--vkui--color_transparent--active, rgba(255, 255, 255, 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, #FFFFFF);
507
507
  --color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #EBEDF0);
508
508
  --color-background-inverse--active: var(--vkui--color_background_inverse--active, #D7D8DB);
package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss CHANGED
@@ -379,15 +379,15 @@ $color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #FD71
379
379
  $color-stroke-contrast: var(--vkui--color_stroke_contrast, #FFFFFF);
380
380
  $color-stroke-contrast--hover: var(--vkui--color_stroke_contrast--hover, #EBEDF0);
381
381
  $color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #D7D8DB);
382
- $color-stroke-primary: var(--vkui--color_stroke_primary, #E1E3E6);
383
- $color-stroke-primary--hover: var(--vkui--color_stroke_primary--hover, #E2E4E7);
384
- $color-stroke-primary--active: var(--vkui--color_stroke_primary--active, #E3E5E8);
382
+ $color-stroke-primary: var(--vkui--color_stroke_primary, #FFFFFF);
383
+ $color-stroke-primary--hover: var(--vkui--color_stroke_primary--hover, #EBEDF0);
384
+ $color-stroke-primary--active: var(--vkui--color_stroke_primary--active, #D7D8DB);
385
385
  $color-image-border-alpha: var(--vkui--color_image_border_alpha, #ffffff3d);
386
386
  $color-image-border-alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.28));
387
387
  $color-image-border-alpha--active: var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.32));
388
388
  $color-field-border-alpha: var(--vkui--color_field_border_alpha, #ffffff0f);
389
- $color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.1));
390
- $color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.14));
389
+ $color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, #ffffff28);
390
+ $color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, #ffffff33);
391
391
  $color-accent-blue: var(--vkui--color_accent_blue, #2e90ff);
392
392
  $color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #3694FF);
393
393
  $color-accent-blue--active: var(--vkui--color_accent_blue--active, #3F99FF);
@@ -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, #76787a);
500
500
  $color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F);
501
501
  $color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #818385);
502
- $color-transparent: var(--vkui--color_transparent, transparent);
503
- $color-transparent--hover: var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
504
- $color-transparent--active: var(--vkui--color_transparent--active, rgba(255, 255, 255, 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, #FFFFFF);
506
506
  $color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #EBEDF0);
507
507
  $color-background-inverse--active: var(--vkui--color_background_inverse--active, #D7D8DB);
package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl CHANGED
@@ -379,15 +379,15 @@ $color-stroke-negative--active = var(--vkui--color_stroke_negative--active, #FD7
379
379
  $color-stroke-contrast = var(--vkui--color_stroke_contrast, #FFFFFF);
380
380
  $color-stroke-contrast--hover = var(--vkui--color_stroke_contrast--hover, #EBEDF0);
381
381
  $color-stroke-contrast--active = var(--vkui--color_stroke_contrast--active, #D7D8DB);
382
- $color-stroke-primary = var(--vkui--color_stroke_primary, #E1E3E6);
383
- $color-stroke-primary--hover = var(--vkui--color_stroke_primary--hover, #E2E4E7);
384
- $color-stroke-primary--active = var(--vkui--color_stroke_primary--active, #E3E5E8);
382
+ $color-stroke-primary = var(--vkui--color_stroke_primary, #FFFFFF);
383
+ $color-stroke-primary--hover = var(--vkui--color_stroke_primary--hover, #EBEDF0);
384
+ $color-stroke-primary--active = var(--vkui--color_stroke_primary--active, #D7D8DB);
385
385
  $color-image-border-alpha = var(--vkui--color_image_border_alpha, #ffffff3d);
386
386
  $color-image-border-alpha--hover = var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.28));
387
387
  $color-image-border-alpha--active = var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.32));
388
388
  $color-field-border-alpha = var(--vkui--color_field_border_alpha, #ffffff0f);
389
- $color-field-border-alpha--hover = var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.1));
390
- $color-field-border-alpha--active = var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.14));
389
+ $color-field-border-alpha--hover = var(--vkui--color_field_border_alpha--hover, #ffffff28);
390
+ $color-field-border-alpha--active = var(--vkui--color_field_border_alpha--active, #ffffff33);
391
391
  $color-accent-blue = var(--vkui--color_accent_blue, #2e90ff);
392
392
  $color-accent-blue--hover = var(--vkui--color_accent_blue--hover, #3694FF);
393
393
  $color-accent-blue--active = var(--vkui--color_accent_blue--active, #3F99FF);
@@ -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, #76787a);
500
500
  $color-tabbar-text-inactive--hover = var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F);
501
501
  $color-tabbar-text-inactive--active = var(--vkui--color_tabbar_text_inactive--active, #818385);
502
- $color-transparent = var(--vkui--color_transparent, transparent);
503
- $color-transparent--hover = var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
504
- $color-transparent--active = var(--vkui--color_transparent--active, rgba(255, 255, 255, 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, #FFFFFF);
506
506
  $color-background-inverse--hover = var(--vkui--color_background_inverse--hover, #EBEDF0);
507
507
  $color-background-inverse--active = var(--vkui--color_background_inverse--active, #D7D8DB);