@vkontakte/vkui-tokens 4.75.2 → 4.76.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/interfaces/themes/legoAndroid/index.d.ts +19 -1
  2. package/interfaces/themes/legoIOS/index.d.ts +17 -2
  3. package/package.json +1 -1
  4. package/themeDescriptions/base/paradigm.js +1 -1
  5. package/themes/legoAndroid/cssVars/declarations/index.css +8 -5
  6. package/themes/legoAndroid/cssVars/declarations/noColors.css +2 -2
  7. package/themes/legoAndroid/cssVars/declarations/noSizes.css +8 -5
  8. package/themes/legoAndroid/cssVars/declarations/onlyColors.css +6 -3
  9. package/themes/legoAndroid/cssVars/declarations/onlyColors.js +1 -1
  10. package/themes/legoAndroid/cssVars/declarations/onlyVariables.css +8 -5
  11. package/themes/legoAndroid/cssVars/declarations/onlyVariables.js +1 -1
  12. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css +8 -5
  13. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -2
  14. package/themes/legoAndroid/cssVars/theme/fallbacks/index.css +8 -5
  15. package/themes/legoAndroid/cssVars/theme/fallbacks/index.less +8 -5
  16. package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss +8 -5
  17. package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss +8 -5
  18. package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl +8 -5
  19. package/themes/legoAndroid/cssVars/theme/index.js +1 -1
  20. package/themes/legoAndroid/cssVars/theme/index.json +19 -5
  21. package/themes/legoAndroid/docs.json +4 -328
  22. package/themes/legoAndroid/index.css +8 -5
  23. package/themes/legoAndroid/index.js +1 -1
  24. package/themes/legoAndroid/index.json +10 -5
  25. package/themes/legoAndroid/index.less +8 -5
  26. package/themes/legoAndroid/index.pcss +8 -5
  27. package/themes/legoAndroid/index.scss +8 -5
  28. package/themes/legoAndroid/index.styl +8 -5
  29. package/themes/legoAndroid/struct.json +10 -5
  30. package/themes/legoAndroidDark/cssVars/declarations/index.css +8 -5
  31. package/themes/legoAndroidDark/cssVars/declarations/noColors.css +2 -2
  32. package/themes/legoAndroidDark/cssVars/declarations/noSizes.css +8 -5
  33. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.css +6 -3
  34. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.js +1 -1
  35. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.css +8 -5
  36. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
  37. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css +8 -5
  38. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -2
  39. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css +8 -5
  40. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less +8 -5
  41. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss +8 -5
  42. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss +8 -5
  43. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl +8 -5
  44. package/themes/legoAndroidDark/cssVars/theme/index.js +1 -1
  45. package/themes/legoAndroidDark/cssVars/theme/index.json +19 -5
  46. package/themes/legoAndroidDark/docs.json +4 -328
  47. package/themes/legoAndroidDark/index.css +8 -5
  48. package/themes/legoAndroidDark/index.js +1 -1
  49. package/themes/legoAndroidDark/index.json +10 -5
  50. package/themes/legoAndroidDark/index.less +8 -5
  51. package/themes/legoAndroidDark/index.pcss +8 -5
  52. package/themes/legoAndroidDark/index.scss +8 -5
  53. package/themes/legoAndroidDark/index.styl +8 -5
  54. package/themes/legoAndroidDark/struct.json +10 -5
  55. package/themes/legoIOS/cssVars/declarations/index.css +8 -5
  56. package/themes/legoIOS/cssVars/declarations/noColors.css +2 -2
  57. package/themes/legoIOS/cssVars/declarations/noSizes.css +8 -5
  58. package/themes/legoIOS/cssVars/declarations/onlyColors.css +6 -3
  59. package/themes/legoIOS/cssVars/declarations/onlyColors.js +1 -1
  60. package/themes/legoIOS/cssVars/declarations/onlyVariables.css +8 -5
  61. package/themes/legoIOS/cssVars/declarations/onlyVariables.js +1 -1
  62. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocal.css +8 -5
  63. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -2
  64. package/themes/legoIOS/cssVars/theme/fallbacks/index.css +8 -5
  65. package/themes/legoIOS/cssVars/theme/fallbacks/index.less +8 -5
  66. package/themes/legoIOS/cssVars/theme/fallbacks/index.pcss +8 -5
  67. package/themes/legoIOS/cssVars/theme/fallbacks/index.scss +8 -5
  68. package/themes/legoIOS/cssVars/theme/fallbacks/index.styl +8 -5
  69. package/themes/legoIOS/cssVars/theme/index.js +1 -1
  70. package/themes/legoIOS/cssVars/theme/index.json +19 -5
  71. package/themes/legoIOS/docs.json +4 -0
  72. package/themes/legoIOS/index.css +8 -5
  73. package/themes/legoIOS/index.js +1 -1
  74. package/themes/legoIOS/index.json +10 -5
  75. package/themes/legoIOS/index.less +8 -5
  76. package/themes/legoIOS/index.pcss +8 -5
  77. package/themes/legoIOS/index.scss +8 -5
  78. package/themes/legoIOS/index.styl +8 -5
  79. package/themes/legoIOS/struct.json +10 -5
  80. package/themes/legoIOSDark/cssVars/declarations/index.css +8 -5
  81. package/themes/legoIOSDark/cssVars/declarations/noColors.css +2 -2
  82. package/themes/legoIOSDark/cssVars/declarations/noSizes.css +8 -5
  83. package/themes/legoIOSDark/cssVars/declarations/onlyColors.css +6 -3
  84. package/themes/legoIOSDark/cssVars/declarations/onlyColors.js +1 -1
  85. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.css +8 -5
  86. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  87. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocal.css +8 -5
  88. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -2
  89. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.css +8 -5
  90. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.less +8 -5
  91. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss +8 -5
  92. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss +8 -5
  93. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl +8 -5
  94. package/themes/legoIOSDark/cssVars/theme/index.js +1 -1
  95. package/themes/legoIOSDark/cssVars/theme/index.json +19 -5
  96. package/themes/legoIOSDark/docs.json +4 -0
  97. package/themes/legoIOSDark/index.css +8 -5
  98. package/themes/legoIOSDark/index.js +1 -1
  99. package/themes/legoIOSDark/index.json +10 -5
  100. package/themes/legoIOSDark/index.less +8 -5
  101. package/themes/legoIOSDark/index.pcss +8 -5
  102. package/themes/legoIOSDark/index.scss +8 -5
  103. package/themes/legoIOSDark/index.styl +8 -5
  104. package/themes/legoIOSDark/struct.json +10 -5
@@ -1807,11 +1807,11 @@
1807
1807
  },
1808
1808
  "opacityDisable": {
1809
1809
  "name": "--vkui--opacity_disable",
1810
- "value": "var(--vkui--opacity_disable, 0.5)"
1810
+ "value": "var(--vkui--opacity_disable, 0.52)"
1811
1811
  },
1812
1812
  "opacityDisableAccessibility": {
1813
1813
  "name": "--vkui--opacity_disable_accessibility",
1814
- "value": "var(--vkui--opacity_disable_accessibility, 0.5)"
1814
+ "value": "var(--vkui--opacity_disable_accessibility, 0.52)"
1815
1815
  },
