@vkontakte/vkui-tokens 4.78.0 → 4.78.1

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 (49) hide show
  1. package/package.json +1 -1
  2. package/themeDescriptions/base/paradigm.js +1 -1
  3. package/themes/legoAndroidDark/cssVars/declarations/index.css +4 -4
  4. package/themes/legoAndroidDark/cssVars/declarations/noColors.css +1 -1
  5. package/themes/legoAndroidDark/cssVars/declarations/noSizes.css +4 -4
  6. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.css +3 -3
  7. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.js +1 -1
  8. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.css +4 -4
  9. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
  10. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css +4 -4
  11. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +4 -0
  12. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css +4 -4
  13. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less +4 -4
  14. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss +4 -4
  15. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss +4 -4
  16. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl +4 -4
  17. package/themes/legoAndroidDark/cssVars/theme/index.js +1 -1
  18. package/themes/legoAndroidDark/cssVars/theme/index.json +4 -4
  19. package/themes/legoAndroidDark/index.css +4 -4
  20. package/themes/legoAndroidDark/index.js +1 -1
  21. package/themes/legoAndroidDark/index.json +4 -4
  22. package/themes/legoAndroidDark/index.less +4 -4
  23. package/themes/legoAndroidDark/index.pcss +4 -4
  24. package/themes/legoAndroidDark/index.scss +4 -4
  25. package/themes/legoAndroidDark/index.styl +4 -4
  26. package/themes/legoAndroidDark/struct.json +9 -9
  27. package/themes/legoIOSDark/cssVars/declarations/index.css +3 -3
  28. package/themes/legoIOSDark/cssVars/declarations/noSizes.css +3 -3
  29. package/themes/legoIOSDark/cssVars/declarations/onlyColors.css +3 -3
  30. package/themes/legoIOSDark/cssVars/declarations/onlyColors.js +1 -1
  31. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.css +3 -3
  32. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  33. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocal.css +3 -3
  34. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +3 -0
  35. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.css +3 -3
  36. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.less +3 -3
  37. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss +3 -3
  38. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss +3 -3
  39. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl +3 -3
  40. package/themes/legoIOSDark/cssVars/theme/index.js +1 -1
  41. package/themes/legoIOSDark/cssVars/theme/index.json +3 -3
  42. package/themes/legoIOSDark/index.css +3 -3
  43. package/themes/legoIOSDark/index.js +1 -1
  44. package/themes/legoIOSDark/index.json +3 -3
  45. package/themes/legoIOSDark/index.less +3 -3
  46. package/themes/legoIOSDark/index.pcss +3 -3
  47. package/themes/legoIOSDark/index.scss +3 -3
  48. package/themes/legoIOSDark/index.styl +3 -3
  49. package/themes/legoIOSDark/struct.json +3 -3
package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css CHANGED
@@ -240,7 +240,7 @@
240
240
  --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
241
241
  --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
242
242
  --vkui--gradient_tint: rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%;
243
- --vkui--gradient: rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 100%;
243
+ --vkui--gradient: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.95) 85%, var(--vkui--color_background_content, rgba(0, 0, 0, 1)) 100%;
244
244
  --vkui--font_headline--font_size--regular: 17px;
245
245
  --vkui--font_headline--line_height--regular: 20px;
246
246
  --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -301,9 +301,9 @@
301
301
  --vkui--color_background: #000000;
302
302
  --vkui--color_background--hover: #0A0A0A;
303
303
  --vkui--color_background--active: #141414;
304
- --vkui--color_background_content: #19191a;
305
- --vkui--color_background_content--hover: #222223;
306
- --vkui--color_background_content--active: #2B2B2C;
304
+ --vkui--color_background_content: #000000;
305
+ --vkui--color_background_content--hover: #0A0A0A;
306
+ --vkui--color_background_content--active: #141414;
307
307
  --vkui--color_background_content_alpha: rgba(25, 25, 26, 0.8);
308
308
  --vkui--color_background_content_alpha--hover: rgba(25, 25, 26, 0.84);
309
309
  --vkui--color_background_content_alpha--active: rgba(25, 25, 26, 0.88);
package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css CHANGED
@@ -130,6 +130,7 @@
130
130
  --vkui--font_body--font_weight--regular: 520;
131
131
  --vkui--font_body--font_variation_settings--optical_size--regular: 22;
132
132
  --vkui--gradient_tint: rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%;
133
+ --vkui--gradient: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.95) 85%, var(--vkui--color_background_content, rgba(0, 0, 0, 1)) 100%;
133
134
  --vkui--font_headline--font_size--regular: 17px;
