@vkontakte/vkui-tokens 4.53.2-dev-f0a2d3.0 → 4.53.3
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/workspaceAdmin/index.d.ts +17 -0
- package/package.json +1 -1
- package/themes/workspaceAdmin/cssVars/declarations/index.css +82 -31
- package/themes/workspaceAdmin/cssVars/declarations/noSizes.css +82 -31
- package/themes/workspaceAdmin/cssVars/declarations/onlyColors.css +82 -31
- package/themes/workspaceAdmin/cssVars/declarations/onlyColors.js +2 -2
- package/themes/workspaceAdmin/cssVars/declarations/onlyVariables.css +82 -31
- package/themes/workspaceAdmin/cssVars/declarations/onlyVariables.js +2 -2
- package/themes/workspaceAdmin/cssVars/declarations/onlyVariablesLocal.css +82 -31
- package/themes/workspaceAdmin/cssVars/declarations/onlyVariablesLocalIncremental.css +82 -31
- package/themes/workspaceAdmin/cssVars/theme/fallbacks/index.css +82 -31
- package/themes/workspaceAdmin/cssVars/theme/fallbacks/index.less +82 -31
- package/themes/workspaceAdmin/cssVars/theme/fallbacks/index.pcss +82 -31
- package/themes/workspaceAdmin/cssVars/theme/fallbacks/index.scss +82 -31
- package/themes/workspaceAdmin/cssVars/theme/fallbacks/index.styl +82 -31
- package/themes/workspaceAdmin/cssVars/theme/index.js +269 -31
- package/themes/workspaceAdmin/cssVars/theme/index.json +269 -31
- package/themes/workspaceAdmin/docs.json +68 -0
- package/themes/workspaceAdmin/index.css +82 -31
- package/themes/workspaceAdmin/index.js +116 -31
- package/themes/workspaceAdmin/index.json +116 -31
- package/themes/workspaceAdmin/index.less +82 -31
- package/themes/workspaceAdmin/index.pcss +82 -31
- package/themes/workspaceAdmin/index.scss +82 -31
- package/themes/workspaceAdmin/index.styl +82 -31
- package/themes/workspaceAdmin/struct.json +116 -31
- package/themes/workspaceAdminDark/cssVars/declarations/index.css +58 -7
- package/themes/workspaceAdminDark/cssVars/declarations/noSizes.css +58 -7
- package/themes/workspaceAdminDark/cssVars/declarations/onlyColors.css +58 -7
- package/themes/workspaceAdminDark/cssVars/declarations/onlyColors.js +2 -2
- package/themes/workspaceAdminDark/cssVars/declarations/onlyVariables.css +58 -7
- package/themes/workspaceAdminDark/cssVars/declarations/onlyVariables.js +2 -2
- package/themes/workspaceAdminDark/cssVars/declarations/onlyVariablesLocal.css +58 -7
- package/themes/workspaceAdminDark/cssVars/declarations/onlyVariablesLocalIncremental.css +58 -7
- package/themes/workspaceAdminDark/cssVars/theme/fallbacks/index.css +58 -7
- package/themes/workspaceAdminDark/cssVars/theme/fallbacks/index.less +58 -7
- package/themes/workspaceAdminDark/cssVars/theme/fallbacks/index.pcss +58 -7
- package/themes/workspaceAdminDark/cssVars/theme/fallbacks/index.scss +58 -7
- package/themes/workspaceAdminDark/cssVars/theme/fallbacks/index.styl +58 -7
- package/themes/workspaceAdminDark/cssVars/theme/index.js +245 -7
- package/themes/workspaceAdminDark/cssVars/theme/index.json +245 -7
- package/themes/workspaceAdminDark/docs.json +68 -0
- package/themes/workspaceAdminDark/index.css +58 -7
- package/themes/workspaceAdminDark/index.js +92 -7
- package/themes/workspaceAdminDark/index.json +92 -7
- package/themes/workspaceAdminDark/index.less +58 -7
- package/themes/workspaceAdminDark/index.pcss +58 -7
- package/themes/workspaceAdminDark/index.scss +58 -7
- package/themes/workspaceAdminDark/index.styl +58 -7
- package/themes/workspaceAdminDark/struct.json +92 -7
|
@@ -6,7 +6,24 @@ export interface ThemeWorkspaceOverValues {
|
|
|
6
6
|
fontHeadline3: Font;
|
|
7
7
|
}
|
|
8
8
|
export interface LocalWorkspaceAdminColorsDescriptionStruct {
|
|
9
|
+
colorAvatarsBlue: ColorDescription;
|
|
10
|
+
colorAvatarsCoral: ColorDescription;
|
|
11
|
+
colorAvatarsGreen: ColorDescription;
|
|
12
|
+
colorAvatarsIndigo: ColorDescription;
|
|
13
|
+
colorAvatarsLavender: ColorDescription;
|
|
14
|
+
colorAvatarsLime: ColorDescription;
|
|
15
|
+
colorAvatarsMint: ColorDescription;
|
|
16
|
+
colorAvatarsOrange: ColorDescription;
|
|
17
|
+
colorAvatarsPeach: ColorDescription;
|
|
18
|
+
colorAvatarsRed: ColorDescription;
|
|
19
|
+
colorAvatarsSea: ColorDescription;
|
|
20
|
+
colorAvatarsSeagreen: ColorDescription;
|
|
21
|
+
colorAvatarsSky: ColorDescription;
|
|
22
|
+
colorAvatarsViolet: ColorDescription;
|
|
23
|
+
colorAvatarsYellow: ColorDescription;
|
|
9
24
|
colorIconNegativeSnackbar: ColorDescription;
|
|
25
|
+
colorOnboarding: ColorDescription;
|
|
26
|
+
colorSearchResultsAlpha: ColorDescription;
|
|
10
27
|
}
|
|
11
28
|
export type WorkspaceAdminLocalColors = {
|
|
12
29
|
[key in keyof LocalWorkspaceAdminColorsDescriptionStruct]: ColorWithStates;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vkontakte/vkui-tokens",
|
|
3
|
-
"version": "4.53.
|
|
3
|
+
"version": "4.53.3",
|
|
4
4
|
"description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"homepage": "https://vkcom.github.io/vkui-tokens",
|
|
@@ -350,9 +350,9 @@
|
|
|
350
350
|
--vkui--color_background_secondary: #F0F1F3;
|
|
351
351
|
--vkui--color_background_secondary--hover: #E6E8EC;
|
|
352
352
|
--vkui--color_background_secondary--active: #DDDFE4;
|
|
353
|
-
--vkui--color_background_secondary_alpha: rgba(
|
|
354
|
-
--vkui--color_background_secondary_alpha--hover: rgba(
|
|
355
|
-
--vkui--color_background_secondary_alpha--active: rgba(
|
|
353
|
+
--vkui--color_background_secondary_alpha: rgba(0, 16, 61, 0.06);
|
|
354
|
+
--vkui--color_background_secondary_alpha--hover: rgba(0, 16, 61, 0.1);
|
|
355
|
+
--vkui--color_background_secondary_alpha--active: rgba(0, 16, 61, 0.14);
|
|
356
356
|
--vkui--color_background: #F6F7F8;
|
|
357
357
|
--vkui--color_background--hover: #ECEEF1;
|
|
358
358
|
--vkui--color_background--active: #E2E5E9;
|
|
@@ -365,9 +365,9 @@
|
|
|
365
365
|
--vkui--color_background_warning: #FFF1AD;
|
|
366
366
|
--vkui--color_background_warning--hover: #F5E8A9;
|
|
367
367
|
--vkui--color_background_warning--active: #EBDFA4;
|
|
368
|
-
--vkui--color_background_negative: #
|
|
369
|
-
--vkui--color_background_negative--hover: #
|
|
370
|
-
--vkui--color_background_negative--active: #
|
|
368
|
+
--vkui--color_background_negative: #ED0A34;
|
|
369
|
+
--vkui--color_background_negative--hover: #E40A34;
|
|
370
|
+
--vkui--color_background_negative--active: #DA0A35;
|
|
371
371
|
--vkui--color_background_tertiary: #F6F7F8;
|
|
372
372
|
--vkui--color_background_tertiary--hover: #ECEEF1;
|
|
373
373
|
--vkui--color_background_tertiary--active: #E2E5E9;
|
|
@@ -410,9 +410,9 @@
|
|
|
410
410
|
--vkui--color_text_accent_themed: #0070f0;
|
|
411
411
|
--vkui--color_text_accent_themed--hover: #006CE9;
|
|
412
412
|
--vkui--color_text_accent_themed--active: #0068E2;
|
|
413
|
-
--vkui--color_text_negative: #
|
|
414
|
-
--vkui--color_text_negative--hover: #
|
|
415
|
-
--vkui--color_text_negative--active: #
|
|
413
|
+
--vkui--color_text_negative: #ED0A34;
|
|
414
|
+
--vkui--color_text_negative--hover: #E40A34;
|
|
415
|
+
--vkui--color_text_negative--active: #DA0A35;
|
|
416
416
|
--vkui--color_text_link: #0070f0;
|
|
417
417
|
--vkui--color_text_link--hover: #006CE9;
|
|
418
418
|
--vkui--color_text_link--active: #0068E2;
|
|
@@ -497,9 +497,9 @@
|
|
|
497
497
|
--vkui--color_icon_warning: #FF9E00;
|
|
498
498
|
--vkui--color_icon_warning--hover: #F59802;
|
|
499
499
|
--vkui--color_icon_warning--active: #EB9305;
|
|
500
|
-
--vkui--color_icon_negative: #
|
|
501
|
-
--vkui--color_icon_negative--hover: #
|
|
502
|
-
--vkui--color_icon_negative--active: #
|
|
500
|
+
--vkui--color_icon_negative: #ED033A;
|
|
501
|
+
--vkui--color_icon_negative--hover: #E4043A;
|
|
502
|
+
--vkui--color_icon_negative--active: #DA043A;
|
|
503
503
|
--vkui--color_icon_contrast_secondary: #F2F3F5;
|
|
504
504
|
--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
|
|
505
505
|
--vkui--color_icon_contrast_secondary--active: #DFE1E6;
|
|
@@ -512,9 +512,9 @@
|
|
|
512
512
|
--vkui--color_stroke_contrast: #FFFFFF;
|
|
513
513
|
--vkui--color_stroke_contrast--hover: #F5F5F7;
|
|
514
514
|
--vkui--color_stroke_contrast--active: #EBECEF;
|
|
515
|
-
--vkui--color_stroke_negative: #
|
|
516
|
-
--vkui--color_stroke_negative--hover: #
|
|
517
|
-
--vkui--color_stroke_negative--active: #
|
|
515
|
+
--vkui--color_stroke_negative: #ED0A34;
|
|
516
|
+
--vkui--color_stroke_negative--hover: #E40A34;
|
|
517
|
+
--vkui--color_stroke_negative--active: #DA0A35;
|
|
518
518
|
--vkui--color_image_border_alpha: rgba(0, 16, 61, 0.08);
|
|
519
519
|
--vkui--color_image_border_alpha--hover: rgba(0, 16, 61, 0.12);
|
|
520
520
|
--vkui--color_image_border_alpha--active: rgba(0, 16, 61, 0.16);
|
|
@@ -671,33 +671,33 @@
|
|
|
671
671
|
--vkui--color_background_accent_tint_themed_alpha: rgba(0, 119, 255, 0.06);
|
|
672
672
|
--vkui--color_background_accent_tint_themed_alpha--hover: rgba(0, 119, 255, 0.1);
|
|
673
673
|
--vkui--color_background_accent_tint_themed_alpha--active: rgba(0, 119, 255, 0.14);
|
|
674
|
-
--vkui--color_background_accent_tint_alpha: rgba(0,
|
|
675
|
-
--vkui--color_background_accent_tint_alpha--hover: rgba(0,
|
|
676
|
-
--vkui--color_background_accent_tint_alpha--active: rgba(0,
|
|
677
|
-
--vkui--color_background_accent_tint_themed: #
|
|
678
|
-
--vkui--color_background_accent_tint_themed--hover: #
|
|
679
|
-
--vkui--color_background_accent_tint_themed--active: #
|
|
674
|
+
--vkui--color_background_accent_tint_alpha: rgba(0, 119, 255, 0.06);
|
|
675
|
+
--vkui--color_background_accent_tint_alpha--hover: rgba(0, 119, 255, 0.1);
|
|
676
|
+
--vkui--color_background_accent_tint_alpha--active: rgba(0, 119, 255, 0.14);
|
|
677
|
+
--vkui--color_background_accent_tint_themed: #F0F7FF;
|
|
678
|
+
--vkui--color_background_accent_tint_themed--hover: #E5F1FF;
|
|
679
|
+
--vkui--color_background_accent_tint_themed--active: #DBECFF;
|
|
680
680
|
--vkui--color_background_warning_tint_themed_alpha: rgba(255, 241, 173, 0.48);
|
|
681
681
|
--vkui--color_background_warning_tint_themed_alpha--hover: rgba(255, 241, 173, 0.52);
|
|
682
682
|
--vkui--color_background_warning_tint_themed_alpha--active: rgba(255, 241, 173, 0.56);
|
|
683
|
-
--vkui--color_background_warning_tint_alpha: rgba(255,
|
|
684
|
-
--vkui--color_background_warning_tint_alpha--hover: rgba(255,
|
|
685
|
-
--vkui--color_background_warning_tint_alpha--active: rgba(255,
|
|
683
|
+
--vkui--color_background_warning_tint_alpha: rgba(255, 241, 173, 0.64);
|
|
684
|
+
--vkui--color_background_warning_tint_alpha--hover: rgba(255, 241, 173, 0.72);
|
|
685
|
+
--vkui--color_background_warning_tint_alpha--active: rgba(255, 241, 173, 0.76);
|
|
686
686
|
--vkui--color_background_warning_tint_themed: #fffce0;
|
|
687
687
|
--vkui--color_background_warning_tint_themed--hover: #F5F3D9;
|
|
688
688
|
--vkui--color_background_warning_tint_themed--active: #EBE9D3;
|
|
689
689
|
--vkui--color_background_warning_tint: #fffce0;
|
|
690
690
|
--vkui--color_background_warning_tint--hover: #F5F3D9;
|
|
691
691
|
--vkui--color_background_warning_tint--active: #EBE9D3;
|
|
692
|
-
--vkui--color_background_negative_tint_themed_alpha: rgba(237,
|
|
693
|
-
--vkui--color_background_negative_tint_themed_alpha--hover: rgba(237,
|
|
694
|
-
--vkui--color_background_negative_tint_themed_alpha--active: rgba(237,
|
|
695
|
-
--vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.
|
|
692
|
+
--vkui--color_background_negative_tint_themed_alpha: rgba(237, 10, 52, 0.1);
|
|
693
|
+
--vkui--color_background_negative_tint_themed_alpha--hover: rgba(237, 10, 52, 0.14);
|
|
694
|
+
--vkui--color_background_negative_tint_themed_alpha--active: rgba(237, 10, 52, 0.16);
|
|
695
|
+
--vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.1);
|
|
696
696
|
--vkui--color_background_negative_tint_alpha--hover: rgba(237, 10, 52, 0.14);
|
|
697
697
|
--vkui--color_background_negative_tint_alpha--active: rgba(237, 10, 52, 0.18);
|
|
698
|
-
--vkui--color_background_negative_tint_themed: #
|
|
699
|
-
--vkui--color_background_negative_tint_themed--hover: #
|
|
700
|
-
--vkui--color_background_negative_tint_themed--active: #
|
|
698
|
+
--vkui--color_background_negative_tint_themed: #FAEBEB;
|
|
699
|
+
--vkui--color_background_negative_tint_themed--hover: #FDE2E7;
|
|
700
|
+
--vkui--color_background_negative_tint_themed--active: #FCD8DF;
|
|
701
701
|
--vkui--color_background_positive_tint_themed_alpha: rgba(13, 194, 104, 0.08);
|
|
702
702
|
--vkui--color_background_positive_tint_themed_alpha--hover: rgba(13, 194, 104, 0.12);
|
|
703
703
|
--vkui--color_background_positive_tint_themed_alpha--active: rgba(13, 194, 104, 0.16);
|
|
@@ -737,9 +737,60 @@
|
|
|
737
737
|
--vkui--color_background_sky_alpha: rgba(204, 228, 255, 0.9);
|
|
738
738
|
--vkui--color_background_sky_alpha--hover: rgba(204, 228, 255, 0.9400000000000001);
|
|
739
739
|
--vkui--color_background_sky_alpha--active: rgba(204, 228, 255, 0.98);
|
|
740
|
+
--vkui--color_avatars_blue: #4C91FF;
|
|
741
|
+
--vkui--color_avatars_blue--hover: #498CF7;
|
|
742
|
+
--vkui--color_avatars_blue--active: #4687EF;
|
|
743
|
+
--vkui--color_avatars_coral: #FEA4A4;
|
|
744
|
+
--vkui--color_avatars_coral--hover: #F49EA0;
|
|
745
|
+
--vkui--color_avatars_coral--active: #EA989C;
|
|
746
|
+
--vkui--color_avatars_green: #43CC4C;
|
|
747
|
+
--vkui--color_avatars_green--hover: #40C44B;
|
|
748
|
+
--vkui--color_avatars_green--active: #3EBD4B;
|
|
749
|
+
--vkui--color_avatars_indigo: #7772F8;
|
|
750
|
+
--vkui--color_avatars_indigo--hover: #726EF1;
|
|
751
|
+
--vkui--color_avatars_indigo--active: #6D6AE9;
|
|
752
|
+
--vkui--color_avatars_lavender: #D3B2FF;
|
|
753
|
+
--vkui--color_avatars_lavender--hover: #CBACF7;
|
|
754
|
+
--vkui--color_avatars_lavender--active: #C2A5EF;
|
|
755
|
+
--vkui--color_avatars_lime: #C3F07F;
|
|
756
|
+
--vkui--color_avatars_lime--hover: #BBE77C;
|
|
757
|
+
--vkui--color_avatars_lime--active: #B3DE7A;
|
|
758
|
+
--vkui--color_avatars_mint: #7BEADB;
|
|
759
|
+
--vkui--color_avatars_mint--hover: #76E1D5;
|
|
760
|
+
--vkui--color_avatars_mint--active: #71D9CE;
|
|
761
|
+
--vkui--color_avatars_orange: #F68E42;
|
|
762
|
+
--vkui--color_avatars_orange--hover: #EC8942;
|
|
763
|
+
--vkui--color_avatars_orange--active: #E28442;
|
|
764
|
+
--vkui--color_avatars_peach: #FFB980;
|
|
765
|
+
--vkui--color_avatars_peach--hover: #F5B27D;
|
|
766
|
+
--vkui--color_avatars_peach--active: #EBAB7B;
|
|
767
|
+
--vkui--color_avatars_red: #F55252;
|
|
768
|
+
--vkui--color_avatars_red--hover: #EB4F51;
|
|
769
|
+
--vkui--color_avatars_red--active: #E14D50;
|
|
770
|
+
--vkui--color_avatars_sea: #22CEEC;
|
|
771
|
+
--vkui--color_avatars_sea--hover: #21C6E5;
|
|
772
|
+
--vkui--color_avatars_sea--active: #1FBFDE;
|
|
773
|
+
--vkui--color_avatars_seagreen: #42D7A5;
|
|
774
|
+
--vkui--color_avatars_seagreen--hover: #3FCFA1;
|
|
775
|
+
--vkui--color_avatars_seagreen--active: #3DC79D;
|
|
776
|
+
--vkui--color_avatars_sky: #9EDBFF;
|
|
777
|
+
--vkui--color_avatars_sky--hover: #98D3F7;
|
|
778
|
+
--vkui--color_avatars_sky--active: #91CBEF;
|
|
779
|
+
--vkui--color_avatars_violet: #B884FF;
|
|
780
|
+
--vkui--color_avatars_violet--hover: #B17FF7;
|
|
781
|
+
--vkui--color_avatars_violet--active: #A97BEF;
|
|
782
|
+
--vkui--color_avatars_yellow: #FFD65C;
|
|
783
|
+
--vkui--color_avatars_yellow--hover: #F5CE5B;
|
|
784
|
+
--vkui--color_avatars_yellow--active: #EBC65A;
|
|
740
785
|
--vkui--color_icon_negative_snackbar: #FF5C5C;
|
|
741
786
|
--vkui--color_icon_negative_snackbar--hover: #F5595B;
|
|
742
787
|
--vkui--color_icon_negative_snackbar--active: #EB565A;
|
|
788
|
+
--vkui--color_onboarding: #2979FA;
|
|
789
|
+
--vkui--color_onboarding--hover: #2775F2;
|
|
790
|
+
--vkui--color_onboarding--active: #2671EB;
|
|
791
|
+
--vkui--color_search_results_alpha: rgba(255, 241, 173, 0.48);
|
|
792
|
+
--vkui--color_search_results_alpha--hover: rgba(255, 241, 173, 0.52);
|
|
793
|
+
--vkui--color_search_results_alpha--active: rgba(255, 241, 173, 0.56);
|
|
743
794
|
}
|
|
744
795
|
|
|
745
796
|
.vkui--font_display_title1--regular {
|
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
--vkui--color_background_secondary: #F0F1F3;
|
|
57
57
|
--vkui--color_background_secondary--hover: #E6E8EC;
|
|
58
58
|
--vkui--color_background_secondary--active: #DDDFE4;
|
|
59
|
-
--vkui--color_background_secondary_alpha: rgba(
|
|
60
|
-
--vkui--color_background_secondary_alpha--hover: rgba(
|
|
61
|
-
--vkui--color_background_secondary_alpha--active: rgba(
|
|
59
|
+
--vkui--color_background_secondary_alpha: rgba(0, 16, 61, 0.06);
|
|
60
|
+
--vkui--color_background_secondary_alpha--hover: rgba(0, 16, 61, 0.1);
|
|
61
|
+
--vkui--color_background_secondary_alpha--active: rgba(0, 16, 61, 0.14);
|
|
62
62
|
--vkui--color_background: #F6F7F8;
|
|
63
63
|
--vkui--color_background--hover: #ECEEF1;
|
|
64
64
|
--vkui--color_background--active: #E2E5E9;
|
|
@@ -71,9 +71,9 @@
|
|
|
71
71
|
--vkui--color_background_warning: #FFF1AD;
|
|
72
72
|
--vkui--color_background_warning--hover: #F5E8A9;
|
|
73
73
|
--vkui--color_background_warning--active: #EBDFA4;
|
|
74
|
-
--vkui--color_background_negative: #
|
|
75
|
-
--vkui--color_background_negative--hover: #
|
|
76
|
-
--vkui--color_background_negative--active: #
|
|
74
|
+
--vkui--color_background_negative: #ED0A34;
|
|
75
|
+
--vkui--color_background_negative--hover: #E40A34;
|
|
76
|
+
--vkui--color_background_negative--active: #DA0A35;
|
|
77
77
|
--vkui--color_background_tertiary: #F6F7F8;
|
|
78
78
|
--vkui--color_background_tertiary--hover: #ECEEF1;
|
|
79
79
|
--vkui--color_background_tertiary--active: #E2E5E9;
|
|
@@ -116,9 +116,9 @@
|
|
|
116
116
|
--vkui--color_text_accent_themed: #0070f0;
|
|
117
117
|
--vkui--color_text_accent_themed--hover: #006CE9;
|
|
118
118
|
--vkui--color_text_accent_themed--active: #0068E2;
|
|
119
|
-
--vkui--color_text_negative: #
|
|
120
|
-
--vkui--color_text_negative--hover: #
|
|
121
|
-
--vkui--color_text_negative--active: #
|
|
119
|
+
--vkui--color_text_negative: #ED0A34;
|
|
120
|
+
--vkui--color_text_negative--hover: #E40A34;
|
|
121
|
+
--vkui--color_text_negative--active: #DA0A35;
|
|
122
122
|
--vkui--color_text_link: #0070f0;
|
|
123
123
|
--vkui--color_text_link--hover: #006CE9;
|
|
124
124
|
--vkui--color_text_link--active: #0068E2;
|
|
@@ -203,9 +203,9 @@
|
|
|
203
203
|
--vkui--color_icon_warning: #FF9E00;
|
|
204
204
|
--vkui--color_icon_warning--hover: #F59802;
|
|
205
205
|
--vkui--color_icon_warning--active: #EB9305;
|
|
206
|
-
--vkui--color_icon_negative: #
|
|
207
|
-
--vkui--color_icon_negative--hover: #
|
|
208
|
-
--vkui--color_icon_negative--active: #
|
|
206
|
+
--vkui--color_icon_negative: #ED033A;
|
|
207
|
+
--vkui--color_icon_negative--hover: #E4043A;
|
|
208
|
+
--vkui--color_icon_negative--active: #DA043A;
|
|
209
209
|
--vkui--color_icon_contrast_secondary: #F2F3F5;
|
|
210
210
|
--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
|
|
211
211
|
--vkui--color_icon_contrast_secondary--active: #DFE1E6;
|
|
@@ -218,9 +218,9 @@
|
|
|
218
218
|
--vkui--color_stroke_contrast: #FFFFFF;
|
|
219
219
|
--vkui--color_stroke_contrast--hover: #F5F5F7;
|
|
220
220
|
--vkui--color_stroke_contrast--active: #EBECEF;
|
|
221
|
-
--vkui--color_stroke_negative: #
|
|
222
|
-
--vkui--color_stroke_negative--hover: #
|
|
223
|
-
--vkui--color_stroke_negative--active: #
|
|
221
|
+
--vkui--color_stroke_negative: #ED0A34;
|
|
222
|
+
--vkui--color_stroke_negative--hover: #E40A34;
|
|
223
|
+
--vkui--color_stroke_negative--active: #DA0A35;
|
|
224
224
|
--vkui--color_image_border_alpha: rgba(0, 16, 61, 0.08);
|
|
225
225
|
--vkui--color_image_border_alpha--hover: rgba(0, 16, 61, 0.12);
|
|
226
226
|
--vkui--color_image_border_alpha--active: rgba(0, 16, 61, 0.16);
|
|
@@ -377,33 +377,33 @@
|
|
|
377
377
|
--vkui--color_background_accent_tint_themed_alpha: rgba(0, 119, 255, 0.06);
|
|
378
378
|
--vkui--color_background_accent_tint_themed_alpha--hover: rgba(0, 119, 255, 0.1);
|
|
379
379
|
--vkui--color_background_accent_tint_themed_alpha--active: rgba(0, 119, 255, 0.14);
|
|
380
|
-
--vkui--color_background_accent_tint_alpha: rgba(0,
|
|
381
|
-
--vkui--color_background_accent_tint_alpha--hover: rgba(0,
|
|
382
|
-
--vkui--color_background_accent_tint_alpha--active: rgba(0,
|
|
383
|
-
--vkui--color_background_accent_tint_themed: #
|
|
384
|
-
--vkui--color_background_accent_tint_themed--hover: #
|
|
385
|
-
--vkui--color_background_accent_tint_themed--active: #
|
|
380
|
+
--vkui--color_background_accent_tint_alpha: rgba(0, 119, 255, 0.06);
|
|
381
|
+
--vkui--color_background_accent_tint_alpha--hover: rgba(0, 119, 255, 0.1);
|
|
382
|
+
--vkui--color_background_accent_tint_alpha--active: rgba(0, 119, 255, 0.14);
|
|
383
|
+
--vkui--color_background_accent_tint_themed: #F0F7FF;
|
|
384
|
+
--vkui--color_background_accent_tint_themed--hover: #E5F1FF;
|
|
385
|
+
--vkui--color_background_accent_tint_themed--active: #DBECFF;
|
|
386
386
|
--vkui--color_background_warning_tint_themed_alpha: rgba(255, 241, 173, 0.48);
|
|
387
387
|
--vkui--color_background_warning_tint_themed_alpha--hover: rgba(255, 241, 173, 0.52);
|
|
388
388
|
--vkui--color_background_warning_tint_themed_alpha--active: rgba(255, 241, 173, 0.56);
|
|
389
|
-
--vkui--color_background_warning_tint_alpha: rgba(255,
|
|
390
|
-
--vkui--color_background_warning_tint_alpha--hover: rgba(255,
|
|
391
|
-
--vkui--color_background_warning_tint_alpha--active: rgba(255,
|
|
389
|
+
--vkui--color_background_warning_tint_alpha: rgba(255, 241, 173, 0.64);
|
|
390
|
+
--vkui--color_background_warning_tint_alpha--hover: rgba(255, 241, 173, 0.72);
|
|
391
|
+
--vkui--color_background_warning_tint_alpha--active: rgba(255, 241, 173, 0.76);
|
|
392
392
|
--vkui--color_background_warning_tint_themed: #fffce0;
|
|
393
393
|
--vkui--color_background_warning_tint_themed--hover: #F5F3D9;
|
|
394
394
|
--vkui--color_background_warning_tint_themed--active: #EBE9D3;
|
|
395
395
|
--vkui--color_background_warning_tint: #fffce0;
|
|
396
396
|
--vkui--color_background_warning_tint--hover: #F5F3D9;
|
|
397
397
|
--vkui--color_background_warning_tint--active: #EBE9D3;
|
|
398
|
-
--vkui--color_background_negative_tint_themed_alpha: rgba(237,
|
|
399
|
-
--vkui--color_background_negative_tint_themed_alpha--hover: rgba(237,
|
|
400
|
-
--vkui--color_background_negative_tint_themed_alpha--active: rgba(237,
|
|
401
|
-
--vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.
|
|
398
|
+
--vkui--color_background_negative_tint_themed_alpha: rgba(237, 10, 52, 0.1);
|
|
399
|
+
--vkui--color_background_negative_tint_themed_alpha--hover: rgba(237, 10, 52, 0.14);
|
|
400
|
+
--vkui--color_background_negative_tint_themed_alpha--active: rgba(237, 10, 52, 0.16);
|
|
401
|
+
--vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.1);
|
|
402
402
|
--vkui--color_background_negative_tint_alpha--hover: rgba(237, 10, 52, 0.14);
|
|
403
403
|
--vkui--color_background_negative_tint_alpha--active: rgba(237, 10, 52, 0.18);
|
|
404
|
-
--vkui--color_background_negative_tint_themed: #
|
|
405
|
-
--vkui--color_background_negative_tint_themed--hover: #
|
|
406
|
-
--vkui--color_background_negative_tint_themed--active: #
|
|
404
|
+
--vkui--color_background_negative_tint_themed: #FAEBEB;
|
|
405
|
+
--vkui--color_background_negative_tint_themed--hover: #FDE2E7;
|
|
406
|
+
--vkui--color_background_negative_tint_themed--active: #FCD8DF;
|
|
407
407
|
--vkui--color_background_positive_tint_themed_alpha: rgba(13, 194, 104, 0.08);
|
|
408
408
|
--vkui--color_background_positive_tint_themed_alpha--hover: rgba(13, 194, 104, 0.12);
|
|
409
409
|
--vkui--color_background_positive_tint_themed_alpha--active: rgba(13, 194, 104, 0.16);
|
|
@@ -443,7 +443,58 @@
|
|
|
443
443
|
--vkui--color_background_sky_alpha: rgba(204, 228, 255, 0.9);
|
|
444
444
|
--vkui--color_background_sky_alpha--hover: rgba(204, 228, 255, 0.9400000000000001);
|
|
445
445
|
--vkui--color_background_sky_alpha--active: rgba(204, 228, 255, 0.98);
|
|
446
|
+
--vkui--color_avatars_blue: #4C91FF;
|
|
447
|
+
--vkui--color_avatars_blue--hover: #498CF7;
|
|
448
|
+
--vkui--color_avatars_blue--active: #4687EF;
|
|
449
|
+
--vkui--color_avatars_coral: #FEA4A4;
|
|
450
|
+
--vkui--color_avatars_coral--hover: #F49EA0;
|
|
451
|
+
--vkui--color_avatars_coral--active: #EA989C;
|
|
452
|
+
--vkui--color_avatars_green: #43CC4C;
|
|
453
|
+
--vkui--color_avatars_green--hover: #40C44B;
|
|
454
|
+
--vkui--color_avatars_green--active: #3EBD4B;
|
|
455
|
+
--vkui--color_avatars_indigo: #7772F8;
|
|
456
|
+
--vkui--color_avatars_indigo--hover: #726EF1;
|
|
457
|
+
--vkui--color_avatars_indigo--active: #6D6AE9;
|
|
458
|
+
--vkui--color_avatars_lavender: #D3B2FF;
|
|
459
|
+
--vkui--color_avatars_lavender--hover: #CBACF7;
|
|
460
|
+
--vkui--color_avatars_lavender--active: #C2A5EF;
|
|
461
|
+
--vkui--color_avatars_lime: #C3F07F;
|
|
462
|
+
--vkui--color_avatars_lime--hover: #BBE77C;
|
|
463
|
+
--vkui--color_avatars_lime--active: #B3DE7A;
|
|
464
|
+
--vkui--color_avatars_mint: #7BEADB;
|
|
465
|
+
--vkui--color_avatars_mint--hover: #76E1D5;
|
|
466
|
+
--vkui--color_avatars_mint--active: #71D9CE;
|
|
467
|
+
--vkui--color_avatars_orange: #F68E42;
|
|
468
|
+
--vkui--color_avatars_orange--hover: #EC8942;
|
|
469
|
+
--vkui--color_avatars_orange--active: #E28442;
|
|
470
|
+
--vkui--color_avatars_peach: #FFB980;
|
|
471
|
+
--vkui--color_avatars_peach--hover: #F5B27D;
|
|
472
|
+
--vkui--color_avatars_peach--active: #EBAB7B;
|
|
473
|
+
--vkui--color_avatars_red: #F55252;
|
|
474
|
+
--vkui--color_avatars_red--hover: #EB4F51;
|
|
475
|
+
--vkui--color_avatars_red--active: #E14D50;
|
|
476
|
+
--vkui--color_avatars_sea: #22CEEC;
|
|
477
|
+
--vkui--color_avatars_sea--hover: #21C6E5;
|
|
478
|
+
--vkui--color_avatars_sea--active: #1FBFDE;
|
|
479
|
+
--vkui--color_avatars_seagreen: #42D7A5;
|
|
480
|
+
--vkui--color_avatars_seagreen--hover: #3FCFA1;
|
|
481
|
+
--vkui--color_avatars_seagreen--active: #3DC79D;
|
|
482
|
+
--vkui--color_avatars_sky: #9EDBFF;
|
|
483
|
+
--vkui--color_avatars_sky--hover: #98D3F7;
|
|
484
|
+
--vkui--color_avatars_sky--active: #91CBEF;
|
|
485
|
+
--vkui--color_avatars_violet: #B884FF;
|
|
486
|
+
--vkui--color_avatars_violet--hover: #B17FF7;
|
|
487
|
+
--vkui--color_avatars_violet--active: #A97BEF;
|
|
488
|
+
--vkui--color_avatars_yellow: #FFD65C;
|
|
489
|
+
--vkui--color_avatars_yellow--hover: #F5CE5B;
|
|
490
|
+
--vkui--color_avatars_yellow--active: #EBC65A;
|
|
446
491
|
--vkui--color_icon_negative_snackbar: #FF5C5C;
|
|
447
492
|
--vkui--color_icon_negative_snackbar--hover: #F5595B;
|
|
448
493
|
--vkui--color_icon_negative_snackbar--active: #EB565A;
|
|
494
|
+
--vkui--color_onboarding: #2979FA;
|
|
495
|
+
--vkui--color_onboarding--hover: #2775F2;
|
|
496
|
+
--vkui--color_onboarding--active: #2671EB;
|
|
497
|
+
--vkui--color_search_results_alpha: rgba(255, 241, 173, 0.48);
|
|
498
|
+
--vkui--color_search_results_alpha--hover: rgba(255, 241, 173, 0.52);
|
|
499
|
+
--vkui--color_search_results_alpha--active: rgba(255, 241, 173, 0.56);
|
|
449
500
|
}
|
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
--vkui--color_background_secondary: #F0F1F3;
|
|
18
18
|
--vkui--color_background_secondary--hover: #E6E8EC;
|
|
19
19
|
--vkui--color_background_secondary--active: #DDDFE4;
|
|
20
|
-
--vkui--color_background_secondary_alpha: rgba(
|
|
21
|
-
--vkui--color_background_secondary_alpha--hover: rgba(
|
|
22
|
-
--vkui--color_background_secondary_alpha--active: rgba(
|
|
20
|
+
--vkui--color_background_secondary_alpha: rgba(0, 16, 61, 0.06);
|
|
21
|
+
--vkui--color_background_secondary_alpha--hover: rgba(0, 16, 61, 0.1);
|
|
22
|
+
--vkui--color_background_secondary_alpha--active: rgba(0, 16, 61, 0.14);
|
|
23
23
|
--vkui--color_background: #F6F7F8;
|
|
24
24
|
--vkui--color_background--hover: #ECEEF1;
|
|
25
25
|
--vkui--color_background--active: #E2E5E9;
|
|
@@ -32,9 +32,9 @@
|
|
|
32
32
|
--vkui--color_background_warning: #FFF1AD;
|
|
33
33
|
--vkui--color_background_warning--hover: #F5E8A9;
|
|
34
34
|
--vkui--color_background_warning--active: #EBDFA4;
|
|
35
|
-
--vkui--color_background_negative: #
|
|
36
|
-
--vkui--color_background_negative--hover: #
|
|
37
|
-
--vkui--color_background_negative--active: #
|
|
35
|
+
--vkui--color_background_negative: #ED0A34;
|
|
36
|
+
--vkui--color_background_negative--hover: #E40A34;
|
|
37
|
+
--vkui--color_background_negative--active: #DA0A35;
|
|
38
38
|
--vkui--color_background_tertiary: #F6F7F8;
|
|
39
39
|
--vkui--color_background_tertiary--hover: #ECEEF1;
|
|
40
40
|
--vkui--color_background_tertiary--active: #E2E5E9;
|
|
@@ -77,9 +77,9 @@
|
|
|
77
77
|
--vkui--color_text_accent_themed: #0070f0;
|
|
78
78
|
--vkui--color_text_accent_themed--hover: #006CE9;
|
|
79
79
|
--vkui--color_text_accent_themed--active: #0068E2;
|
|
80
|
-
--vkui--color_text_negative: #
|
|
81
|
-
--vkui--color_text_negative--hover: #
|
|
82
|
-
--vkui--color_text_negative--active: #
|
|
80
|
+
--vkui--color_text_negative: #ED0A34;
|
|
81
|
+
--vkui--color_text_negative--hover: #E40A34;
|
|
82
|
+
--vkui--color_text_negative--active: #DA0A35;
|
|
83
83
|
--vkui--color_text_link: #0070f0;
|
|
84
84
|
--vkui--color_text_link--hover: #006CE9;
|
|
85
85
|
--vkui--color_text_link--active: #0068E2;
|
|
@@ -164,9 +164,9 @@
|
|
|
164
164
|
--vkui--color_icon_warning: #FF9E00;
|
|
165
165
|
--vkui--color_icon_warning--hover: #F59802;
|
|
166
166
|
--vkui--color_icon_warning--active: #EB9305;
|
|
167
|
-
--vkui--color_icon_negative: #
|
|
168
|
-
--vkui--color_icon_negative--hover: #
|
|
169
|
-
--vkui--color_icon_negative--active: #
|
|
167
|
+
--vkui--color_icon_negative: #ED033A;
|
|
168
|
+
--vkui--color_icon_negative--hover: #E4043A;
|
|
169
|
+
--vkui--color_icon_negative--active: #DA043A;
|
|
170
170
|
--vkui--color_icon_contrast_secondary: #F2F3F5;
|
|
171
171
|
--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
|
|
172
172
|
--vkui--color_icon_contrast_secondary--active: #DFE1E6;
|
|
@@ -179,9 +179,9 @@
|
|
|
179
179
|
--vkui--color_stroke_contrast: #FFFFFF;
|
|
180
180
|
--vkui--color_stroke_contrast--hover: #F5F5F7;
|
|
181
181
|
--vkui--color_stroke_contrast--active: #EBECEF;
|
|
182
|
-
--vkui--color_stroke_negative: #
|
|
183
|
-
--vkui--color_stroke_negative--hover: #
|
|
184
|
-
--vkui--color_stroke_negative--active: #
|
|
182
|
+
--vkui--color_stroke_negative: #ED0A34;
|
|
183
|
+
--vkui--color_stroke_negative--hover: #E40A34;
|
|
184
|
+
--vkui--color_stroke_negative--active: #DA0A35;
|
|
185
185
|
--vkui--color_image_border_alpha: rgba(0, 16, 61, 0.08);
|
|
186
186
|
--vkui--color_image_border_alpha--hover: rgba(0, 16, 61, 0.12);
|
|
187
187
|
--vkui--color_image_border_alpha--active: rgba(0, 16, 61, 0.16);
|
|
@@ -338,33 +338,33 @@
|
|
|
338
338
|
--vkui--color_background_accent_tint_themed_alpha: rgba(0, 119, 255, 0.06);
|
|
339
339
|
--vkui--color_background_accent_tint_themed_alpha--hover: rgba(0, 119, 255, 0.1);
|
|
340
340
|
--vkui--color_background_accent_tint_themed_alpha--active: rgba(0, 119, 255, 0.14);
|
|
341
|
-
--vkui--color_background_accent_tint_alpha: rgba(0,
|
|
342
|
-
--vkui--color_background_accent_tint_alpha--hover: rgba(0,
|
|
343
|
-
--vkui--color_background_accent_tint_alpha--active: rgba(0,
|
|
344
|
-
--vkui--color_background_accent_tint_themed: #
|
|
345
|
-
--vkui--color_background_accent_tint_themed--hover: #
|
|
346
|
-
--vkui--color_background_accent_tint_themed--active: #
|
|
341
|
+
--vkui--color_background_accent_tint_alpha: rgba(0, 119, 255, 0.06);
|
|
342
|
+
--vkui--color_background_accent_tint_alpha--hover: rgba(0, 119, 255, 0.1);
|
|
343
|
+
--vkui--color_background_accent_tint_alpha--active: rgba(0, 119, 255, 0.14);
|
|
344
|
+
--vkui--color_background_accent_tint_themed: #F0F7FF;
|
|
345
|
+
--vkui--color_background_accent_tint_themed--hover: #E5F1FF;
|
|
346
|
+
--vkui--color_background_accent_tint_themed--active: #DBECFF;
|
|
347
347
|
--vkui--color_background_warning_tint_themed_alpha: rgba(255, 241, 173, 0.48);
|
|
348
348
|
--vkui--color_background_warning_tint_themed_alpha--hover: rgba(255, 241, 173, 0.52);
|
|
349
349
|
--vkui--color_background_warning_tint_themed_alpha--active: rgba(255, 241, 173, 0.56);
|
|
350
|
-
--vkui--color_background_warning_tint_alpha: rgba(255,
|
|
351
|
-
--vkui--color_background_warning_tint_alpha--hover: rgba(255,
|
|
352
|
-
--vkui--color_background_warning_tint_alpha--active: rgba(255,
|
|
350
|
+
--vkui--color_background_warning_tint_alpha: rgba(255, 241, 173, 0.64);
|
|
351
|
+
--vkui--color_background_warning_tint_alpha--hover: rgba(255, 241, 173, 0.72);
|
|
352
|
+
--vkui--color_background_warning_tint_alpha--active: rgba(255, 241, 173, 0.76);
|
|
353
353
|
--vkui--color_background_warning_tint_themed: #fffce0;
|
|
354
354
|
--vkui--color_background_warning_tint_themed--hover: #F5F3D9;
|
|
355
355
|
--vkui--color_background_warning_tint_themed--active: #EBE9D3;
|
|
356
356
|
--vkui--color_background_warning_tint: #fffce0;
|
|
357
357
|
--vkui--color_background_warning_tint--hover: #F5F3D9;
|
|
358
358
|
--vkui--color_background_warning_tint--active: #EBE9D3;
|
|
359
|
-
--vkui--color_background_negative_tint_themed_alpha: rgba(237,
|
|
360
|
-
--vkui--color_background_negative_tint_themed_alpha--hover: rgba(237,
|
|
361
|
-
--vkui--color_background_negative_tint_themed_alpha--active: rgba(237,
|
|
362
|
-
--vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.
|
|
359
|
+
--vkui--color_background_negative_tint_themed_alpha: rgba(237, 10, 52, 0.1);
|
|
360
|
+
--vkui--color_background_negative_tint_themed_alpha--hover: rgba(237, 10, 52, 0.14);
|
|
361
|
+
--vkui--color_background_negative_tint_themed_alpha--active: rgba(237, 10, 52, 0.16);
|
|
362
|
+
--vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.1);
|
|
363
363
|
--vkui--color_background_negative_tint_alpha--hover: rgba(237, 10, 52, 0.14);
|
|
364
364
|
--vkui--color_background_negative_tint_alpha--active: rgba(237, 10, 52, 0.18);
|
|
365
|
-
--vkui--color_background_negative_tint_themed: #
|
|
366
|
-
--vkui--color_background_negative_tint_themed--hover: #
|
|
367
|
-
--vkui--color_background_negative_tint_themed--active: #
|
|
365
|
+
--vkui--color_background_negative_tint_themed: #FAEBEB;
|
|
366
|
+
--vkui--color_background_negative_tint_themed--hover: #FDE2E7;
|
|
367
|
+
--vkui--color_background_negative_tint_themed--active: #FCD8DF;
|
|
368
368
|
--vkui--color_background_positive_tint_themed_alpha: rgba(13, 194, 104, 0.08);
|
|
369
369
|
--vkui--color_background_positive_tint_themed_alpha--hover: rgba(13, 194, 104, 0.12);
|
|
370
370
|
--vkui--color_background_positive_tint_themed_alpha--active: rgba(13, 194, 104, 0.16);
|
|
@@ -404,7 +404,58 @@
|
|
|
404
404
|
--vkui--color_background_sky_alpha: rgba(204, 228, 255, 0.9);
|
|
405
405
|
--vkui--color_background_sky_alpha--hover: rgba(204, 228, 255, 0.9400000000000001);
|
|
406
406
|
--vkui--color_background_sky_alpha--active: rgba(204, 228, 255, 0.98);
|
|
407
|
+
--vkui--color_avatars_blue: #4C91FF;
|
|
408
|
+
--vkui--color_avatars_blue--hover: #498CF7;
|
|
409
|
+
--vkui--color_avatars_blue--active: #4687EF;
|
|
410
|
+
--vkui--color_avatars_coral: #FEA4A4;
|
|
411
|
+
--vkui--color_avatars_coral--hover: #F49EA0;
|
|
412
|
+
--vkui--color_avatars_coral--active: #EA989C;
|
|
413
|
+
--vkui--color_avatars_green: #43CC4C;
|
|
414
|
+
--vkui--color_avatars_green--hover: #40C44B;
|
|
415
|
+
--vkui--color_avatars_green--active: #3EBD4B;
|
|
416
|
+
--vkui--color_avatars_indigo: #7772F8;
|
|
417
|
+
--vkui--color_avatars_indigo--hover: #726EF1;
|
|
418
|
+
--vkui--color_avatars_indigo--active: #6D6AE9;
|
|
419
|
+
--vkui--color_avatars_lavender: #D3B2FF;
|
|
420
|
+
--vkui--color_avatars_lavender--hover: #CBACF7;
|
|
421
|
+
--vkui--color_avatars_lavender--active: #C2A5EF;
|
|
422
|
+
--vkui--color_avatars_lime: #C3F07F;
|
|
423
|
+
--vkui--color_avatars_lime--hover: #BBE77C;
|
|
424
|
+
--vkui--color_avatars_lime--active: #B3DE7A;
|
|
425
|
+
--vkui--color_avatars_mint: #7BEADB;
|
|
426
|
+
--vkui--color_avatars_mint--hover: #76E1D5;
|
|
427
|
+
--vkui--color_avatars_mint--active: #71D9CE;
|
|
428
|
+
--vkui--color_avatars_orange: #F68E42;
|
|
429
|
+
--vkui--color_avatars_orange--hover: #EC8942;
|
|
430
|
+
--vkui--color_avatars_orange--active: #E28442;
|
|
431
|
+
--vkui--color_avatars_peach: #FFB980;
|
|
432
|
+
--vkui--color_avatars_peach--hover: #F5B27D;
|
|
433
|
+
--vkui--color_avatars_peach--active: #EBAB7B;
|
|
434
|
+
--vkui--color_avatars_red: #F55252;
|
|
435
|
+
--vkui--color_avatars_red--hover: #EB4F51;
|
|
436
|
+
--vkui--color_avatars_red--active: #E14D50;
|
|
437
|
+
--vkui--color_avatars_sea: #22CEEC;
|
|
438
|
+
--vkui--color_avatars_sea--hover: #21C6E5;
|
|
439
|
+
--vkui--color_avatars_sea--active: #1FBFDE;
|
|
440
|
+
--vkui--color_avatars_seagreen: #42D7A5;
|
|
441
|
+
--vkui--color_avatars_seagreen--hover: #3FCFA1;
|
|
442
|
+
--vkui--color_avatars_seagreen--active: #3DC79D;
|
|
443
|
+
--vkui--color_avatars_sky: #9EDBFF;
|
|
444
|
+
--vkui--color_avatars_sky--hover: #98D3F7;
|
|
445
|
+
--vkui--color_avatars_sky--active: #91CBEF;
|
|
446
|
+
--vkui--color_avatars_violet: #B884FF;
|
|
447
|
+
--vkui--color_avatars_violet--hover: #B17FF7;
|
|
448
|
+
--vkui--color_avatars_violet--active: #A97BEF;
|
|
449
|
+
--vkui--color_avatars_yellow: #FFD65C;
|
|
450
|
+
--vkui--color_avatars_yellow--hover: #F5CE5B;
|
|
451
|
+
--vkui--color_avatars_yellow--active: #EBC65A;
|
|
407
452
|
--vkui--color_icon_negative_snackbar: #FF5C5C;
|
|
408
453
|
--vkui--color_icon_negative_snackbar--hover: #F5595B;
|
|
409
454
|
--vkui--color_icon_negative_snackbar--active: #EB565A;
|
|
455
|
+
--vkui--color_onboarding: #2979FA;
|
|
456
|
+
--vkui--color_onboarding--hover: #2775F2;
|
|
457
|
+
--vkui--color_onboarding--active: #2671EB;
|
|
458
|
+
--vkui--color_search_results_alpha: rgba(255, 241, 173, 0.48);
|
|
459
|
+
--vkui--color_search_results_alpha--hover: rgba(255, 241, 173, 0.52);
|
|
460
|
+
--vkui--color_search_results_alpha--active: rgba(255, 241, 173, 0.56);
|
|
410
461
|
}
|