1816
1816
  "opacityActive": {
1817
1817
  "name": "--vkui--opacity_active",
@@ -3476,15 +3476,15 @@
3476
3476
  "colorWriteBarInputBorderAlpha": {
3477
3477
  "normal": {
3478
3478
  "name": "--vkui--color_write_bar_input_border_alpha",
3479
- "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))"
3479
+ "value": "var(--vkui--color_write_bar_input_border_alpha, #ddff00)"
3480
3480
  },
3481
3481
  "hover": {
3482
3482
  "name": "--vkui--color_write_bar_input_border_alpha--hover",
3483
- "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))"
3483
+ "value": "var(--vkui--color_write_bar_input_border_alpha--hover, #DEFF0A)"
3484
3484
  },
3485
3485
  "active": {
3486
3486
  "name": "--vkui--color_write_bar_input_border_alpha--active",
3487
- "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))"
3487
+ "value": "var(--vkui--color_write_bar_input_border_alpha--active, #E0FF14)"
3488
3488
  }
3489
3489
  },
3490
3490
  "colorTrackBackground": {
@@ -3585,5 +3585,19 @@
3585
3585
  "value": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))"
3586
3586
  }
3587
3587
  },
3588
+ "colorBackgroundInverse": {
3589
+ "normal": {
3590
+ "name": "--vkui--color_background_inverse",
3591
+ "value": "var(--vkui--color_background_inverse, #FFFFFF)"
3592
+ },
3593
+ "hover": {
3594
+ "name": "--vkui--color_background_inverse--hover",
3595
+ "value": "var(--vkui--color_background_inverse--hover, #EBEDF0)"
3596
+ },
3597
+ "active": {
3598
+ "name": "--vkui--color_background_inverse--active",
3599
+ "value": "var(--vkui--color_background_inverse--active, #D7D8DB)"
3600
+ }
3601
+ },
3588
3602
  "themeType": "cssVars"
3589
3603
  }
@@ -454,6 +454,10 @@
454
454
  }
455
455
  ]
456
456
  },