134
135
  --vkui--font_headline--line_height--regular: 20px;
135
136
  --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -143,6 +144,9 @@
143
144
  --vkui--color_background: #000000;
144
145
  --vkui--color_background--hover: #0A0A0A;
145
146
  --vkui--color_background--active: #141414;
147
+ --vkui--color_background_content: #000000;
148
+ --vkui--color_background_content--hover: #0A0A0A;
149
+ --vkui--color_background_content--active: #141414;
146
150
  --vkui--color_background_secondary: #1e1e1c;
147
151
  --vkui--color_background_secondary--hover: #272725;
148
152
  --vkui--color_background_secondary--active: #30302E;
package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css CHANGED
@@ -240,7 +240,7 @@
240
240
  --vkui--gradient_black: var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%);
241
241
  --vkui--gradient_white: var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%);
242
242
  --vkui--gradient_tint: var(--vkui--gradient_tint, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%);
243
- --vkui--gradient: var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 100%);
243
+ --vkui--gradient: var(--vkui--gradient, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.95) 85%, var(--vkui--color_background_content, rgba(0, 0, 0, 1)) 100%);
244
244
  --vkui--font_headline--font_size--regular: var(--vkui--font_headline--font_size--regular, 17px);
245
245
  --vkui--font_headline--line_height--regular: var(--vkui--font_headline--line_height--regular, 20px);
246
246
  --vkui--font_headline--font_family--regular: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
@@ -301,9 +301,9 @@
301
301
  --vkui--color_background: var(--vkui--color_background, #000000);
302
302
  --vkui--color_background--hover: var(--vkui--color_background--hover, #0A0A0A);
303
303
  --vkui--color_background--active: var(--vkui--color_background--active, #141414);
304
- --vkui--color_background_content: var(--vkui--color_background_content, #19191a);
305
- --vkui--color_background_content--hover: var(--vkui--color_background_content--hover, #222223);
306
- --vkui--color_background_content--active: var(--vkui--color_background_content--active, #2B2B2C);
304
+ --vkui--color_background_content: var(--vkui--color_background_content, #000000);
305
+ --vkui--color_background_content--hover: var(--vkui--color_background_content--hover, #0A0A0A);
306
+ --vkui--color_background_content--active: var(--vkui--color_background_content--active, #141414);
307
307
  --vkui--color_background_content_alpha: var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8));
308
308
  --vkui--color_background_content_alpha--hover: var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84));
309
309
  --vkui--color_background_content_alpha--active: var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88));
package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less CHANGED
@@ -124,7 +124,7 @@
124
124
  @gradient-black: var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%);
125
125
  @gradient-white: var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%);
126
126
  @gradient-tint: var(--vkui--gradient_tint, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%);
127
- @gradient: var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 100%);
127
+ @gradient: var(--vkui--gradient, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.95) 85%, var(--vkui--color_background_content, rgba(0, 0, 0, 1)) 100%);
128
128
  @vkontakte-gradient-aquamarine-blue: var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%);
129
129
  @vkontakte-gradient-blue: var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%);
130
130
  @vkontakte-gradient-candy: var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%);
@@ -178,9 +178,9 @@
178
178
  @color-background: var(--vkui--color_background, #000000);
179
179
  @color-background--hover: var(--vkui--color_background--hover, #0A0A0A);
180
180
  @color-background--active: var(--vkui--color_background--active, #141414);
181
- @color-background-content: var(--vkui--color_background_content, #19191a);
182
- @color-background-content--hover: var(--vkui--color_background_content--hover, #222223);
183
- @color-background-content--active: var(--vkui--color_background_content--active, #2B2B2C);
181
+ @color-background-content: var(--vkui--color_background_content, #000000);
182
+ @color-background-content--hover: var(--vkui--color_background_content--hover, #0A0A0A);
183
+ @color-background-content--active: var(--vkui--color_background_content--active, #141414);
184
184
  @color-background-content-alpha: var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8));
185
185
  @color-background-content-alpha--hover: var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84));
186
186
  @color-background-content-alpha--active: var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88));
package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss CHANGED
@@ -125,7 +125,7 @@
125
125
  --gradient-black: var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%);
126
126
  --gradient-white: var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%);
127
127
  --gradient-tint: var(--vkui--gradient_tint, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%);
128
- --gradient: var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 100%);
128
+ --gradient: var(--vkui--gradient, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.95) 85%, var(--vkui--color_background_content, rgba(0, 0, 0, 1)) 100%);
129
129
  --vkontakte-gradient-aquamarine-blue: var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%);
