@vkontakte/vkui-tokens 4.77.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.
- package/interfaces/themes/legoAndroid/index.d.ts +5 -19
- package/interfaces/themes/legoIOS/index.d.ts +4 -2
- package/interfaces/themes/vkontakteAndroid/index.d.ts +2 -0
- package/package.json +1 -1
- package/themes/legoAndroid/cssVars/declarations/index.css +21 -18
- package/themes/legoAndroid/cssVars/declarations/noColors.css +3 -3
- package/themes/legoAndroid/cssVars/declarations/noSizes.css +18 -15
- package/themes/legoAndroid/cssVars/declarations/onlyColors.css +18 -15
- package/themes/legoAndroid/cssVars/declarations/onlyColors.js +1 -1
- package/themes/legoAndroid/cssVars/declarations/onlyVariables.css +19 -16
- package/themes/legoAndroid/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css +19 -16
- package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +16 -13
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.css +21 -18
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.less +19 -16
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss +19 -16
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss +21 -18
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl +19 -16
- package/themes/legoAndroid/cssVars/theme/index.js +1 -1
- package/themes/legoAndroid/cssVars/theme/index.json +41 -27
- package/themes/legoAndroid/docs.json +332 -0
- package/themes/legoAndroid/index.css +21 -18
- package/themes/legoAndroid/index.js +1 -1
- package/themes/legoAndroid/index.json +23 -18
- package/themes/legoAndroid/index.less +19 -16
- package/themes/legoAndroid/index.pcss +19 -16
- package/themes/legoAndroid/index.scss +21 -18
- package/themes/legoAndroid/index.styl +19 -16
- package/themes/legoAndroid/struct.json +18 -13
- package/themes/legoAndroidDark/cssVars/declarations/index.css +25 -22
- package/themes/legoAndroidDark/cssVars/declarations/noColors.css +4 -4
- package/themes/legoAndroidDark/cssVars/declarations/noSizes.css +22 -19
- package/themes/legoAndroidDark/cssVars/declarations/onlyColors.css +21 -18
- package/themes/legoAndroidDark/cssVars/declarations/onlyColors.js +1 -1
- package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.css +23 -20
- package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css +23 -20
- package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +20 -13
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css +25 -22
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less +23 -20
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss +23 -20
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss +25 -22
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl +23 -20
- package/themes/legoAndroidDark/cssVars/theme/index.js +1 -1
- package/themes/legoAndroidDark/cssVars/theme/index.json +45 -31
- package/themes/legoAndroidDark/docs.json +332 -0
- package/themes/legoAndroidDark/index.css +25 -22
- package/themes/legoAndroidDark/index.js +1 -1
- package/themes/legoAndroidDark/index.json +27 -22
- package/themes/legoAndroidDark/index.less +23 -20
- package/themes/legoAndroidDark/index.pcss +23 -20
- package/themes/legoAndroidDark/index.scss +25 -22
- package/themes/legoAndroidDark/index.styl +23 -20
- package/themes/legoAndroidDark/struct.json +27 -22
- package/themes/legoIOS/cssVars/declarations/index.css +48 -45
- package/themes/legoIOS/cssVars/declarations/noColors.css +30 -30
- package/themes/legoIOS/cssVars/declarations/noSizes.css +18 -15
- package/themes/legoIOS/cssVars/declarations/onlyColors.css +18 -15
- package/themes/legoIOS/cssVars/declarations/onlyColors.js +1 -1
- package/themes/legoIOS/cssVars/declarations/onlyVariables.css +28 -25
- package/themes/legoIOS/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/legoIOS/cssVars/declarations/onlyVariablesLocal.css +28 -25
- package/themes/legoIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +28 -25
- package/themes/legoIOS/cssVars/theme/fallbacks/index.css +48 -45
- package/themes/legoIOS/cssVars/theme/fallbacks/index.less +28 -25
- package/themes/legoIOS/cssVars/theme/fallbacks/index.pcss +28 -25
- package/themes/legoIOS/cssVars/theme/fallbacks/index.scss +41 -38
- package/themes/legoIOS/cssVars/theme/fallbacks/index.styl +28 -25
- package/themes/legoIOS/cssVars/theme/index.js +1 -1
- package/themes/legoIOS/cssVars/theme/index.json +39 -25
- package/themes/legoIOS/docs.json +4 -0
- package/themes/legoIOS/index.css +48 -45
- package/themes/legoIOS/index.js +1 -1
- package/themes/legoIOS/index.json +30 -25
- package/themes/legoIOS/index.less +28 -25
- package/themes/legoIOS/index.pcss +28 -25
- package/themes/legoIOS/index.scss +41 -38
- package/themes/legoIOS/index.styl +28 -25
- package/themes/legoIOS/struct.json +30 -25
- package/themes/legoIOSDark/cssVars/declarations/index.css +51 -48
- package/themes/legoIOSDark/cssVars/declarations/noColors.css +30 -30
- package/themes/legoIOSDark/cssVars/declarations/noSizes.css +21 -18
- package/themes/legoIOSDark/cssVars/declarations/onlyColors.css +21 -18
- package/themes/legoIOSDark/cssVars/declarations/onlyColors.js +1 -1
- package/themes/legoIOSDark/cssVars/declarations/onlyVariables.css +31 -28
- package/themes/legoIOSDark/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocal.css +31 -28
- package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +31 -25
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.css +51 -48
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.less +31 -28
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss +31 -28
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss +44 -41
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl +31 -28
- package/themes/legoIOSDark/cssVars/theme/index.js +1 -1
- package/themes/legoIOSDark/cssVars/theme/index.json +42 -28
- package/themes/legoIOSDark/docs.json +4 -0
- package/themes/legoIOSDark/index.css +51 -48
- package/themes/legoIOSDark/index.js +1 -1
- package/themes/legoIOSDark/index.json +33 -28
- package/themes/legoIOSDark/index.less +31 -28
- package/themes/legoIOSDark/index.pcss +31 -28
- package/themes/legoIOSDark/index.scss +44 -41
- package/themes/legoIOSDark/index.styl +31 -28
- package/themes/legoIOSDark/struct.json +33 -28
- package/themes/vkontakteAndroid/cssVars/declarations/index.css +6 -0
- package/themes/vkontakteAndroid/cssVars/declarations/noSizes.css +6 -0
- package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.css +6 -0
- package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.js +1 -1
- package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.css +6 -0
- package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocal.css +6 -0
- package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -0
- package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.css +6 -0
- package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.less +6 -0
- package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.pcss +6 -0
- package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.scss +6 -0
- package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.styl +6 -0
- package/themes/vkontakteAndroid/cssVars/theme/index.js +1 -1
- package/themes/vkontakteAndroid/cssVars/theme/index.json +28 -0
- package/themes/vkontakteAndroid/docs.json +8 -0
- package/themes/vkontakteAndroid/index.css +6 -0
- package/themes/vkontakteAndroid/index.js +1 -1
- package/themes/vkontakteAndroid/index.json +10 -0
- package/themes/vkontakteAndroid/index.less +6 -0
- package/themes/vkontakteAndroid/index.pcss +6 -0
- package/themes/vkontakteAndroid/index.scss +6 -0
- package/themes/vkontakteAndroid/index.styl +6 -0
- package/themes/vkontakteAndroid/struct.json +10 -0
- package/themes/vkontakteAndroidDark/cssVars/declarations/index.css +6 -0
- package/themes/vkontakteAndroidDark/cssVars/declarations/noSizes.css +6 -0
- package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.css +6 -0
- package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.js +1 -1
- package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.css +6 -0
- package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocal.css +6 -0
- package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -0
- package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.css +6 -0
- package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.less +6 -0
- package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.pcss +6 -0
- package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.scss +6 -0
- package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.styl +6 -0
- package/themes/vkontakteAndroidDark/cssVars/theme/index.js +1 -1
- package/themes/vkontakteAndroidDark/cssVars/theme/index.json +28 -0
- package/themes/vkontakteAndroidDark/docs.json +8 -0
- package/themes/vkontakteAndroidDark/index.css +6 -0
- package/themes/vkontakteAndroidDark/index.js +1 -1
- package/themes/vkontakteAndroidDark/index.json +10 -0
- package/themes/vkontakteAndroidDark/index.less +6 -0
- package/themes/vkontakteAndroidDark/index.pcss +6 -0
- package/themes/vkontakteAndroidDark/index.scss +6 -0
- package/themes/vkontakteAndroidDark/index.styl +6 -0
- package/themes/vkontakteAndroidDark/struct.json +10 -0
- package/themes/vkontakteCom/docs.json +8 -0
- package/themes/vkontakteComDark/docs.json +8 -0
- package/themes/vkontakteIOS/cssVars/declarations/index.css +6 -0
- package/themes/vkontakteIOS/cssVars/declarations/noSizes.css +6 -0
- package/themes/vkontakteIOS/cssVars/declarations/onlyColors.css +6 -0
- package/themes/vkontakteIOS/cssVars/declarations/onlyColors.js +1 -1
- package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.css +6 -0
- package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocal.css +6 -0
- package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -0
- package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.css +6 -0
- package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.less +6 -0
- package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.pcss +6 -0
- package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.scss +6 -0
- package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.styl +6 -0
- package/themes/vkontakteIOS/cssVars/theme/index.js +1 -1
- package/themes/vkontakteIOS/cssVars/theme/index.json +28 -0
- package/themes/vkontakteIOS/docs.json +8 -0
- package/themes/vkontakteIOS/index.css +6 -0
- package/themes/vkontakteIOS/index.js +1 -1
- package/themes/vkontakteIOS/index.json +10 -0
- package/themes/vkontakteIOS/index.less +6 -0
- package/themes/vkontakteIOS/index.pcss +6 -0
- package/themes/vkontakteIOS/index.scss +6 -0
- package/themes/vkontakteIOS/index.styl +6 -0
- package/themes/vkontakteIOS/struct.json +10 -0
- package/themes/vkontakteIOSDark/cssVars/declarations/index.css +6 -0
- package/themes/vkontakteIOSDark/cssVars/declarations/noSizes.css +6 -0
- package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.css +6 -0
- package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.js +1 -1
- package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.css +6 -0
- package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocal.css +6 -0
- package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -0
- package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.css +6 -0
- package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.less +6 -0
- package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.pcss +6 -0
- package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.scss +6 -0
- package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.styl +6 -0
- package/themes/vkontakteIOSDark/cssVars/theme/index.js +1 -1
- package/themes/vkontakteIOSDark/cssVars/theme/index.json +28 -0
- package/themes/vkontakteIOSDark/docs.json +8 -0
- package/themes/vkontakteIOSDark/index.css +6 -0
- package/themes/vkontakteIOSDark/index.js +1 -1
- package/themes/vkontakteIOSDark/index.json +10 -0
- package/themes/vkontakteIOSDark/index.less +6 -0
- package/themes/vkontakteIOSDark/index.pcss +6 -0
- package/themes/vkontakteIOSDark/index.scss +6 -0
- package/themes/vkontakteIOSDark/index.styl +6 -0
- package/themes/vkontakteIOSDark/struct.json +10 -0
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
--vkui--font_headline2--font_size--compact: 14px;
|
|
66
66
|
--vkui--font_headline2--line_height--compact: 20px;
|
|
67
67
|
--vkui--font_text--font_size--regular: 16px;
|
|
68
|
-
--vkui--font_text--line_height--regular: 18.
|
|
68
|
+
--vkui--font_text--line_height--regular: 18.5px;
|
|
69
69
|
--vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
70
70
|
--vkui--font_text--font_weight--regular: 600;
|
|
71
71
|
--vkui--font_text--font_variation_settings--optical_size--regular: 24;
|
|
@@ -349,9 +349,9 @@
|
|
|
349
349
|
--vkui--color_background_warning: #fff2d6;
|
|
350
350
|
--vkui--color_background_warning--hover: #F5E9D0;
|
|
351
351
|
--vkui--color_background_warning--active: #EBE0CA;
|
|
352
|
-
--vkui--color_background_negative: #
|
|
353
|
-
--vkui--color_background_negative--hover: #
|
|
354
|
-
--vkui--color_background_negative--active: #
|
|
352
|
+
--vkui--color_background_negative: #F65460;
|
|
353
|
+
--vkui--color_background_negative--hover: #EC515F;
|
|
354
|
+
--vkui--color_background_negative--active: #E24F5D;
|
|
355
355
|
--vkui--color_background_negative_tint: #ffe9e9;
|
|
356
356
|
--vkui--color_background_negative_tint--hover: #F5E0E2;
|
|
357
357
|
--vkui--color_background_negative_tint--active: #EBD8DB;
|
|
@@ -400,9 +400,9 @@
|
|
|
400
400
|
--vkui--color_text_positive: #34c759;
|
|
401
401
|
--vkui--color_text_positive--hover: #32C058;
|
|
402
402
|
--vkui--color_text_positive--active: #30B857;
|
|
403
|
-
--vkui--color_text_negative: #
|
|
404
|
-
--vkui--color_text_negative--hover: #
|
|
405
|
-
--vkui--color_text_negative--active: #
|
|
403
|
+
--vkui--color_text_negative: #F65460;
|
|
404
|
+
--vkui--color_text_negative--hover: #EC515F;
|
|
405
|
+
--vkui--color_text_negative--active: #E24F5D;
|
|
406
406
|
--vkui--color_text_link: #2e90ff;
|
|
407
407
|
--vkui--color_text_link--hover: #2C8BF7;
|
|
408
408
|
--vkui--color_text_link--active: #2A86EF;
|
|
@@ -466,9 +466,9 @@
|
|
|
466
466
|
--vkui--color_icon_warning: #ff6900;
|
|
467
467
|
--vkui--color_icon_warning--hover: #F56502;
|
|
468
468
|
--vkui--color_icon_warning--active: #EB6205;
|
|
469
|
-
--vkui--color_icon_negative: #
|
|
470
|
-
--vkui--color_icon_negative--hover: #
|
|
471
|
-
--vkui--color_icon_negative--active: #
|
|
469
|
+
--vkui--color_icon_negative: #F65460;
|
|
470
|
+
--vkui--color_icon_negative--hover: #EC515F;
|
|
471
|
+
--vkui--color_icon_negative--active: #E24F5D;
|
|
472
472
|
--vkui--color_stroke_accent: #2e90ff;
|
|
473
473
|
--vkui--color_stroke_accent--hover: #2C8BF7;
|
|
474
474
|
--vkui--color_stroke_accent--active: #2A86EF;
|
|
@@ -493,9 +493,9 @@
|
|
|
493
493
|
--vkui--color_stroke_positive: #34c759;
|
|
494
494
|
--vkui--color_stroke_positive--hover: #32C058;
|
|
495
495
|
--vkui--color_stroke_positive--active: #30B857;
|
|
496
|
-
--vkui--color_stroke_negative: #
|
|
497
|
-
--vkui--color_stroke_negative--hover: #
|
|
498
|
-
--vkui--color_stroke_negative--active: #
|
|
496
|
+
--vkui--color_stroke_negative: #F65460;
|
|
497
|
+
--vkui--color_stroke_negative--hover: #EC515F;
|
|
498
|
+
--vkui--color_stroke_negative--active: #E24F5D;
|
|
499
499
|
--vkui--color_stroke_contrast: #ffffff;
|
|
500
500
|
--vkui--color_stroke_contrast--hover: #F5F5F7;
|
|
501
501
|
--vkui--color_stroke_contrast--active: #EBECEF;
|
|
@@ -622,6 +622,12 @@
|
|
|
622
622
|
--vkui--color_transparent: #00000000;
|
|
623
623
|
--vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
|
|
624
624
|
--vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
|
|
625
|
+
--vkui--color_background_inverse: #262626;
|
|
626
|
+
--vkui--color_background_inverse--hover: #242527;
|
|
627
|
+
--vkui--color_background_inverse--active: #232428;
|
|
628
|
+
--vkui--color_stroke_contrast_secondary_alpha: #ffffff1f;
|
|
629
|
+
--vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
|
|
630
|
+
--vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
|
|
625
631
|
--vkui--vkontakte_color_snippet_border_alpha: rgba(0, 0, 0, 0.15);
|
|
626
632
|
--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(0, 0, 0, 0.19);
|
|
627
633
|
--vkui--vkontakte_color_snippet_border_alpha--active: rgba(0, 0, 0, 0.23);
|
|
@@ -868,7 +874,4 @@
|
|
|
868
874
|
--vkui--vkontakte_palette_black: #000000;
|
|
869
875
|
--vkui--vkontakte_palette_black--hover: #000102;
|
|
870
876
|
--vkui--vkontakte_palette_black--active: #000105;
|
|
871
|
-
--vkui--color_background_inverse: #262626;
|
|
872
|
-
--vkui--color_background_inverse--hover: #242527;
|
|
873
|
-
--vkui--color_background_inverse--active: #232428;
|
|
874
877
|
}
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
--vkui--font_headline1--font_size--compact: 15px;
|
|
46
46
|
--vkui--font_headline1--line_height--compact: 20px;
|
|
47
47
|
--vkui--font_text--font_size--regular: 16px;
|
|
48
|
-
--vkui--font_text--line_height--regular: 18.
|
|
48
|
+
--vkui--font_text--line_height--regular: 18.5px;
|
|
49
49
|
--vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
50
50
|
--vkui--font_text--font_weight--regular: 600;
|
|
51
51
|
--vkui--font_text--font_variation_settings--optical_size--regular: 24;
|
|
@@ -168,9 +168,9 @@
|
|
|
168
168
|
--vkui--color_background_warning: #fff2d6;
|
|
169
169
|
--vkui--color_background_warning--hover: #F5E9D0;
|
|
170
170
|
--vkui--color_background_warning--active: #EBE0CA;
|
|
171
|
-
--vkui--color_background_negative: #
|
|
172
|
-
--vkui--color_background_negative--hover: #
|
|
173
|
-
--vkui--color_background_negative--active: #
|
|
171
|
+
--vkui--color_background_negative: #F65460;
|
|
172
|
+
--vkui--color_background_negative--hover: #EC515F;
|
|
173
|
+
--vkui--color_background_negative--active: #E24F5D;
|
|
174
174
|
--vkui--color_background_negative_tint: #ffe9e9;
|
|
175
175
|
--vkui--color_background_negative_tint--hover: #F5E0E2;
|
|
176
176
|
--vkui--color_background_negative_tint--active: #EBD8DB;
|
|
@@ -198,9 +198,9 @@
|
|
|
198
198
|
--vkui--color_text_positive: #34c759;
|
|
199
199
|
--vkui--color_text_positive--hover: #32C058;
|
|
200
200
|
--vkui--color_text_positive--active: #30B857;
|
|
201
|
-
--vkui--color_text_negative: #
|
|
202
|
-
--vkui--color_text_negative--hover: #
|
|
203
|
-
--vkui--color_text_negative--active: #
|
|
201
|
+
--vkui--color_text_negative: #F65460;
|
|
202
|
+
--vkui--color_text_negative--hover: #EC515F;
|
|
203
|
+
--vkui--color_text_negative--active: #E24F5D;
|
|
204
204
|
--vkui--color_text_link: #2e90ff;
|
|
205
205
|
--vkui--color_text_link--hover: #2C8BF7;
|
|
206
206
|
--vkui--color_text_link--active: #2A86EF;
|
|
@@ -237,9 +237,9 @@
|
|
|
237
237
|
--vkui--color_icon_warning: #ff6900;
|
|
238
238
|
--vkui--color_icon_warning--hover: #F56502;
|
|
239
239
|
--vkui--color_icon_warning--active: #EB6205;
|
|
240
|
-
--vkui--color_icon_negative: #
|
|
241
|
-
--vkui--color_icon_negative--hover: #
|
|
242
|
-
--vkui--color_icon_negative--active: #
|
|
240
|
+
--vkui--color_icon_negative: #F65460;
|
|
241
|
+
--vkui--color_icon_negative--hover: #EC515F;
|
|
242
|
+
--vkui--color_icon_negative--active: #E24F5D;
|
|
243
243
|
--vkui--color_stroke_accent: #2e90ff;
|
|
244
244
|
--vkui--color_stroke_accent--hover: #2C8BF7;
|
|
245
245
|
--vkui--color_stroke_accent--active: #2A86EF;
|
|
@@ -255,9 +255,9 @@
|
|
|
255
255
|
--vkui--color_stroke_positive: #34c759;
|
|
256
256
|
--vkui--color_stroke_positive--hover: #32C058;
|
|
257
257
|
--vkui--color_stroke_positive--active: #30B857;
|
|
258
|
-
--vkui--color_stroke_negative: #
|
|
259
|
-
--vkui--color_stroke_negative--hover: #
|
|
260
|
-
--vkui--color_stroke_negative--active: #
|
|
258
|
+
--vkui--color_stroke_negative: #F65460;
|
|
259
|
+
--vkui--color_stroke_negative--hover: #EC515F;
|
|
260
|
+
--vkui--color_stroke_negative--active: #E24F5D;
|
|
261
261
|
--vkui--color_image_border_alpha: #33333328;
|
|
262
262
|
--vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.2);
|
|
263
263
|
--vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.24);
|
|
@@ -303,4 +303,7 @@
|
|
|
303
303
|
--vkui--color_background_inverse: #262626;
|
|
304
304
|
--vkui--color_background_inverse--hover: #242527;
|
|
305
305
|
--vkui--color_background_inverse--active: #232428;
|
|
306
|
+
--vkui--color_stroke_contrast_secondary_alpha: #ffffff1f;
|
|
307
|
+
--vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
|
|
308
|
+
--vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
|
|
306
309
|
}
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
--vkui--font_headline2--font_size--compact: var(--vkui--font_headline2--font_size--compact, 14px);
|
|
66
66
|
--vkui--font_headline2--line_height--compact: var(--vkui--font_headline2--line_height--compact, 20px);
|
|
67
67
|
--vkui--font_text--font_size--regular: var(--vkui--font_text--font_size--regular, 16px);
|
|
68
|
-
--vkui--font_text--line_height--regular: var(--vkui--font_text--line_height--regular, 18.
|
|
68
|
+
--vkui--font_text--line_height--regular: var(--vkui--font_text--line_height--regular, 18.5px);
|
|
69
69
|
--vkui--font_text--font_family--regular: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
|
|
70
70
|
--vkui--font_text--font_weight--regular: var(--vkui--font_text--font_weight--regular, 600);
|
|
71
71
|
--vkui--font_text--font_variation_settings--optical_size--regular: var(--vkui--font_text--font_variation_settings--optical_size--regular, 24);
|
|
@@ -349,9 +349,9 @@
|
|
|
349
349
|
--vkui--color_background_warning: var(--vkui--color_background_warning, #fff2d6);
|
|
350
350
|
--vkui--color_background_warning--hover: var(--vkui--color_background_warning--hover, #F5E9D0);
|
|
351
351
|
--vkui--color_background_warning--active: var(--vkui--color_background_warning--active, #EBE0CA);
|
|
352
|
-
--vkui--color_background_negative: var(--vkui--color_background_negative, #
|
|
353
|
-
--vkui--color_background_negative--hover: var(--vkui--color_background_negative--hover, #
|
|
354
|
-
--vkui--color_background_negative--active: var(--vkui--color_background_negative--active, #
|
|
352
|
+
--vkui--color_background_negative: var(--vkui--color_background_negative, #F65460);
|
|
353
|
+
--vkui--color_background_negative--hover: var(--vkui--color_background_negative--hover, #EC515F);
|
|
354
|
+
--vkui--color_background_negative--active: var(--vkui--color_background_negative--active, #E24F5D);
|
|
355
355
|
--vkui--color_background_negative_tint: var(--vkui--color_background_negative_tint, #ffe9e9);
|
|
356
356
|
--vkui--color_background_negative_tint--hover: var(--vkui--color_background_negative_tint--hover, #F5E0E2);
|
|
357
357
|
--vkui--color_background_negative_tint--active: var(--vkui--color_background_negative_tint--active, #EBD8DB);
|
|
@@ -400,9 +400,9 @@
|
|
|
400
400
|
--vkui--color_text_positive: var(--vkui--color_text_positive, #34c759);
|
|
401
401
|
--vkui--color_text_positive--hover: var(--vkui--color_text_positive--hover, #32C058);
|
|
402
402
|
--vkui--color_text_positive--active: var(--vkui--color_text_positive--active, #30B857);
|
|
403
|
-
--vkui--color_text_negative: var(--vkui--color_text_negative, #
|
|
404
|
-
--vkui--color_text_negative--hover: var(--vkui--color_text_negative--hover, #
|
|
405
|
-
--vkui--color_text_negative--active: var(--vkui--color_text_negative--active, #
|
|
403
|
+
--vkui--color_text_negative: var(--vkui--color_text_negative, #F65460);
|
|
404
|
+
--vkui--color_text_negative--hover: var(--vkui--color_text_negative--hover, #EC515F);
|
|
405
|
+
--vkui--color_text_negative--active: var(--vkui--color_text_negative--active, #E24F5D);
|
|
406
406
|
--vkui--color_text_link: var(--vkui--color_text_link, #2e90ff);
|
|
407
407
|
--vkui--color_text_link--hover: var(--vkui--color_text_link--hover, #2C8BF7);
|
|
408
408
|
--vkui--color_text_link--active: var(--vkui--color_text_link--active, #2A86EF);
|
|
@@ -466,9 +466,9 @@
|
|
|
466
466
|
--vkui--color_icon_warning: var(--vkui--color_icon_warning, #ff6900);
|
|
467
467
|
--vkui--color_icon_warning--hover: var(--vkui--color_icon_warning--hover, #F56502);
|
|
468
468
|
--vkui--color_icon_warning--active: var(--vkui--color_icon_warning--active, #EB6205);
|
|
469
|
-
--vkui--color_icon_negative: var(--vkui--color_icon_negative, #
|
|
470
|
-
--vkui--color_icon_negative--hover: var(--vkui--color_icon_negative--hover, #
|
|
471
|
-
--vkui--color_icon_negative--active: var(--vkui--color_icon_negative--active, #
|
|
469
|
+
--vkui--color_icon_negative: var(--vkui--color_icon_negative, #F65460);
|
|
470
|
+
--vkui--color_icon_negative--hover: var(--vkui--color_icon_negative--hover, #EC515F);
|
|
471
|
+
--vkui--color_icon_negative--active: var(--vkui--color_icon_negative--active, #E24F5D);
|
|
472
472
|
--vkui--color_stroke_accent: var(--vkui--color_stroke_accent, #2e90ff);
|
|
473
473
|
--vkui--color_stroke_accent--hover: var(--vkui--color_stroke_accent--hover, #2C8BF7);
|
|
474
474
|
--vkui--color_stroke_accent--active: var(--vkui--color_stroke_accent--active, #2A86EF);
|
|
@@ -493,9 +493,9 @@
|
|
|
493
493
|
--vkui--color_stroke_positive: var(--vkui--color_stroke_positive, #34c759);
|
|
494
494
|
--vkui--color_stroke_positive--hover: var(--vkui--color_stroke_positive--hover, #32C058);
|
|
495
495
|
--vkui--color_stroke_positive--active: var(--vkui--color_stroke_positive--active, #30B857);
|
|
496
|
-
--vkui--color_stroke_negative: var(--vkui--color_stroke_negative, #
|
|
497
|
-
--vkui--color_stroke_negative--hover: var(--vkui--color_stroke_negative--hover, #
|
|
498
|
-
--vkui--color_stroke_negative--active: var(--vkui--color_stroke_negative--active, #
|
|
496
|
+
--vkui--color_stroke_negative: var(--vkui--color_stroke_negative, #F65460);
|
|
497
|
+
--vkui--color_stroke_negative--hover: var(--vkui--color_stroke_negative--hover, #EC515F);
|
|
498
|
+
--vkui--color_stroke_negative--active: var(--vkui--color_stroke_negative--active, #E24F5D);
|
|
499
499
|
--vkui--color_stroke_contrast: var(--vkui--color_stroke_contrast, #ffffff);
|
|
500
500
|
--vkui--color_stroke_contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
|
|
501
501
|
--vkui--color_stroke_contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
|
|
@@ -622,6 +622,12 @@
|
|
|
622
622
|
--vkui--color_transparent: var(--vkui--color_transparent, #00000000);
|
|
623
623
|
--vkui--color_transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
|
|
624
624
|
--vkui--color_transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
|
|
625
|
+
--vkui--color_background_inverse: var(--vkui--color_background_inverse, #262626);
|
|
626
|
+
--vkui--color_background_inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
|
|
627
|
+
--vkui--color_background_inverse--active: var(--vkui--color_background_inverse--active, #232428);
|
|
628
|
+
--vkui--color_stroke_contrast_secondary_alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
|
|
629
|
+
--vkui--color_stroke_contrast_secondary_alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
|
|
630
|
+
--vkui--color_stroke_contrast_secondary_alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
|
|
625
631
|
--vkui--vkontakte_color_snippet_border_alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
|
|
626
632
|
--vkui--vkontakte_color_snippet_border_alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19));
|
|
627
633
|
--vkui--vkontakte_color_snippet_border_alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23));
|
|
@@ -868,9 +874,6 @@
|
|
|
868
874
|
--vkui--vkontakte_palette_black: var(--vkui--vkontakte_palette_black, #000000);
|
|
869
875
|
--vkui--vkontakte_palette_black--hover: var(--vkui--vkontakte_palette_black--hover, #000102);
|
|
870
876
|
--vkui--vkontakte_palette_black--active: var(--vkui--vkontakte_palette_black--active, #000105);
|
|
871
|
-
--vkui--color_background_inverse: var(--vkui--color_background_inverse, #262626);
|
|
872
|
-
--vkui--color_background_inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
|
|
873
|
-
--vkui--color_background_inverse--active: var(--vkui--color_background_inverse--active, #232428);
|
|
874
877
|
}
|
|
875
878
|
|
|
876
879
|
.vkui--font_display_title1--regular {
|
|
@@ -998,8 +1001,8 @@
|
|
|
998
1001
|
.vkui--font_text--regular {
|
|
999
1002
|
font-size: var(--vkui--font_text--font_size--regular, 16px);
|
|
1000
1003
|
font-size: var(--vkui--font_text--font_size--regular, var(--vkui--font_text--font_size--regular, 16px));
|
|
1001
|
-
line-height: var(--vkui--font_text--line_height--regular, 18.
|
|
1002
|
-
line-height: var(--vkui--font_text--line_height--regular, var(--vkui--font_text--line_height--regular, 18.
|
|
1004
|
+
line-height: var(--vkui--font_text--line_height--regular, 18.5px);
|
|
1005
|
+
line-height: var(--vkui--font_text--line_height--regular, var(--vkui--font_text--line_height--regular, 18.5px));
|
|
1003
1006
|
font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
|
|
1004
1007
|
font-family: var(--vkui--font_text--font_family--regular, var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
|
|
1005
1008
|
font-weight: var(--vkui--font_text--font_weight--regular, 600);
|
|
@@ -226,9 +226,9 @@
|
|
|
226
226
|
@color-background-warning: var(--vkui--color_background_warning, #fff2d6);
|
|
227
227
|
@color-background-warning--hover: var(--vkui--color_background_warning--hover, #F5E9D0);
|
|
228
228
|
@color-background-warning--active: var(--vkui--color_background_warning--active, #EBE0CA);
|
|
229
|
-
@color-background-negative: var(--vkui--color_background_negative, #
|
|
230
|
-
@color-background-negative--hover: var(--vkui--color_background_negative--hover, #
|
|
231
|
-
@color-background-negative--active: var(--vkui--color_background_negative--active, #
|
|
229
|
+
@color-background-negative: var(--vkui--color_background_negative, #F65460);
|
|
230
|
+
@color-background-negative--hover: var(--vkui--color_background_negative--hover, #EC515F);
|
|
231
|
+
@color-background-negative--active: var(--vkui--color_background_negative--active, #E24F5D);
|
|
232
232
|
@color-background-negative-tint: var(--vkui--color_background_negative_tint, #ffe9e9);
|
|
233
233
|
@color-background-negative-tint--hover: var(--vkui--color_background_negative_tint--hover, #F5E0E2);
|
|
234
234
|
@color-background-negative-tint--active: var(--vkui--color_background_negative_tint--active, #EBD8DB);
|
|
@@ -277,9 +277,9 @@
|
|
|
277
277
|
@color-text-positive: var(--vkui--color_text_positive, #34c759);
|
|
278
278
|
@color-text-positive--hover: var(--vkui--color_text_positive--hover, #32C058);
|
|
279
279
|
@color-text-positive--active: var(--vkui--color_text_positive--active, #30B857);
|
|
280
|
-
@color-text-negative: var(--vkui--color_text_negative, #
|
|
281
|
-
@color-text-negative--hover: var(--vkui--color_text_negative--hover, #
|
|
282
|
-
@color-text-negative--active: var(--vkui--color_text_negative--active, #
|
|
280
|
+
@color-text-negative: var(--vkui--color_text_negative, #F65460);
|
|
281
|
+
@color-text-negative--hover: var(--vkui--color_text_negative--hover, #EC515F);
|
|
282
|
+
@color-text-negative--active: var(--vkui--color_text_negative--active, #E24F5D);
|
|
283
283
|
@color-text-link: var(--vkui--color_text_link, #2e90ff);
|
|
284
284
|
@color-text-link--hover: var(--vkui--color_text_link--hover, #2C8BF7);
|
|
285
285
|
@color-text-link--active: var(--vkui--color_text_link--active, #2A86EF);
|
|
@@ -343,9 +343,9 @@
|
|
|
343
343
|
@color-icon-warning: var(--vkui--color_icon_warning, #ff6900);
|
|
344
344
|
@color-icon-warning--hover: var(--vkui--color_icon_warning--hover, #F56502);
|
|
345
345
|
@color-icon-warning--active: var(--vkui--color_icon_warning--active, #EB6205);
|
|
346
|
-
@color-icon-negative: var(--vkui--color_icon_negative, #
|
|
347
|
-
@color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #
|
|
348
|
-
@color-icon-negative--active: var(--vkui--color_icon_negative--active, #
|
|
346
|
+
@color-icon-negative: var(--vkui--color_icon_negative, #F65460);
|
|
347
|
+
@color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #EC515F);
|
|
348
|
+
@color-icon-negative--active: var(--vkui--color_icon_negative--active, #E24F5D);
|
|
349
349
|
@color-stroke-accent: var(--vkui--color_stroke_accent, #2e90ff);
|
|
350
350
|
@color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #2C8BF7);
|
|
351
351
|
@color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #2A86EF);
|
|
@@ -370,9 +370,9 @@
|
|
|
370
370
|
@color-stroke-positive: var(--vkui--color_stroke_positive, #34c759);
|
|
371
371
|
@color-stroke-positive--hover: var(--vkui--color_stroke_positive--hover, #32C058);
|
|
372
372
|
@color-stroke-positive--active: var(--vkui--color_stroke_positive--active, #30B857);
|
|
373
|
-
@color-stroke-negative: var(--vkui--color_stroke_negative, #
|
|
374
|
-
@color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #
|
|
375
|
-
@color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #
|
|
373
|
+
@color-stroke-negative: var(--vkui--color_stroke_negative, #F65460);
|
|
374
|
+
@color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #EC515F);
|
|
375
|
+
@color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #E24F5D);
|
|
376
376
|
@color-stroke-contrast: var(--vkui--color_stroke_contrast, #ffffff);
|
|
377
377
|
@color-stroke-contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
|
|
378
378
|
@color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
|
|
@@ -499,6 +499,12 @@
|
|
|
499
499
|
@color-transparent: var(--vkui--color_transparent, #00000000);
|
|
500
500
|
@color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
|
|
501
501
|
@color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
|
|
502
|
+
@color-background-inverse: var(--vkui--color_background_inverse, #262626);
|
|
503
|
+
@color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
|
|
504
|
+
@color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
|
|
505
|
+
@color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
|
|
506
|
+
@color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
|
|
507
|
+
@color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
|
|
502
508
|
@vkontakte-color-snippet-border-alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
|
|
503
509
|
@vkontakte-color-snippet-border-alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19));
|
|
504
510
|
@vkontakte-color-snippet-border-alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23));
|
|
@@ -745,9 +751,6 @@
|
|
|
745
751
|
@vkontakte-palette-black: var(--vkui--vkontakte_palette_black, #000000);
|
|
746
752
|
@vkontakte-palette-black--hover: var(--vkui--vkontakte_palette_black--hover, #000102);
|
|
747
753
|
@vkontakte-palette-black--active: var(--vkui--vkontakte_palette_black--active, #000105);
|
|
748
|
-
@color-background-inverse: var(--vkui--color_background_inverse, #262626);
|
|
749
|
-
@color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
|
|
750
|
-
@color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
|
|
751
754
|
|
|
752
755
|
|
|
753
756
|
.font-display-title1--regular {
|
|
@@ -825,7 +828,7 @@
|
|
|
825
828
|
}
|
|
826
829
|
.font-text--regular {
|
|
827
830
|
font-size: var(--vkui--font_text--font_size--regular, 16px);
|
|
828
|
-
line-height: var(--vkui--font_text--line_height--regular, 18.
|
|
831
|
+
line-height: var(--vkui--font_text--line_height--regular, 18.5px);
|
|
829
832
|
font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
|
|
830
833
|
font-weight: var(--vkui--font_text--font_weight--regular, 600);
|
|
831
834
|
}
|
|
@@ -227,9 +227,9 @@
|
|
|
227
227
|
--color-background-warning: var(--vkui--color_background_warning, #fff2d6);
|
|
228
228
|
--color-background-warning--hover: var(--vkui--color_background_warning--hover, #F5E9D0);
|
|
229
229
|
--color-background-warning--active: var(--vkui--color_background_warning--active, #EBE0CA);
|
|
230
|
-
--color-background-negative: var(--vkui--color_background_negative, #
|
|
231
|
-
--color-background-negative--hover: var(--vkui--color_background_negative--hover, #
|
|
232
|
-
--color-background-negative--active: var(--vkui--color_background_negative--active, #
|
|
230
|
+
--color-background-negative: var(--vkui--color_background_negative, #F65460);
|
|
231
|
+
--color-background-negative--hover: var(--vkui--color_background_negative--hover, #EC515F);
|
|
232
|
+
--color-background-negative--active: var(--vkui--color_background_negative--active, #E24F5D);
|
|
233
233
|
--color-background-negative-tint: var(--vkui--color_background_negative_tint, #ffe9e9);
|
|
234
234
|
--color-background-negative-tint--hover: var(--vkui--color_background_negative_tint--hover, #F5E0E2);
|
|
235
235
|
--color-background-negative-tint--active: var(--vkui--color_background_negative_tint--active, #EBD8DB);
|
|
@@ -278,9 +278,9 @@
|
|
|
278
278
|
--color-text-positive: var(--vkui--color_text_positive, #34c759);
|
|
279
279
|
--color-text-positive--hover: var(--vkui--color_text_positive--hover, #32C058);
|
|
280
280
|
--color-text-positive--active: var(--vkui--color_text_positive--active, #30B857);
|
|
281
|
-
--color-text-negative: var(--vkui--color_text_negative, #
|
|
282
|
-
--color-text-negative--hover: var(--vkui--color_text_negative--hover, #
|
|
283
|
-
--color-text-negative--active: var(--vkui--color_text_negative--active, #
|
|
281
|
+
--color-text-negative: var(--vkui--color_text_negative, #F65460);
|
|
282
|
+
--color-text-negative--hover: var(--vkui--color_text_negative--hover, #EC515F);
|
|
283
|
+
--color-text-negative--active: var(--vkui--color_text_negative--active, #E24F5D);
|
|
284
284
|
--color-text-link: var(--vkui--color_text_link, #2e90ff);
|
|
285
285
|
--color-text-link--hover: var(--vkui--color_text_link--hover, #2C8BF7);
|
|
286
286
|
--color-text-link--active: var(--vkui--color_text_link--active, #2A86EF);
|
|
@@ -344,9 +344,9 @@
|
|
|
344
344
|
--color-icon-warning: var(--vkui--color_icon_warning, #ff6900);
|
|
345
345
|
--color-icon-warning--hover: var(--vkui--color_icon_warning--hover, #F56502);
|
|
346
346
|
--color-icon-warning--active: var(--vkui--color_icon_warning--active, #EB6205);
|
|
347
|
-
--color-icon-negative: var(--vkui--color_icon_negative, #
|
|
348
|
-
--color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #
|
|
349
|
-
--color-icon-negative--active: var(--vkui--color_icon_negative--active, #
|
|
347
|
+
--color-icon-negative: var(--vkui--color_icon_negative, #F65460);
|
|
348
|
+
--color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #EC515F);
|
|
349
|
+
--color-icon-negative--active: var(--vkui--color_icon_negative--active, #E24F5D);
|
|
350
350
|
--color-stroke-accent: var(--vkui--color_stroke_accent, #2e90ff);
|
|
351
351
|
--color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #2C8BF7);
|
|
352
352
|
--color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #2A86EF);
|
|
@@ -371,9 +371,9 @@
|
|
|
371
371
|
--color-stroke-positive: var(--vkui--color_stroke_positive, #34c759);
|
|
372
372
|
--color-stroke-positive--hover: var(--vkui--color_stroke_positive--hover, #32C058);
|
|
373
373
|
--color-stroke-positive--active: var(--vkui--color_stroke_positive--active, #30B857);
|
|
374
|
-
--color-stroke-negative: var(--vkui--color_stroke_negative, #
|
|
375
|
-
--color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #
|
|
376
|
-
--color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #
|
|
374
|
+
--color-stroke-negative: var(--vkui--color_stroke_negative, #F65460);
|
|
375
|
+
--color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #EC515F);
|
|
376
|
+
--color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #E24F5D);
|
|
377
377
|
--color-stroke-contrast: var(--vkui--color_stroke_contrast, #ffffff);
|
|
378
378
|
--color-stroke-contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
|
|
379
379
|
--color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
|
|
@@ -500,6 +500,12 @@
|
|
|
500
500
|
--color-transparent: var(--vkui--color_transparent, #00000000);
|
|
501
501
|
--color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
|
|
502
502
|
--color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
|
|
503
|
+
--color-background-inverse: var(--vkui--color_background_inverse, #262626);
|
|
504
|
+
--color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
|
|
505
|
+
--color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
|
|
506
|
+
--color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
|
|
507
|
+
--color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
|
|
508
|
+
--color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
|
|
503
509
|
--vkontakte-color-snippet-border-alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
|
|
504
510
|
--vkontakte-color-snippet-border-alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19));
|
|
505
511
|
--vkontakte-color-snippet-border-alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23));
|
|
@@ -746,9 +752,6 @@
|
|
|
746
752
|
--vkontakte-palette-black: var(--vkui--vkontakte_palette_black, #000000);
|
|
747
753
|
--vkontakte-palette-black--hover: var(--vkui--vkontakte_palette_black--hover, #000102);
|
|
748
754
|
--vkontakte-palette-black--active: var(--vkui--vkontakte_palette_black--active, #000105);
|
|
749
|
-
--color-background-inverse: var(--vkui--color_background_inverse, #262626);
|
|
750
|
-
--color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
|
|
751
|
-
--color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
|
|
752
755
|
}
|
|
753
756
|
|
|
754
757
|
%font-display-title1--regular {
|
|
@@ -826,7 +829,7 @@
|
|
|
826
829
|
}
|
|
827
830
|
%font-text--regular {
|
|
828
831
|
font-size: var(--vkui--font_text--font_size--regular, 16px);
|
|
829
|
-
line-height: var(--vkui--font_text--line_height--regular, 18.
|
|
832
|
+
line-height: var(--vkui--font_text--line_height--regular, 18.5px);
|
|
830
833
|
font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
|
|
831
834
|
font-weight: var(--vkui--font_text--font_weight--regular, 600);
|
|
832
835
|
}
|
|
@@ -226,9 +226,9 @@ $color-background-positive-tint--active: var(--vkui--color_background_positive_t
|
|
|
226
226
|
$color-background-warning: var(--vkui--color_background_warning, #fff2d6);
|
|
227
227
|
$color-background-warning--hover: var(--vkui--color_background_warning--hover, #F5E9D0);
|
|
228
228
|
$color-background-warning--active: var(--vkui--color_background_warning--active, #EBE0CA);
|
|
229
|
-
$color-background-negative: var(--vkui--color_background_negative, #
|
|
230
|
-
$color-background-negative--hover: var(--vkui--color_background_negative--hover, #
|
|
231
|
-
$color-background-negative--active: var(--vkui--color_background_negative--active, #
|
|
229
|
+
$color-background-negative: var(--vkui--color_background_negative, #F65460);
|
|
230
|
+
$color-background-negative--hover: var(--vkui--color_background_negative--hover, #EC515F);
|
|
231
|
+
$color-background-negative--active: var(--vkui--color_background_negative--active, #E24F5D);
|
|
232
232
|
$color-background-negative-tint: var(--vkui--color_background_negative_tint, #ffe9e9);
|
|
233
233
|
$color-background-negative-tint--hover: var(--vkui--color_background_negative_tint--hover, #F5E0E2);
|
|
234
234
|
$color-background-negative-tint--active: var(--vkui--color_background_negative_tint--active, #EBD8DB);
|
|
@@ -277,9 +277,9 @@ $color-text-contrast-themed--active: var(--vkui--color_text_contrast_themed--act
|
|
|
277
277
|
$color-text-positive: var(--vkui--color_text_positive, #34c759);
|
|
278
278
|
$color-text-positive--hover: var(--vkui--color_text_positive--hover, #32C058);
|
|
279
279
|
$color-text-positive--active: var(--vkui--color_text_positive--active, #30B857);
|
|
280
|
-
$color-text-negative: var(--vkui--color_text_negative, #
|
|
281
|
-
$color-text-negative--hover: var(--vkui--color_text_negative--hover, #
|
|
282
|
-
$color-text-negative--active: var(--vkui--color_text_negative--active, #
|
|
280
|
+
$color-text-negative: var(--vkui--color_text_negative, #F65460);
|
|
281
|
+
$color-text-negative--hover: var(--vkui--color_text_negative--hover, #EC515F);
|
|
282
|
+
$color-text-negative--active: var(--vkui--color_text_negative--active, #E24F5D);
|
|
283
283
|
$color-text-link: var(--vkui--color_text_link, #2e90ff);
|
|
284
284
|
$color-text-link--hover: var(--vkui--color_text_link--hover, #2C8BF7);
|
|
285
285
|
$color-text-link--active: var(--vkui--color_text_link--active, #2A86EF);
|
|
@@ -343,9 +343,9 @@ $color-icon-positive--active: var(--vkui--color_icon_positive--active, #30B857);
|
|
|
343
343
|
$color-icon-warning: var(--vkui--color_icon_warning, #ff6900);
|
|
344
344
|
$color-icon-warning--hover: var(--vkui--color_icon_warning--hover, #F56502);
|
|
345
345
|
$color-icon-warning--active: var(--vkui--color_icon_warning--active, #EB6205);
|
|
346
|
-
$color-icon-negative: var(--vkui--color_icon_negative, #
|
|
347
|
-
$color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #
|
|
348
|
-
$color-icon-negative--active: var(--vkui--color_icon_negative--active, #
|
|
346
|
+
$color-icon-negative: var(--vkui--color_icon_negative, #F65460);
|
|
347
|
+
$color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #EC515F);
|
|
348
|
+
$color-icon-negative--active: var(--vkui--color_icon_negative--active, #E24F5D);
|
|
349
349
|
$color-stroke-accent: var(--vkui--color_stroke_accent, #2e90ff);
|
|
350
350
|
$color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #2C8BF7);
|
|
351
351
|
$color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #2A86EF);
|
|
@@ -370,9 +370,9 @@ $color-separator-secondary--active: var(--vkui--color_separator_secondary--activ
|
|
|
370
370
|
$color-stroke-positive: var(--vkui--color_stroke_positive, #34c759);
|
|
371
371
|
$color-stroke-positive--hover: var(--vkui--color_stroke_positive--hover, #32C058);
|
|
372
372
|
$color-stroke-positive--active: var(--vkui--color_stroke_positive--active, #30B857);
|
|
373
|
-
$color-stroke-negative: var(--vkui--color_stroke_negative, #
|
|
374
|
-
$color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #
|
|
375
|
-
$color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #
|
|
373
|
+
$color-stroke-negative: var(--vkui--color_stroke_negative, #F65460);
|
|
374
|
+
$color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #EC515F);
|
|
375
|
+
$color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #E24F5D);
|
|
376
376
|
$color-stroke-contrast: var(--vkui--color_stroke_contrast, #ffffff);
|
|
377
377
|
$color-stroke-contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
|
|
378
378
|
$color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
|
|
@@ -499,6 +499,12 @@ $color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--act
|
|
|
499
499
|
$color-transparent: var(--vkui--color_transparent, #00000000);
|
|
500
500
|
$color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
|
|
501
501
|
$color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
|
|
502
|
+
$color-background-inverse: var(--vkui--color_background_inverse, #262626);
|
|
503
|
+
$color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
|
|
504
|
+
$color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
|
|
505
|
+
$color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
|
|
506
|
+
$color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
|
|
507
|
+
$color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
|
|
502
508
|
$vkontakte-color-snippet-border-alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
|
|
503
509
|
$vkontakte-color-snippet-border-alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19));
|
|
504
510
|
$vkontakte-color-snippet-border-alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23));
|
|
@@ -745,9 +751,6 @@ $vkontakte-stories-skeleton-loader-background--active: var(--vkui--vkontakte_sto
|
|
|
745
751
|
$vkontakte-palette-black: var(--vkui--vkontakte_palette_black, #000000);
|
|
746
752
|
$vkontakte-palette-black--hover: var(--vkui--vkontakte_palette_black--hover, #000102);
|
|
747
753
|
$vkontakte-palette-black--active: var(--vkui--vkontakte_palette_black--active, #000105);
|
|
748
|
-
$color-background-inverse: var(--vkui--color_background_inverse, #262626);
|
|
749
|
-
$color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
|
|
750
|
-
$color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
|
|
751
754
|
|
|
752
755
|
|
|
753
756
|
@mixin font-display-title1--regular() {
|
|
@@ -921,13 +924,13 @@ $font-headline2--compact--map: (
|
|
|
921
924
|
);
|
|
922
925
|
@mixin font-text--regular() {
|
|
923
926
|
font-size: var(--vkui--font_text--font_size--regular, 16px);
|
|
924
|
-
line-height: var(--vkui--font_text--line_height--regular, 18.
|
|
927
|
+
line-height: var(--vkui--font_text--line_height--regular, 18.5px);
|
|
925
928
|
font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
|
|
926
929
|
font-weight: var(--vkui--font_text--font_weight--regular, 600);
|
|
927
930
|
}
|
|
928
931
|
$font-text--regular--map: (
|
|
929
932
|
'fontSize': "var(--vkui--font_text--font_size--regular, 16px)",
|
|
930
|
-
'lineHeight': "var(--vkui--font_text--line_height--regular, 18.
|
|
933
|
+
'lineHeight': "var(--vkui--font_text--line_height--regular, 18.5px)",
|
|
931
934
|
'fontFamily': "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
|
|
932
935
|
'fontWeight': "var(--vkui--font_text--font_weight--regular, 600)",
|
|
933
936
|
'fontVariationSettings.opticalSize': "var(--vkui--font_text--font_variation_settings--optical_size--regular, 24)",
|
|
@@ -940,7 +943,7 @@ $font-text--regular--map: (
|
|
|
940
943
|
}
|
|
941
944
|
$font-text--regular--map: (
|
|
942
945
|
'fontSize': "var(--vkui--font_text--font_size--regular, 16px)",
|
|
943
|
-
'lineHeight': "var(--vkui--font_text--line_height--regular, 18.
|
|
946
|
+
'lineHeight': "var(--vkui--font_text--line_height--regular, 18.5px)",
|
|
944
947
|
'fontFamily': "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
|
|
945
948
|
'fontWeight': "var(--vkui--font_text--font_weight--regular, 600)",
|
|
946
949
|
'fontVariationSettings.opticalSize': "var(--vkui--font_text--font_variation_settings--optical_size--regular, 24)",
|
|
@@ -226,9 +226,9 @@ $color-background-positive-tint--active = var(--vkui--color_background_positive_
|
|
|
226
226
|
$color-background-warning = var(--vkui--color_background_warning, #fff2d6);
|
|
227
227
|
$color-background-warning--hover = var(--vkui--color_background_warning--hover, #F5E9D0);
|
|
228
228
|
$color-background-warning--active = var(--vkui--color_background_warning--active, #EBE0CA);
|
|
229
|
-
$color-background-negative = var(--vkui--color_background_negative, #
|
|
230
|
-
$color-background-negative--hover = var(--vkui--color_background_negative--hover, #
|
|
231
|
-
$color-background-negative--active = var(--vkui--color_background_negative--active, #
|
|
229
|
+
$color-background-negative = var(--vkui--color_background_negative, #F65460);
|
|
230
|
+
$color-background-negative--hover = var(--vkui--color_background_negative--hover, #EC515F);
|
|
231
|
+
$color-background-negative--active = var(--vkui--color_background_negative--active, #E24F5D);
|
|
232
232
|
$color-background-negative-tint = var(--vkui--color_background_negative_tint, #ffe9e9);
|
|
233
233
|
$color-background-negative-tint--hover = var(--vkui--color_background_negative_tint--hover, #F5E0E2);
|
|
234
234
|
$color-background-negative-tint--active = var(--vkui--color_background_negative_tint--active, #EBD8DB);
|
|
@@ -277,9 +277,9 @@ $color-text-contrast-themed--active = var(--vkui--color_text_contrast_themed--ac
|
|
|
277
277
|
$color-text-positive = var(--vkui--color_text_positive, #34c759);
|
|
278
278
|
$color-text-positive--hover = var(--vkui--color_text_positive--hover, #32C058);
|
|
279
279
|
$color-text-positive--active = var(--vkui--color_text_positive--active, #30B857);
|
|
280
|
-
$color-text-negative = var(--vkui--color_text_negative, #
|
|
281
|
-
$color-text-negative--hover = var(--vkui--color_text_negative--hover, #
|
|
282
|
-
$color-text-negative--active = var(--vkui--color_text_negative--active, #
|
|
280
|
+
$color-text-negative = var(--vkui--color_text_negative, #F65460);
|
|
281
|
+
$color-text-negative--hover = var(--vkui--color_text_negative--hover, #EC515F);
|
|
282
|
+
$color-text-negative--active = var(--vkui--color_text_negative--active, #E24F5D);
|
|
283
283
|
$color-text-link = var(--vkui--color_text_link, #2e90ff);
|
|
284
284
|
$color-text-link--hover = var(--vkui--color_text_link--hover, #2C8BF7);
|
|
285
285
|
$color-text-link--active = var(--vkui--color_text_link--active, #2A86EF);
|
|
@@ -343,9 +343,9 @@ $color-icon-positive--active = var(--vkui--color_icon_positive--active, #30B857)
|
|
|
343
343
|
$color-icon-warning = var(--vkui--color_icon_warning, #ff6900);
|
|
344
344
|
$color-icon-warning--hover = var(--vkui--color_icon_warning--hover, #F56502);
|
|
345
345
|
$color-icon-warning--active = var(--vkui--color_icon_warning--active, #EB6205);
|
|
346
|
-
$color-icon-negative = var(--vkui--color_icon_negative, #
|
|
347
|
-
$color-icon-negative--hover = var(--vkui--color_icon_negative--hover, #
|
|
348
|
-
$color-icon-negative--active = var(--vkui--color_icon_negative--active, #
|
|
346
|
+
$color-icon-negative = var(--vkui--color_icon_negative, #F65460);
|
|
347
|
+
$color-icon-negative--hover = var(--vkui--color_icon_negative--hover, #EC515F);
|
|
348
|
+
$color-icon-negative--active = var(--vkui--color_icon_negative--active, #E24F5D);
|
|
349
349
|
$color-stroke-accent = var(--vkui--color_stroke_accent, #2e90ff);
|
|
350
350
|
$color-stroke-accent--hover = var(--vkui--color_stroke_accent--hover, #2C8BF7);
|
|
351
351
|
$color-stroke-accent--active = var(--vkui--color_stroke_accent--active, #2A86EF);
|
|
@@ -370,9 +370,9 @@ $color-separator-secondary--active = var(--vkui--color_separator_secondary--acti
|
|
|
370
370
|
$color-stroke-positive = var(--vkui--color_stroke_positive, #34c759);
|
|
371
371
|
$color-stroke-positive--hover = var(--vkui--color_stroke_positive--hover, #32C058);
|
|
372
372
|
$color-stroke-positive--active = var(--vkui--color_stroke_positive--active, #30B857);
|
|
373
|
-
$color-stroke-negative = var(--vkui--color_stroke_negative, #
|
|
374
|
-
$color-stroke-negative--hover = var(--vkui--color_stroke_negative--hover, #
|
|
375
|
-
$color-stroke-negative--active = var(--vkui--color_stroke_negative--active, #
|
|
373
|
+
$color-stroke-negative = var(--vkui--color_stroke_negative, #F65460);
|
|
374
|
+
$color-stroke-negative--hover = var(--vkui--color_stroke_negative--hover, #EC515F);
|
|
375
|
+
$color-stroke-negative--active = var(--vkui--color_stroke_negative--active, #E24F5D);
|
|
376
376
|
$color-stroke-contrast = var(--vkui--color_stroke_contrast, #ffffff);
|
|
377
377
|
$color-stroke-contrast--hover = var(--vkui--color_stroke_contrast--hover, #F5F5F7);
|
|
378
378
|
$color-stroke-contrast--active = var(--vkui--color_stroke_contrast--active, #EBECEF);
|
|
@@ -499,6 +499,12 @@ $color-tabbar-text-inactive--active = var(--vkui--color_tabbar_text_inactive--ac
|
|
|
499
499
|
$color-transparent = var(--vkui--color_transparent, #00000000);
|
|
500
500
|
$color-transparent--hover = var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
|
|
501
501
|
$color-transparent--active = var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
|
|
502
|
+
$color-background-inverse = var(--vkui--color_background_inverse, #262626);
|
|
503
|
+
$color-background-inverse--hover = var(--vkui--color_background_inverse--hover, #242527);
|
|
504
|
+
$color-background-inverse--active = var(--vkui--color_background_inverse--active, #232428);
|
|
505
|
+
$color-stroke-contrast-secondary-alpha = var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
|
|
506
|
+
$color-stroke-contrast-secondary-alpha--hover = var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
|
|
507
|
+
$color-stroke-contrast-secondary-alpha--active = var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
|
|
502
508
|
$vkontakte-color-snippet-border-alpha = var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
|
|
503
509
|
$vkontakte-color-snippet-border-alpha--hover = var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19));
|
|
504
510
|
$vkontakte-color-snippet-border-alpha--active = var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23));
|
|
@@ -745,9 +751,6 @@ $vkontakte-stories-skeleton-loader-background--active = var(--vkui--vkontakte_st
|
|
|
745
751
|
$vkontakte-palette-black = var(--vkui--vkontakte_palette_black, #000000);
|
|
746
752
|
$vkontakte-palette-black--hover = var(--vkui--vkontakte_palette_black--hover, #000102);
|
|
747
753
|
$vkontakte-palette-black--active = var(--vkui--vkontakte_palette_black--active, #000105);
|
|
748
|
-
$color-background-inverse = var(--vkui--color_background_inverse, #262626);
|
|
749
|
-
$color-background-inverse--hover = var(--vkui--color_background_inverse--hover, #242527);
|
|
750
|
-
$color-background-inverse--active = var(--vkui--color_background_inverse--active, #232428);
|
|
751
754
|
|
|
752
755
|
|
|
753
756
|
font-display-title1--regular() {
|
|
@@ -825,7 +828,7 @@ font-headline2--compact() {
|
|
|
825
828
|
}
|
|
826
829
|
font-text--regular() {
|
|
827
830
|
font-size: var(--vkui--font_text--font_size--regular, 16px);
|
|
828
|
-
line-height: var(--vkui--font_text--line_height--regular, 18.
|
|
831
|
+
line-height: var(--vkui--font_text--line_height--regular, 18.5px);
|
|
829
832
|
font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
|
|
830
833
|
font-weight: var(--vkui--font_text--font_weight--regular, 600);
|
|
831
834
|
}
|