457
+ "colorBackgroundInverse": {
458
+ "tags": [],
459
+ "desc": []
460
+ },
457
461
  "colorBackgroundModal": {
458
462
  "tags": [
459
463
  "color",
@@ -222,8 +222,8 @@
222
222
  --vkui--animation_duration_s: 0.1s;
223
223
  --vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
224
224
  --vkui--animation_easing_platform: cubic-bezier(0.36, 0.66, 0.04, 1);
225
- --vkui--opacity_disable: 0.5;
226
- --vkui--opacity_disable_accessibility: 0.5;
225
+ --vkui--opacity_disable: 0.52;
226
+ --vkui--opacity_disable_accessibility: 0.52;
227
227
  --vkui--opacity_active: 0.72;
228
228
  --vkui--z_index_modal: 99;
229
229
  --vkui--z_index_popout: 100;
@@ -563,9 +563,9 @@
563
563
  --vkui--color_write_bar_input_border: #2c2d2e;
564
564
  --vkui--color_write_bar_input_border--hover: #343536;
565
565
  --vkui--color_write_bar_input_border--active: #3D3E3F;
566
- --vkui--color_write_bar_input_border_alpha: rgba(255, 255, 255, 0.8);
567
- --vkui--color_write_bar_input_border_alpha--hover: rgba(255, 255, 255, 0.84);
568
- --vkui--color_write_bar_input_border_alpha--active: rgba(255, 255, 255, 0.88);
566
+ --vkui--color_write_bar_input_border_alpha: #ddff00;
567
+ --vkui--color_write_bar_input_border_alpha--hover: #DEFF0A;
568
+ --vkui--color_write_bar_input_border_alpha--active: #E0FF14;
569
569
  --vkui--color_track_background: #454647;
570
570
  --vkui--color_track_background--hover: #4C4D4E;
571
571
  --vkui--color_track_background--active: #545556;
@@ -587,6 +587,9 @@
587
587
  --vkui--color_transparent: #00000000;
588
588
  --vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
589
589
  --vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
590
+ --vkui--color_background_inverse: #FFFFFF;
591
+ --vkui--color_background_inverse--hover: #EBEDF0;
592
+ --vkui--color_background_inverse--active: #D7D8DB;
590
593
  }
591
594
 
592
595
  .vkui--font_display_title1--regular {
@@ -1 +1 @@
1
- export default{themeName:"legoIOSDark",themeNameBase:"legoIOS",gradientBlack:"rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%",gradientWhite:"rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%",gradientTint:"rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%",gradient:"rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%",elevation1:"0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)",elevation1InvertY:"0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20)",elevation2:"0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20)",elevation3:"0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30)",elevation4:"0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)",blurM:16,fontFamilyFallbacks:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontFamilyAccent:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontFamilyBase:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeightAccent1:600,fontWeightAccent2:500,fontWeightAccent3:400,fontWeightBase1:600,fontWeightBase2:500,fontWeightBase3:400,fontDisplayTitle1:{regular:{fontSize:23,lineHeight:28,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontDisplayTitle2:{regular:{fontSize:21,lineHeight:26,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600},compact:{fontSize:22,lineHeight:24,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontDisplayTitle3:{regular:{fontSize:19,lineHeight:24,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontDisplayTitle4:{regular:{fontSize:17,lineHeight:22,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontTitle1:{regular:{fontSize:31,lineHeight:31,fontFamily:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:700,letterSpacing:"-0.72px"}},fontTitle2:{regular:{fontSize:24,lineHeight:26,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:700,letterSpacing:"-0.58px"}},fontTitle3:{regular:{fontSize:20,lineHeight:23,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:700,letterSpacing:"-0.78px"}},fontHeadline1:{regular:{fontSize:17,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,letterSpacing:"-0.72px"},compact:{fontSize:15,lineHeight:20}},fontHeadline2:{regular:{fontSize:15,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:500},compact:{fontSize:14,lineHeight:20}},fontText:{regular:{fontSize:16,lineHeight:18.5,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,letterSpacing:"-0.68px"},compact:{fontSize:15,lineHeight:20}},fontParagraph:{regular:{fontSize:15,lineHeight:18,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,letterSpacing:"-0.46px"}},fontSubhead:{regular:{fontSize:14,lineHeight:18,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400},compact:{fontSize:13,lineHeight:16}},fontFootnote:{regular:{fontSize:13.5,lineHeight:15,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,letterSpacing:"-0.58px"}},fontFootnoteCaps:{regular:{fontSize:13,lineHeight:16,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase"}},fontCaption1:{regular:{fontSize:12,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400}},fontCaption1Caps:{regular:{fontSize:12,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase"}},fontCaption2:{regular:{fontSize:11,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400}},fontCaption2Caps:{regular:{fontSize:11,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase"}},fontCaption3:{regular:{fontSize:9,lineHeight:12,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400}},fontCaption3Caps:{regular:{fontSize:9,lineHeight:12,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase"}},sizeSelectIconPadding:{regular:6,compact:7},sizePopupBasePadding:{regular:32,compact:20},sizePopupHeaderPadding:{regular:24,compact:16},sizeLabelHorizontalMargin:{regular:16},sizeBorderRadius:{regular:10},sizeBorderRadiusRounded:{regular:48},sizeCheckBorderRadius:{regular:4},sizeBorderRadiusPaper:{regular:12},sizeBorderRadiusPromo:{regular:20},sizeCellHeight:{regular:52,compact:48},sizeFieldHeight:{regular:44,compact:36},sizeSearchHeight:{regular:36,compact:32},sizeButtonExtraSmallHeight:{regular:28,compact:24},sizeButtonSmallHeight:{regular:36,compact:32},sizeButtonMediumHeight:{regular:44,compact:36},sizeButtonLargeHeight:{regular:52,compact:44},sizeCheckbox:{regular:16},sizeArrow:{regular:8},sizeArrowPromo:{regular:40},sizePopupSmall:{regular:430},sizePopupMedium:{regular:680},sizePopupLarge:{regular:880},sizeFieldHorizontalPadding:{regular:12},sizeButtonPaddingHorizontal:{regular:12},sizeArrowPadding:{regular:12},sizeTooltipMargin:{regular:8},sizeIconUI:{regular:16},sizeAvatarXS:{regular:24},sizeAvatarS:{regular:32},sizeAvatarM:{regular:48},sizeAvatarL:{regular:96},sizeAvatarXL:{regular:128},sizeBadgeXS:{regular:12},sizeBadgeS:{regular:16},sizeBadgeM:{regular:24},sizeBadgeL:{regular:44},sizeBadgeXL:{regular:56},sizeCardgridPadding:{regular:8},sizeCardBorderRadius:{regular:10},sizeCardgridPaddingVertical:{regular:8},sizeBasePaddingHorizontal:{regular:16},sizeBasePaddingVertical:{regular:12},sizeButtonGroupGapSpace:{regular:1},sizeButtonGroupGapSmall:{regular:8},sizeButtonGroupGapMedium:{regular:12},sizeOptionHierarchy:{regular:32},sizeSwitchHeight:{regular:31,compact:27},sizeSwitchWidth:{regular:51,compact:47},sizeSwitchPin:{regular:27,compact:23},sizePanelHeaderHeight:{compact:52,regular:52},sizeButtonBaseSmallPaddingHorizontal:{regular:16},sizeButtonBaseMediumPaddingHorizontal:{regular:16},sizeButtonBaseLargePaddingHorizontal:{regular:20},sizeButtonBaseSmallPaddingHorizontalIcon:{regular:12},sizeButtonBaseMediumPaddingHorizontalIcon:{regular:12},sizeButtonBaseLargePaddingHorizontalIcon:{regular:16},sizeButtonTertiarySmallPaddingHorizontal:{regular:12},sizeButtonTertiaryMediumPaddingHorizontal:{regular:12},sizeButtonTertiaryLargePaddingHorizontal:{regular:16},sizeButtonTertiarySmallPaddingHorizontalIcon:{regular:8},sizeButtonTertiaryMediumPaddingHorizontalIcon:{regular:8},sizeButtonTertiaryLargePaddingHorizontalIcon:{regular:12},sizeButtonMinimumWidth:{regular:80},sizeFormItemPaddingVertical:{regular:12},sizeSplitColPaddingHorizontal:{regular:16},sizeSubnavigationBarGap:{regular:8},sizeSubnavigationBarPaddingVertical:{regular:12},sizeBorder1x:{regular:1},sizeBorder2x:{regular:.5},sizeBorder3x:{regular:.33},spacingSize3Xs:2,spacingSize2Xs:2,spacingSizeXs:4,spacingSizeS:6,spacingSizeM:8,spacingSizeL:10,spacingSizeXl:12,spacingSize2Xl:16,spacingSize3Xl:20,spacingSize4Xl:24,animationDurationL:"0.4s",animationDurationM:"0.2s",animationDurationS:"0.1s",animationEasingDefault:"cubic-bezier(0.3, 0.3, 0.5, 1)",animationEasingPlatform:"cubic-bezier(0.36, 0.66, 0.04, 1)",opacityDisable:.5,opacityDisableAccessibility:.5,opacityActive:.72,zIndexModal:99,zIndexPopout:100,themeInheritsFrom:"vkIOSDark",fontLabel1:{regular:{fontSize:19,lineHeight:20,fontWeight:700,letterSpacing:"-0.58px"}},fontLabel2:{regular:{fontSize:18,lineHeight:21,fontWeight:600,letterSpacing:"-0.68px"}},fontBody:{regular:{fontSize:17.5,lineHeight:23,fontWeight:500,letterSpacing:"-0.72px"}},fontHeadline:{regular:{fontSize:17,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,letterSpacing:"-0.72px"},compact:{fontSize:15,lineHeight:20}},colorsScheme:"dark",colorBackgroundAccent:{normal:"#2e90ff",hover:"#3694FF",active:"#3F99FF"},colorBackgroundAccentThemed:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorBackgroundAccentThemedAlpha:{normal:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.24)",active:"rgba(255, 255, 255, 0.28)"},colorBackgroundAccentTint:{normal:"#5a9eff",hover:"#61A2FF",active:"#67A6FF"},colorBackgroundAccentAlternative:{normal:"#529EF4",hover:"#59A2F4",active:"#60A6F5"},colorBackground:{normal:"#000000",hover:"#0A0A0A",active:"#141414"},colorBackgroundContent:{normal:"#19191a",hover:"#222223",active:"#2B2B2C"},colorBackgroundContentAlpha:{normal:"rgba(25, 25, 26, 0.8)",hover:"rgba(25, 25, 26, 0.84)",active:"rgba(25, 25, 26, 0.88)"},colorBackgroundContentInverse:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorBackgroundSecondary:{normal:"#1e1e1c",hover:"#272725",active:"#30302E"},colorBackgroundSecondaryAlpha:{normal:"rgba(255, 255, 255, 0.10)",hover:"rgba(255, 255, 255, 0.14)",active:"rgba(255, 255, 255, 0.18)"},colorBackgroundTertiary:{normal:"#141414",hover:"#1D1D1D",active:"#272727"},colorBackgroundTertiaryAlpha:{normal:"rgba(255, 255, 255, 0.03)",hover:"rgba(255, 255, 255, 0.07)",active:"rgba(255, 255, 255, 0.11)"},colorBackgroundContrast:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorBackgroundContrastSecondaryAlpha:{normal:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.24)",active:"rgba(255, 255, 255, 0.28)"},colorBackgroundContrastInverse:{normal:"#000000",hover:"#0A0A0A",active:"#141414"},colorBackgroundContrastThemed:{normal:"#000000",hover:"#0A0A0A",active:"#141414"},colorBackgroundModal:{normal:"#000000",hover:"#0A0A0A",active:"#141414"},colorBackgroundModalInverse:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorBackgroundPositive:{normal:"#34c759",hover:"#3CC960",active:"#44CB66"},colorBackgroundPositiveTint:{normal:"#273724",hover:"#303F2D",active:"#384736"},colorBackgroundWarning:{normal:"#483416",hover:"#4F3C1F",active:"#574429"},colorBackgroundNegative:{normal:"#fe3c60",hover:"#FE4466",active:"#FE4C6D"},colorBackgroundNegativeTint:{normal:"#4b2727",hover:"#523030",active:"#593838"},colorBackgroundInfoTint:{normal:"#16334e",hover:"#1F3B55",active:"#29435C"},colorFieldBackground:{normal:"#ddff00",hover:"#DEFF0A",active:"#E0FF14"},colorHeaderBackground:{normal:"#19191a",hover:"#222223",active:"#2B2B2C"},colorTextAccent:{normal:"#2e90ff",hover:"#3694FF",active:"#3F99FF"},colorTextAccentThemed:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorTextPrimary:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorTextPrimaryAlpha:{normal:"rgba(249, 252, 255, 0.72)",hover:"rgba(249, 252, 255, 0.76)",active:"rgba(249, 252, 255, 0.8)"},colorTextPrimaryInvariably:{normal:"#3b3b3b",hover:"#434343",active:"#4B4B4B"},colorTextSecondary:{normal:"#666666",hover:"#6C6C6C",active:"#727272"},colorTextSecondaryAlpha:{normal:"rgba(247, 251, 255, 0.42)",hover:"rgba(247, 251, 255, 0.46)",active:"rgba(247, 251, 255, 0.5)"},colorTextSubhead:{normal:"#969a9f",hover:"#9A9EA3",active:"#9EA2A7"},colorTextTertiary:{normal:"#5d5f61",hover:"#636567",active:"#6A6C6E"},colorTextContrast:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorTextContrastThemed:{normal:"#3b3b3b",hover:"#434343",active:"#4B4B4B"},colorTextPositive:{normal:"#34c759",hover:"#3CC960",active:"#44CB66"},colorTextNegative:{normal:"#fe3c60",hover:"#FE4466",active:"#FE4C6D"},colorTextLink:{normal:"#2e90ff",hover:"#3694FF",active:"#3F99FF"},colorTextLinkThemed:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorTextLinkTint:{normal:"#71aaeb",hover:"#77ADEC",active:"#7CB1ED"},colorTextLinkVisited:{normal:"#4986cc",hover:"#508BCE",active:"#5890D0"},colorTextMuted:{normal:"#e1e3e6",hover:"#E2E4E7",active:"#E3E5E8"},colorLinkContrast:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorIconAccent:{normal:"#2e90ff",hover:"#3694FF",active:"#3F99FF"},colorIconAccentThemed:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorIconPrimary:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorIconPrimaryInvariably:{normal:"#3b3b3b",hover:"#434343",active:"#4B4B4B"},colorIconMedium:{normal:"#e6e6e6",hover:"#E7E7E7",active:"#E8E8E8"},colorIconMediumAlpha:{normal:"rgba(241, 247, 255, 0.66)",hover:"rgba(241, 247, 255, 0.7000000000000001)",active:"rgba(241, 247, 255, 0.74)"},colorIconSecondary:{normal:"#666666",hover:"#6C6C6C",active:"#727272"},colorIconSecondaryAlpha:{normal:"rgba(241, 247, 255, 0.43)",hover:"rgba(241, 247, 255, 0.47000000000000003)",active:"rgba(241, 247, 255, 0.51)"},colorIconTertiary:{normal:"#4d4d4d",hover:"#545454",active:"#5B5B5B"},colorIconTertiaryAlpha:{normal:"#ffffff7f",hover:"rgba(255, 255, 255, 0.54)",active:"rgba(255, 255, 255, 0.58)"},colorIconContrast:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorIconContrastThemed:{normal:"#000000",hover:"#0A0A0A",active:"#141414"},colorIconContrastSecondary:{normal:"#f2f3f5",hover:"#F3F3F5",active:"#F3F4F6"},colorIconPositive:{normal:"#34c759",hover:"#3CC960",active:"#44CB66"},colorIconWarning:{normal:"#ff6900",hover:"#FF6F0A",active:"#FF7514"},colorIconNegative:{normal:"#fe3c60",hover:"#FE4466",active:"#FE4C6D"},colorStrokeAccent:{normal:"#529ef4",hover:"#59A2F4",active:"#60A6F5"},colorStrokeAccentThemed:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorSeparatorPrimary:{normal:"#303030",hover:"#383838",active:"#414141"},colorSeparatorPrimary2x:{normal:"#444546",hover:"#4B4C4D",active:"#535455"},colorSeparatorPrimary3x:{normal:"#505253",hover:"#57595A",active:"#5E6061"},colorSeparatorPrimaryAlpha:{normal:"#ffffff23",hover:"rgba(255, 255, 255, 0.18)",active:"rgba(255, 255, 255, 0.22)"},colorSeparatorSecondary:{normal:"#141415",hover:"#1D1D1E",active:"#272728"},colorStrokePositive:{normal:"#34c759",hover:"#3CC960",active:"#44CB66"},colorStrokeNegative:{normal:"#fe3c60",hover:"#FE4466",active:"#FE4C6D"},colorStrokeContrast:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorStrokePrimary:{normal:"#E1E3E6",hover:"#E2E4E7",active:"#E3E5E8"},colorImageBorderAlpha:{normal:"#ffffff3d",hover:"rgba(255, 255, 255, 0.28)",active:"rgba(255, 255, 255, 0.32)"},colorFieldBorderAlpha:{normal:"#ffffff0f",hover:"rgba(255, 255, 255, 0.1)",active:"rgba(255, 255, 255, 0.14)"},colorAccentBlue:{normal:"#2e90ff",hover:"#3694FF",active:"#3F99FF"},colorAccentGray:{normal:"#a3adb8",hover:"#A7B0BB",active:"#AAB4BE"},colorAccentRed:{normal:"#ff3347",hover:"#FF3B4E",active:"#FF4356"},colorAccentOrangeFire:{normal:"#f05c44",hover:"#F1634B",active:"#F16953"},colorAccentOrange:{normal:"#ffa000",hover:"#FFA40A",active:"#FFA814"},colorAccentOrangePeach:{normal:"#ffc062",hover:"#FFC368",active:"#FFC56F"},colorAccentLime:{normal:"#aff70d",hover:"#B2F717",active:"#B5F820"},colorAccentGreen:{normal:"#34c759",hover:"#3CC960",active:"#44CB66"},colorAccentCyan:{normal:"#13ffd0",hover:"#1CFFD2",active:"#26FFD4"},colorAccentAzure:{normal:"#0077ff",hover:"#0A7CFF",active:"#1482FF"},colorAccentPurple:{normal:"#9985ff",hover:"#9D8AFF",active:"#A18FFF"},colorAccentViolet:{normal:"#a94fff",hover:"#AC56FF",active:"#B05DFF"},colorAccentRaspberryPink:{normal:"#f060c0",hover:"#F166C3",active:"#F16DC5"},colorAccentPink:{normal:"#f45fff",hover:"#F465FF",active:"#F56CFF"},colorAccentSecondary:{normal:"#3f8ae0",hover:"#478FE1",active:"#4E93E2"},colorOverlayPrimary:{normal:"#3b3b3b",hover:"#434343",active:"#4B4B4B"},colorOverlaySecondary:{normal:"#3b3b3b66",hover:"rgba(59, 59, 59, 0.44)",active:"rgba(59, 59, 59, 0.48)"},colorAvatarOverlay:{normal:"rgba(0, 0, 0, 0.60)",hover:"rgba(0, 0, 0, 0.64)",active:"rgba(0, 0, 0, 0.68)"},colorAvatarOverlayInverseAlpha:{normal:"rgba(255, 255, 255, 0.85)",hover:"rgba(255, 255, 255, 0.89)",active:"rgba(255, 255, 255, 0.93)"},colorActionSheetText:{normal:"#71aaeb",hover:"#77ADEC",active:"#7CB1ED"},colorImagePlaceholder:{normal:"#2a2b2c",hover:"#333334",active:"#3B3C3D"},colorImagePlaceholderAlpha:{normal:"rgba(241, 247, 255, 0.08)",hover:"rgba(241, 247, 255, 0.12)",active:"rgba(241, 247, 255, 0.16)"},colorSkeletonFrom:{normal:"#1b1b1b",hover:"#242424",active:"#2D2D2D"},colorSkeletonTo:{normal:"#262626",hover:"#2F2F2F",active:"#373737"},colorButtonText:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorButtonIcon:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorButtonStroke:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorWriteBarIcon:{normal:"#76787a",hover:"#7B7D7F",active:"#818385"},colorWriteBarInputBackground:{normal:"#2c2d2e",hover:"#343536",active:"#3D3E3F"},colorWriteBarInputBorder:{normal:"#2c2d2e",hover:"#343536",active:"#3D3E3F"},colorWriteBarInputBorderAlpha:{normal:"rgba(255, 255, 255, 0.8)",hover:"rgba(255, 255, 255, 0.84)",active:"rgba(255, 255, 255, 0.88)"},colorTrackBackground:{normal:"#454647",hover:"#4C4D4E",active:"#545556"},colorTrackBuffer:{normal:"#405772",hover:"#485E78",active:"#4F647D"},colorSearchFieldBackground:{normal:"#363738",hover:"#3E3F40",active:"#464748"},colorPanelHeaderIcon:{normal:"#71aaeb",hover:"#77ADEC",active:"#7CB1ED"},colorSegmentedControl:{normal:"#626364",hover:"#68696A",active:"#6F6F70"},colorTabbarTextInactive:{normal:"#76787a",hover:"#7B7D7F",active:"#818385"},colorTransparent:{normal:"#00000000",hover:"rgba(0, 0, 0, 0.04)",active:"rgba(0, 0, 0, 0.08)"},themeType:"root"};
1
+ export default{themeName:"legoIOSDark",themeNameBase:"legoIOS",gradientBlack:"rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%",gradientWhite:"rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%",gradientTint:"rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%",gradient:"rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%",elevation1:"0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)",elevation1InvertY:"0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20)",elevation2:"0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20)",elevation3:"0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30)",elevation4:"0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)",blurM:16,fontFamilyFallbacks:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontFamilyAccent:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontFamilyBase:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeightAccent1:600,fontWeightAccent2:500,fontWeightAccent3:400,fontWeightBase1:600,fontWeightBase2:500,fontWeightBase3:400,fontDisplayTitle1:{regular:{fontSize:23,lineHeight:28,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontDisplayTitle2:{regular:{fontSize:21,lineHeight:26,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600},compact:{fontSize:22,lineHeight:24,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontDisplayTitle3:{regular:{fontSize:19,lineHeight:24,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontDisplayTitle4:{regular:{fontSize:17,lineHeight:22,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600}},fontTitle1:{regular:{fontSize:31,lineHeight:31,fontFamily:'"VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:700,letterSpacing:"-0.72px"}},fontTitle2:{regular:{fontSize:24,lineHeight:26,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:700,letterSpacing:"-0.58px"}},fontTitle3:{regular:{fontSize:20,lineHeight:23,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:700,letterSpacing:"-0.78px"}},fontHeadline1:{regular:{fontSize:17,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,letterSpacing:"-0.72px"},compact:{fontSize:15,lineHeight:20}},fontHeadline2:{regular:{fontSize:15,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:500},compact:{fontSize:14,lineHeight:20}},fontText:{regular:{fontSize:16,lineHeight:18.5,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,letterSpacing:"-0.68px"},compact:{fontSize:15,lineHeight:20}},fontParagraph:{regular:{fontSize:15,lineHeight:18,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,letterSpacing:"-0.46px"}},fontSubhead:{regular:{fontSize:14,lineHeight:18,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400},compact:{fontSize:13,lineHeight:16}},fontFootnote:{regular:{fontSize:13.5,lineHeight:15,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,letterSpacing:"-0.58px"}},fontFootnoteCaps:{regular:{fontSize:13,lineHeight:16,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase"}},fontCaption1:{regular:{fontSize:12,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400}},fontCaption1Caps:{regular:{fontSize:12,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase"}},fontCaption2:{regular:{fontSize:11,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400}},fontCaption2Caps:{regular:{fontSize:11,lineHeight:14,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase"}},fontCaption3:{regular:{fontSize:9,lineHeight:12,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:400}},fontCaption3Caps:{regular:{fontSize:9,lineHeight:12,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase"}},sizeSelectIconPadding:{regular:6,compact:7},sizePopupBasePadding:{regular:32,compact:20},sizePopupHeaderPadding:{regular:24,compact:16},sizeLabelHorizontalMargin:{regular:16},sizeBorderRadius:{regular:10},sizeBorderRadiusRounded:{regular:48},sizeCheckBorderRadius:{regular:4},sizeBorderRadiusPaper:{regular:12},sizeBorderRadiusPromo:{regular:20},sizeCellHeight:{regular:52,compact:48},sizeFieldHeight:{regular:44,compact:36},sizeSearchHeight:{regular:36,compact:32},sizeButtonExtraSmallHeight:{regular:28,compact:24},sizeButtonSmallHeight:{regular:36,compact:32},sizeButtonMediumHeight:{regular:44,compact:36},sizeButtonLargeHeight:{regular:52,compact:44},sizeCheckbox:{regular:16},sizeArrow:{regular:8},sizeArrowPromo:{regular:40},sizePopupSmall:{regular:430},sizePopupMedium:{regular:680},sizePopupLarge:{regular:880},sizeFieldHorizontalPadding:{regular:12},sizeButtonPaddingHorizontal:{regular:12},sizeArrowPadding:{regular:12},sizeTooltipMargin:{regular:8},sizeIconUI:{regular:16},sizeAvatarXS:{regular:24},sizeAvatarS:{regular:32},sizeAvatarM:{regular:48},sizeAvatarL:{regular:96},sizeAvatarXL:{regular:128},sizeBadgeXS:{regular:12},sizeBadgeS:{regular:16},sizeBadgeM:{regular:24},sizeBadgeL:{regular:44},sizeBadgeXL:{regular:56},sizeCardgridPadding:{regular:8},sizeCardBorderRadius:{regular:10},sizeCardgridPaddingVertical:{regular:8},sizeBasePaddingHorizontal:{regular:16},sizeBasePaddingVertical:{regular:12},sizeButtonGroupGapSpace:{regular:1},sizeButtonGroupGapSmall:{regular:8},sizeButtonGroupGapMedium:{regular:12},sizeOptionHierarchy:{regular:32},sizeSwitchHeight:{regular:31,compact:27},sizeSwitchWidth:{regular:51,compact:47},sizeSwitchPin:{regular:27,compact:23},sizePanelHeaderHeight:{compact:52,regular:52},sizeButtonBaseSmallPaddingHorizontal:{regular:16},sizeButtonBaseMediumPaddingHorizontal:{regular:16},sizeButtonBaseLargePaddingHorizontal:{regular:20},sizeButtonBaseSmallPaddingHorizontalIcon:{regular:12},sizeButtonBaseMediumPaddingHorizontalIcon:{regular:12},sizeButtonBaseLargePaddingHorizontalIcon:{regular:16},sizeButtonTertiarySmallPaddingHorizontal:{regular:12},sizeButtonTertiaryMediumPaddingHorizontal:{regular:12},sizeButtonTertiaryLargePaddingHorizontal:{regular:16},sizeButtonTertiarySmallPaddingHorizontalIcon:{regular:8},sizeButtonTertiaryMediumPaddingHorizontalIcon:{regular:8},sizeButtonTertiaryLargePaddingHorizontalIcon:{regular:12},sizeButtonMinimumWidth:{regular:80},sizeFormItemPaddingVertical:{regular:12},sizeSplitColPaddingHorizontal:{regular:16},sizeSubnavigationBarGap:{regular:8},sizeSubnavigationBarPaddingVertical:{regular:12},sizeBorder1x:{regular:1},sizeBorder2x:{regular:.5},sizeBorder3x:{regular:.33},spacingSize3Xs:2,spacingSize2Xs:2,spacingSizeXs:4,spacingSizeS:6,spacingSizeM:8,spacingSizeL:10,spacingSizeXl:12,spacingSize2Xl:16,spacingSize3Xl:20,spacingSize4Xl:24,animationDurationL:"0.4s",animationDurationM:"0.2s",animationDurationS:"0.1s",animationEasingDefault:"cubic-bezier(0.3, 0.3, 0.5, 1)",animationEasingPlatform:"cubic-bezier(0.36, 0.66, 0.04, 1)",opacityDisable:.52,opacityDisableAccessibility:.52,opacityActive:.72,zIndexModal:99,zIndexPopout:100,themeInheritsFrom:"vkIOSDark",fontLabel1:{regular:{fontSize:19,lineHeight:20,fontWeight:700,letterSpacing:"-0.58px"}},fontLabel2:{regular:{fontSize:18,lineHeight:21,fontWeight:600,letterSpacing:"-0.68px"}},fontBody:{regular:{fontSize:17.5,lineHeight:23,fontWeight:500,letterSpacing:"-0.72px"}},fontHeadline:{regular:{fontSize:17,lineHeight:20,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,letterSpacing:"-0.72px"},compact:{fontSize:15,lineHeight:20}},colorsScheme:"dark",colorBackgroundAccent:{normal:"#2e90ff",hover:"#3694FF",active:"#3F99FF"},colorBackgroundAccentThemed:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorBackgroundAccentThemedAlpha:{normal:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.24)",active:"rgba(255, 255, 255, 0.28)"},colorBackgroundAccentTint:{normal:"#5a9eff",hover:"#61A2FF",active:"#67A6FF"},colorBackgroundAccentAlternative:{normal:"#529EF4",hover:"#59A2F4",active:"#60A6F5"},colorBackground:{normal:"#000000",hover:"#0A0A0A",active:"#141414"},colorBackgroundContent:{normal:"#19191a",hover:"#222223",active:"#2B2B2C"},colorBackgroundContentAlpha:{normal:"rgba(25, 25, 26, 0.8)",hover:"rgba(25, 25, 26, 0.84)",active:"rgba(25, 25, 26, 0.88)"},colorBackgroundContentInverse:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorBackgroundSecondary:{normal:"#1e1e1c",hover:"#272725",active:"#30302E"},colorBackgroundSecondaryAlpha:{normal:"rgba(255, 255, 255, 0.10)",hover:"rgba(255, 255, 255, 0.14)",active:"rgba(255, 255, 255, 0.18)"},colorBackgroundTertiary:{normal:"#141414",hover:"#1D1D1D",active:"#272727"},colorBackgroundTertiaryAlpha:{normal:"rgba(255, 255, 255, 0.03)",hover:"rgba(255, 255, 255, 0.07)",active:"rgba(255, 255, 255, 0.11)"},colorBackgroundContrast:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorBackgroundContrastSecondaryAlpha:{normal:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.24)",active:"rgba(255, 255, 255, 0.28)"},colorBackgroundContrastInverse:{normal:"#000000",hover:"#0A0A0A",active:"#141414"},colorBackgroundContrastThemed:{normal:"#000000",hover:"#0A0A0A",active:"#141414"},colorBackgroundModal:{normal:"#000000",hover:"#0A0A0A",active:"#141414"},colorBackgroundModalInverse:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorBackgroundPositive:{normal:"#34c759",hover:"#3CC960",active:"#44CB66"},colorBackgroundPositiveTint:{normal:"#273724",hover:"#303F2D",active:"#384736"},colorBackgroundWarning:{normal:"#483416",hover:"#4F3C1F",active:"#574429"},colorBackgroundNegative:{normal:"#fe3c60",hover:"#FE4466",active:"#FE4C6D"},colorBackgroundNegativeTint:{normal:"#4b2727",hover:"#523030",active:"#593838"},colorBackgroundInfoTint:{normal:"#16334e",hover:"#1F3B55",active:"#29435C"},colorFieldBackground:{normal:"#ddff00",hover:"#DEFF0A",active:"#E0FF14"},colorHeaderBackground:{normal:"#19191a",hover:"#222223",active:"#2B2B2C"},colorTextAccent:{normal:"#2e90ff",hover:"#3694FF",active:"#3F99FF"},colorTextAccentThemed:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorTextPrimary:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorTextPrimaryAlpha:{normal:"rgba(249, 252, 255, 0.72)",hover:"rgba(249, 252, 255, 0.76)",active:"rgba(249, 252, 255, 0.8)"},colorTextPrimaryInvariably:{normal:"#3b3b3b",hover:"#434343",active:"#4B4B4B"},colorTextSecondary:{normal:"#666666",hover:"#6C6C6C",active:"#727272"},colorTextSecondaryAlpha:{normal:"rgba(247, 251, 255, 0.42)",hover:"rgba(247, 251, 255, 0.46)",active:"rgba(247, 251, 255, 0.5)"},colorTextSubhead:{normal:"#969a9f",hover:"#9A9EA3",active:"#9EA2A7"},colorTextTertiary:{normal:"#5d5f61",hover:"#636567",active:"#6A6C6E"},colorTextContrast:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorTextContrastThemed:{normal:"#3b3b3b",hover:"#434343",active:"#4B4B4B"},colorTextPositive:{normal:"#34c759",hover:"#3CC960",active:"#44CB66"},colorTextNegative:{normal:"#fe3c60",hover:"#FE4466",active:"#FE4C6D"},colorTextLink:{normal:"#2e90ff",hover:"#3694FF",active:"#3F99FF"},colorTextLinkThemed:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorTextLinkTint:{normal:"#71aaeb",hover:"#77ADEC",active:"#7CB1ED"},colorTextLinkVisited:{normal:"#4986cc",hover:"#508BCE",active:"#5890D0"},colorTextMuted:{normal:"#e1e3e6",hover:"#E2E4E7",active:"#E3E5E8"},colorLinkContrast:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorIconAccent:{normal:"#2e90ff",hover:"#3694FF",active:"#3F99FF"},colorIconAccentThemed:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorIconPrimary:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorIconPrimaryInvariably:{normal:"#3b3b3b",hover:"#434343",active:"#4B4B4B"},colorIconMedium:{normal:"#e6e6e6",hover:"#E7E7E7",active:"#E8E8E8"},colorIconMediumAlpha:{normal:"rgba(241, 247, 255, 0.66)",hover:"rgba(241, 247, 255, 0.7000000000000001)",active:"rgba(241, 247, 255, 0.74)"},colorIconSecondary:{normal:"#666666",hover:"#6C6C6C",active:"#727272"},colorIconSecondaryAlpha:{normal:"rgba(241, 247, 255, 0.43)",hover:"rgba(241, 247, 255, 0.47000000000000003)",active:"rgba(241, 247, 255, 0.51)"},colorIconTertiary:{normal:"#4d4d4d",hover:"#545454",active:"#5B5B5B"},colorIconTertiaryAlpha:{normal:"#ffffff7f",hover:"rgba(255, 255, 255, 0.54)",active:"rgba(255, 255, 255, 0.58)"},colorIconContrast:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorIconContrastThemed:{normal:"#000000",hover:"#0A0A0A",active:"#141414"},colorIconContrastSecondary:{normal:"#f2f3f5",hover:"#F3F3F5",active:"#F3F4F6"},colorIconPositive:{normal:"#34c759",hover:"#3CC960",active:"#44CB66"},colorIconWarning:{normal:"#ff6900",hover:"#FF6F0A",active:"#FF7514"},colorIconNegative:{normal:"#fe3c60",hover:"#FE4466",active:"#FE4C6D"},colorStrokeAccent:{normal:"#529ef4",hover:"#59A2F4",active:"#60A6F5"},colorStrokeAccentThemed:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorSeparatorPrimary:{normal:"#303030",hover:"#383838",active:"#414141"},colorSeparatorPrimary2x:{normal:"#444546",hover:"#4B4C4D",active:"#535455"},colorSeparatorPrimary3x:{normal:"#505253",hover:"#57595A",active:"#5E6061"},colorSeparatorPrimaryAlpha:{normal:"#ffffff23",hover:"rgba(255, 255, 255, 0.18)",active:"rgba(255, 255, 255, 0.22)"},colorSeparatorSecondary:{normal:"#141415",hover:"#1D1D1E",active:"#272728"},colorStrokePositive:{normal:"#34c759",hover:"#3CC960",active:"#44CB66"},colorStrokeNegative:{normal:"#fe3c60",hover:"#FE4466",active:"#FE4C6D"},colorStrokeContrast:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorStrokePrimary:{normal:"#E1E3E6",hover:"#E2E4E7",active:"#E3E5E8"},colorImageBorderAlpha:{normal:"#ffffff3d",hover:"rgba(255, 255, 255, 0.28)",active:"rgba(255, 255, 255, 0.32)"},colorFieldBorderAlpha:{normal:"#ffffff0f",hover:"rgba(255, 255, 255, 0.1)",active:"rgba(255, 255, 255, 0.14)"},colorAccentBlue:{normal:"#2e90ff",hover:"#3694FF",active:"#3F99FF"},colorAccentGray:{normal:"#a3adb8",hover:"#A7B0BB",active:"#AAB4BE"},colorAccentRed:{normal:"#ff3347",hover:"#FF3B4E",active:"#FF4356"},colorAccentOrangeFire:{normal:"#f05c44",hover:"#F1634B",active:"#F16953"},colorAccentOrange:{normal:"#ffa000",hover:"#FFA40A",active:"#FFA814"},colorAccentOrangePeach:{normal:"#ffc062",hover:"#FFC368",active:"#FFC56F"},colorAccentLime:{normal:"#aff70d",hover:"#B2F717",active:"#B5F820"},colorAccentGreen:{normal:"#34c759",hover:"#3CC960",active:"#44CB66"},colorAccentCyan:{normal:"#13ffd0",hover:"#1CFFD2",active:"#26FFD4"},colorAccentAzure:{normal:"#0077ff",hover:"#0A7CFF",active:"#1482FF"},colorAccentPurple:{normal:"#9985ff",hover:"#9D8AFF",active:"#A18FFF"},colorAccentViolet:{normal:"#a94fff",hover:"#AC56FF",active:"#B05DFF"},colorAccentRaspberryPink:{normal:"#f060c0",hover:"#F166C3",active:"#F16DC5"},colorAccentPink:{normal:"#f45fff",hover:"#F465FF",active:"#F56CFF"},colorAccentSecondary:{normal:"#3f8ae0",hover:"#478FE1",active:"#4E93E2"},colorOverlayPrimary:{normal:"#3b3b3b",hover:"#434343",active:"#4B4B4B"},colorOverlaySecondary:{normal:"#3b3b3b66",hover:"rgba(59, 59, 59, 0.44)",active:"rgba(59, 59, 59, 0.48)"},colorAvatarOverlay:{normal:"rgba(0, 0, 0, 0.60)",hover:"rgba(0, 0, 0, 0.64)",active:"rgba(0, 0, 0, 0.68)"},colorAvatarOverlayInverseAlpha:{normal:"rgba(255, 255, 255, 0.85)",hover:"rgba(255, 255, 255, 0.89)",active:"rgba(255, 255, 255, 0.93)"},colorActionSheetText:{normal:"#71aaeb",hover:"#77ADEC",active:"#7CB1ED"},colorImagePlaceholder:{normal:"#2a2b2c",hover:"#333334",active:"#3B3C3D"},colorImagePlaceholderAlpha:{normal:"rgba(241, 247, 255, 0.08)",hover:"rgba(241, 247, 255, 0.12)",active:"rgba(241, 247, 255, 0.16)"},colorSkeletonFrom:{normal:"#1b1b1b",hover:"#242424",active:"#2D2D2D"},colorSkeletonTo:{normal:"#262626",hover:"#2F2F2F",active:"#373737"},colorButtonText:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorButtonIcon:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorButtonStroke:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},colorWriteBarIcon:{normal:"#76787a",hover:"#7B7D7F",active:"#818385"},colorWriteBarInputBackground:{normal:"#2c2d2e",hover:"#343536",active:"#3D3E3F"},colorWriteBarInputBorder:{normal:"#2c2d2e",hover:"#343536",active:"#3D3E3F"},colorWriteBarInputBorderAlpha:{normal:"#ddff00",hover:"#DEFF0A",active:"#E0FF14"},colorTrackBackground:{normal:"#454647",hover:"#4C4D4E",active:"#545556"},colorTrackBuffer:{normal:"#405772",hover:"#485E78",active:"#4F647D"},colorSearchFieldBackground:{normal:"#363738",hover:"#3E3F40",active:"#464748"},colorPanelHeaderIcon:{normal:"#71aaeb",hover:"#77ADEC",active:"#7CB1ED"},colorSegmentedControl:{normal:"#626364",hover:"#68696A",active:"#6F6F70"},colorTabbarTextInactive:{normal:"#76787a",hover:"#7B7D7F",active:"#818385"},colorTransparent:{normal:"#00000000",hover:"rgba(0, 0, 0, 0.04)",active:"rgba(0, 0, 0, 0.08)"},colorBackgroundInverse:{normal:"#FFFFFF",hover:"#EBEDF0",active:"#D7D8DB"},themeType:"root"};
@@ -452,8 +452,8 @@
452
452
  "animationDurationS": "0.1s",
453
453
  "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)",
454
454
  "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)",
455
- "opacityDisable": 0.5,
456
- "opacityDisableAccessibility": 0.5,
455
+ "opacityDisable": 0.52,
456
+ "opacityDisableAccessibility": 0.52,
457
457
  "opacityActive": 0.72,
458
458
  "zIndexModal": 99,
459
459
  "zIndexPopout": 100,
@@ -1022,9 +1022,9 @@
1022
1022
  "active": "#3D3E3F"
1023
1023
  },
1024
1024
  "colorWriteBarInputBorderAlpha": {
1025
- "normal": "rgba(255, 255, 255, 0.8)",
1026
- "hover": "rgba(255, 255, 255, 0.84)",
1027
- "active": "rgba(255, 255, 255, 0.88)"
1025
+ "normal": "#ddff00",
1026
+ "hover": "#DEFF0A",
1027
+ "active": "#E0FF14"
1028
1028
  },
1029
1029
  "colorTrackBackground": {
1030
1030
  "normal": "#454647",
@@ -1061,5 +1061,10 @@
1061
1061
  "hover": "rgba(0, 0, 0, 0.04)",
1062
1062
  "active": "rgba(0, 0, 0, 0.08)"
1063
1063
  },
1064
+ "colorBackgroundInverse": {
1065
+ "normal": "#FFFFFF",
1066
+ "hover": "#EBEDF0",
1067
+ "active": "#D7D8DB"
1068
+ },
1064
1069
  "themeType": "root"
1065
1070
  }
@@ -118,8 +118,8 @@
118
118
  @animation-duration-s: 0.1s;
119
119
  @animation-easing-default: cubic-bezier(0.3, 0.3, 0.5, 1);
120
120
  @animation-easing-platform: cubic-bezier(0.36, 0.66, 0.04, 1);
121
- @opacity-disable: 0.5;
122
- @opacity-disable-accessibility: 0.5;
121
+ @opacity-disable: 0.52;
122
+ @opacity-disable-accessibility: 0.52;
123
123
  @opacity-active: 0.72;
124
124
  @z-index-modal: 99;
125
125
  @z-index-popout: 100;
@@ -440,9 +440,9 @@
440
440
  @color-write-bar-input-border: #2c2d2e;
441
441
  @color-write-bar-input-border--hover: #343536;
442
442
  @color-write-bar-input-border--active: #3D3E3F;
443
- @color-write-bar-input-border-alpha: rgba(255, 255, 255, 0.8);
444
- @color-write-bar-input-border-alpha--hover: rgba(255, 255, 255, 0.84);
445
- @color-write-bar-input-border-alpha--active: rgba(255, 255, 255, 0.88);
443
+ @color-write-bar-input-border-alpha: #ddff00;
444
+ @color-write-bar-input-border-alpha--hover: #DEFF0A;
445
+ @color-write-bar-input-border-alpha--active: #E0FF14;
446
446
  @color-track-background: #454647;
447
447
  @color-track-background--hover: #4C4D4E;
448
448
  @color-track-background--active: #545556;
@@ -464,6 +464,9 @@
464
464
  @color-transparent: #00000000;
465
465
  @color-transparent--hover: rgba(0, 0, 0, 0.04);
466
466
  @color-transparent--active: rgba(0, 0, 0, 0.08);
467
+ @color-background-inverse: #FFFFFF;
468
+ @color-background-inverse--hover: #EBEDF0;
469
+ @color-background-inverse--active: #D7D8DB;
467
470
 
468
471
 
469
472
  .font-display-title1--regular {
@@ -119,8 +119,8 @@
119
119
  --animation-duration-s: 0.1s;
120
120
  --animation-easing-default: cubic-bezier(0.3, 0.3, 0.5, 1);
121
121
  --animation-easing-platform: cubic-bezier(0.36, 0.66, 0.04, 1);
122
- --opacity-disable: 0.5;
123
- --opacity-disable-accessibility: 0.5;
122
+ --opacity-disable: 0.52;
123
+ --opacity-disable-accessibility: 0.52;
124
124
  --opacity-active: 0.72;
125
125
  --z-index-modal: 99;
126
126
  --z-index-popout: 100;
@@ -441,9 +441,9 @@
441
441
  --color-write-bar-input-border: #2c2d2e;
442
442
  --color-write-bar-input-border--hover: #343536;
443
443
  --color-write-bar-input-border--active: #3D3E3F;
444
- --color-write-bar-input-border-alpha: rgba(255, 255, 255, 0.8);
445
- --color-write-bar-input-border-alpha--hover: rgba(255, 255, 255, 0.84);
446
- --color-write-bar-input-border-alpha--active: rgba(255, 255, 255, 0.88);
444
+ --color-write-bar-input-border-alpha: #ddff00;
445
+ --color-write-bar-input-border-alpha--hover: #DEFF0A;
446
+ --color-write-bar-input-border-alpha--active: #E0FF14;
447
447
  --color-track-background: #454647;
448
448
  --color-track-background--hover: #4C4D4E;
449
449
  --color-track-background--active: #545556;
@@ -465,6 +465,9 @@
465
465
  --color-transparent: #00000000;
466
466
  --color-transparent--hover: rgba(0, 0, 0, 0.04);
467
467
  --color-transparent--active: rgba(0, 0, 0, 0.08);
468
+ --color-background-inverse: #FFFFFF;
469
+ --color-background-inverse--hover: #EBEDF0;
470
+ --color-background-inverse--active: #D7D8DB;
468
471
  }
469
472
 
470
473
  %font-display-title1--regular {
@@ -118,8 +118,8 @@ $animation-duration-m: 0.2s;
118
118
  $animation-duration-s: 0.1s;
119
119
  $animation-easing-default: cubic-bezier(0.3, 0.3, 0.5, 1);
120
120
  $animation-easing-platform: cubic-bezier(0.36, 0.66, 0.04, 1);
121
- $opacity-disable: 0.5;
122
- $opacity-disable-accessibility: 0.5;
121
+ $opacity-disable: 0.52;
122
+ $opacity-disable-accessibility: 0.52;
123
123
  $opacity-active: 0.72;
124
124
  $z-index-modal: 99;
125
125
  $z-index-popout: 100;
@@ -440,9 +440,9 @@ $color-write-bar-input-background--active: #3D3E3F;
440
440
  $color-write-bar-input-border: #2c2d2e;
441
441
  $color-write-bar-input-border--hover: #343536;
442
442
  $color-write-bar-input-border--active: #3D3E3F;
443
- $color-write-bar-input-border-alpha: rgba(255, 255, 255, 0.8);
444
- $color-write-bar-input-border-alpha--hover: rgba(255, 255, 255, 0.84);
445
- $color-write-bar-input-border-alpha--active: rgba(255, 255, 255, 0.88);
443
+ $color-write-bar-input-border-alpha: #ddff00;
444
+ $color-write-bar-input-border-alpha--hover: #DEFF0A;
445
+ $color-write-bar-input-border-alpha--active: #E0FF14;
446
446
  $color-track-background: #454647;
447
447
  $color-track-background--hover: #4C4D4E;
448
448
  $color-track-background--active: #545556;
@@ -464,6 +464,9 @@ $color-tabbar-text-inactive--active: #818385;
464
464
  $color-transparent: #00000000;
465
465
  $color-transparent--hover: rgba(0, 0, 0, 0.04);
466
466
  $color-transparent--active: rgba(0, 0, 0, 0.08);
467
+ $color-background-inverse: #FFFFFF;
468
+ $color-background-inverse--hover: #EBEDF0;
469
+ $color-background-inverse--active: #D7D8DB;
467
470
 
468
471
 
469
472
  @mixin font-display-title1--regular() {
@@ -118,8 +118,8 @@ $animation-duration-m = 0.2s;
118
118
  $animation-duration-s = 0.1s;
119
119
  $animation-easing-default = cubic-bezier(0.3, 0.3, 0.5, 1);
120
120
  $animation-easing-platform = cubic-bezier(0.36, 0.66, 0.04, 1);
121
- $opacity-disable = 0.5;
122
- $opacity-disable-accessibility = 0.5;
121
+ $opacity-disable = 0.52;
122
+ $opacity-disable-accessibility = 0.52;
123
123
  $opacity-active = 0.72;
124
124
  $z-index-modal = 99;
125
125
  $z-index-popout = 100;
@@ -440,9 +440,9 @@ $color-write-bar-input-background--active = #3D3E3F;
440
440
  $color-write-bar-input-border = #2c2d2e;
441
441
  $color-write-bar-input-border--hover = #343536;
442
442
  $color-write-bar-input-border--active = #3D3E3F;
443
- $color-write-bar-input-border-alpha = rgba(255, 255, 255, 0.8);
444
- $color-write-bar-input-border-alpha--hover = rgba(255, 255, 255, 0.84);
445
- $color-write-bar-input-border-alpha--active = rgba(255, 255, 255, 0.88);
443
+ $color-write-bar-input-border-alpha = #ddff00;
444
+ $color-write-bar-input-border-alpha--hover = #DEFF0A;
445
+ $color-write-bar-input-border-alpha--active = #E0FF14;
446
446
  $color-track-background = #454647;
447
447
  $color-track-background--hover = #4C4D4E;
448
448
  $color-track-background--active = #545556;
@@ -464,6 +464,9 @@ $color-tabbar-text-inactive--active = #818385;
464
464
  $color-transparent = #00000000;
465
465
  $color-transparent--hover = rgba(0, 0, 0, 0.04);
466
466
  $color-transparent--active = rgba(0, 0, 0, 0.08);
467
+ $color-background-inverse = #FFFFFF;
468
+ $color-background-inverse--hover = #EBEDF0;
469
+ $color-background-inverse--active = #D7D8DB;
467
470
 
468
471
 
469
472
  font-display-title1--regular() {
@@ -636,8 +636,8 @@
636
636
  "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)"
637
637
  },
638
638
  "opacity": {
639
- "opacityDisable": 0.5,
640
- "opacityDisableAccessibility": 0.5,
639
+ "opacityDisable": 0.52,
640
+ "opacityDisableAccessibility": 0.52,
641
641
  "opacityActive": 0.72
642
642
  },
643
643
  "zIndex": {
@@ -1174,9 +1174,9 @@
1174
1174
  "active": "#3D3E3F"
1175
1175
  },
1176
1176
  "colorWriteBarInputBorderAlpha": {
1177
- "normal": "rgba(255, 255, 255, 0.8)",
1178
- "hover": "rgba(255, 255, 255, 0.84)",
1179
- "active": "rgba(255, 255, 255, 0.88)"
1177
+ "normal": "#ddff00",
1178
+ "hover": "#DEFF0A",
1179
+ "active": "#E0FF14"
1180
1180
  },
1181
1181
  "colorTrackBackground": {
1182
1182
  "normal": "#454647",
@@ -1212,6 +1212,11 @@
1212
1212
  "normal": "#00000000",
1213
1213
  "hover": "rgba(0, 0, 0, 0.04)",
1214
1214
  "active": "rgba(0, 0, 0, 0.08)"
1215
+ },
1216
+ "colorBackgroundInverse": {
1217
+ "normal": "#FFFFFF",
1218
+ "hover": "#EBEDF0",
1219
+ "active": "#D7D8DB"
1215
1220
  }
1216
1221
  }
1217
1222
  }