130
130
  --vkontakte-gradient-blue: var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%);
131
131
  --vkontakte-gradient-candy: var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%);
@@ -179,9 +179,9 @@
179
179
  --color-background: var(--vkui--color_background, #000000);
180
180
  --color-background--hover: var(--vkui--color_background--hover, #0A0A0A);
181
181
  --color-background--active: var(--vkui--color_background--active, #141414);
182
- --color-background-content: var(--vkui--color_background_content, #19191a);
183
- --color-background-content--hover: var(--vkui--color_background_content--hover, #222223);
184
- --color-background-content--active: var(--vkui--color_background_content--active, #2B2B2C);
182
+ --color-background-content: var(--vkui--color_background_content, #000000);
183
+ --color-background-content--hover: var(--vkui--color_background_content--hover, #0A0A0A);
184
+ --color-background-content--active: var(--vkui--color_background_content--active, #141414);
185
185
  --color-background-content-alpha: var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8));
186
186
  --color-background-content-alpha--hover: var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84));
187
187
  --color-background-content-alpha--active: var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88));
package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss CHANGED
@@ -124,7 +124,7 @@ $theme-inherits-from: 'var\(--vkui--theme_inherits_from\,\ vkontakteAndroidDark\
124
124
  $gradient-black: var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%);
125
125
  $gradient-white: var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%);
126
126
  $gradient-tint: var(--vkui--gradient_tint, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%);
127
- $gradient: var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 100%);
127
+ $gradient: var(--vkui--gradient, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.95) 85%, var(--vkui--color_background_content, rgba(0, 0, 0, 1)) 100%);
128
128
  $vkontakte-gradient-aquamarine-blue: var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%);
129
129
  $vkontakte-gradient-blue: var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%);
130
130
  $vkontakte-gradient-candy: var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%);
@@ -178,9 +178,9 @@ $color-background-accent-alternative--active: var(--vkui--color_background_accen
178
178
  $color-background: var(--vkui--color_background, #000000);
179
179
  $color-background--hover: var(--vkui--color_background--hover, #0A0A0A);
180
180
  $color-background--active: var(--vkui--color_background--active, #141414);
181
- $color-background-content: var(--vkui--color_background_content, #19191a);
182
- $color-background-content--hover: var(--vkui--color_background_content--hover, #222223);
183
- $color-background-content--active: var(--vkui--color_background_content--active, #2B2B2C);
181
+ $color-background-content: var(--vkui--color_background_content, #000000);
182
+ $color-background-content--hover: var(--vkui--color_background_content--hover, #0A0A0A);
183
+ $color-background-content--active: var(--vkui--color_background_content--active, #141414);
184
184
  $color-background-content-alpha: var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8));
185
185
  $color-background-content-alpha--hover: var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84));
186
186
  $color-background-content-alpha--active: var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88));
package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl CHANGED
@@ -124,7 +124,7 @@ $theme-inherits-from = 'var\(--vkui--theme_inherits_from\,\ vkontakteAndroidDark
124
124
  $gradient-black = var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%);
125
125
  $gradient-white = var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%);
126
126
  $gradient-tint = var(--vkui--gradient_tint, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%);
127
- $gradient = var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 100%);
127
+ $gradient = var(--vkui--gradient, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.95) 85%, var(--vkui--color_background_content, rgba(0, 0, 0, 1)) 100%);
128
128
  $vkontakte-gradient-aquamarine-blue = var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%);
129
129
  $vkontakte-gradient-blue = var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%);
130
130
  $vkontakte-gradient-candy = var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%);
@@ -178,9 +178,9 @@ $color-background-accent-alternative--active = var(--vkui--color_background_acce
178
178
  $color-background = var(--vkui--color_background, #000000);
179
179
  $color-background--hover = var(--vkui--color_background--hover, #0A0A0A);
180
180
  $color-background--active = var(--vkui--color_background--active, #141414);
181
- $color-background-content = var(--vkui--color_background_content, #19191a);
182
- $color-background-content--hover = var(--vkui--color_background_content--hover, #222223);
183
- $color-background-content--active = var(--vkui--color_background_content--active, #2B2B2C);
181
+ $color-background-content = var(--vkui--color_background_content, #000000);
182
+ $color-background-content--hover = var(--vkui--color_background_content--hover, #0A0A0A);
183
+ $color-background-content--active = var(--vkui--color_background_content--active, #141414);
184
184
  $color-background-content-alpha = var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8));
185
185
  $color-background-content-alpha--hover = var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84));
186
186
  $color-background-content-alpha--active = var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88));