@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.
- package/interfaces/themes/legoAndroid/index.d.ts +19 -1
- package/interfaces/themes/legoIOS/index.d.ts +17 -2
- package/package.json +1 -1
- package/themeDescriptions/base/paradigm.js +1 -1
- package/themes/legoAndroid/cssVars/declarations/index.css +8 -5
- package/themes/legoAndroid/cssVars/declarations/noColors.css +2 -2
- package/themes/legoAndroid/cssVars/declarations/noSizes.css +8 -5
- package/themes/legoAndroid/cssVars/declarations/onlyColors.css +6 -3
- package/themes/legoAndroid/cssVars/declarations/onlyColors.js +1 -1
- package/themes/legoAndroid/cssVars/declarations/onlyVariables.css +8 -5
- package/themes/legoAndroid/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css +8 -5
- package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -2
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.css +8 -5
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.less +8 -5
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss +8 -5
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss +8 -5
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl +8 -5
- package/themes/legoAndroid/cssVars/theme/index.js +1 -1
- package/themes/legoAndroid/cssVars/theme/index.json +19 -5
- package/themes/legoAndroid/docs.json +4 -328
- package/themes/legoAndroid/index.css +8 -5
- package/themes/legoAndroid/index.js +1 -1
- package/themes/legoAndroid/index.json +10 -5
- package/themes/legoAndroid/index.less +8 -5
- package/themes/legoAndroid/index.pcss +8 -5
- package/themes/legoAndroid/index.scss +8 -5
- package/themes/legoAndroid/index.styl +8 -5
- package/themes/legoAndroid/struct.json +10 -5
- package/themes/legoAndroidDark/cssVars/declarations/index.css +8 -5
- package/themes/legoAndroidDark/cssVars/declarations/noColors.css +2 -2
- package/themes/legoAndroidDark/cssVars/declarations/noSizes.css +8 -5
- package/themes/legoAndroidDark/cssVars/declarations/onlyColors.css +6 -3
- package/themes/legoAndroidDark/cssVars/declarations/onlyColors.js +1 -1
- package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.css +8 -5
- package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css +8 -5
- package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -2
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css +8 -5
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less +8 -5
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss +8 -5
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss +8 -5
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl +8 -5
- package/themes/legoAndroidDark/cssVars/theme/index.js +1 -1
- package/themes/legoAndroidDark/cssVars/theme/index.json +19 -5
- package/themes/legoAndroidDark/docs.json +4 -328
- package/themes/legoAndroidDark/index.css +8 -5
- package/themes/legoAndroidDark/index.js +1 -1
- package/themes/legoAndroidDark/index.json +10 -5
- package/themes/legoAndroidDark/index.less +8 -5
- package/themes/legoAndroidDark/index.pcss +8 -5
- package/themes/legoAndroidDark/index.scss +8 -5
- package/themes/legoAndroidDark/index.styl +8 -5
- package/themes/legoAndroidDark/struct.json +10 -5
- package/themes/legoIOS/cssVars/declarations/index.css +8 -5
- package/themes/legoIOS/cssVars/declarations/noColors.css +2 -2
- package/themes/legoIOS/cssVars/declarations/noSizes.css +8 -5
- package/themes/legoIOS/cssVars/declarations/onlyColors.css +6 -3
- package/themes/legoIOS/cssVars/declarations/onlyColors.js +1 -1
- package/themes/legoIOS/cssVars/declarations/onlyVariables.css +8 -5
- package/themes/legoIOS/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/legoIOS/cssVars/declarations/onlyVariablesLocal.css +8 -5
- package/themes/legoIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -2
- package/themes/legoIOS/cssVars/theme/fallbacks/index.css +8 -5
- package/themes/legoIOS/cssVars/theme/fallbacks/index.less +8 -5
- package/themes/legoIOS/cssVars/theme/fallbacks/index.pcss +8 -5
- package/themes/legoIOS/cssVars/theme/fallbacks/index.scss +8 -5
- package/themes/legoIOS/cssVars/theme/fallbacks/index.styl +8 -5
- package/themes/legoIOS/cssVars/theme/index.js +1 -1
- package/themes/legoIOS/cssVars/theme/index.json +19 -5
- package/themes/legoIOS/docs.json +4 -0
- package/themes/legoIOS/index.css +8 -5
- package/themes/legoIOS/index.js +1 -1
- package/themes/legoIOS/index.json +10 -5
- package/themes/legoIOS/index.less +8 -5
- package/themes/legoIOS/index.pcss +8 -5
- package/themes/legoIOS/index.scss +8 -5
- package/themes/legoIOS/index.styl +8 -5
- package/themes/legoIOS/struct.json +10 -5
- package/themes/legoIOSDark/cssVars/declarations/index.css +8 -5
- package/themes/legoIOSDark/cssVars/declarations/noColors.css +2 -2
- package/themes/legoIOSDark/cssVars/declarations/noSizes.css +8 -5
- package/themes/legoIOSDark/cssVars/declarations/onlyColors.css +6 -3
- package/themes/legoIOSDark/cssVars/declarations/onlyColors.js +1 -1
- package/themes/legoIOSDark/cssVars/declarations/onlyVariables.css +8 -5
- package/themes/legoIOSDark/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocal.css +8 -5
- package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -2
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.css +8 -5
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.less +8 -5
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss +8 -5
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss +8 -5
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl +8 -5
- package/themes/legoIOSDark/cssVars/theme/index.js +1 -1
- package/themes/legoIOSDark/cssVars/theme/index.json +19 -5
- package/themes/legoIOSDark/docs.json +4 -0
- package/themes/legoIOSDark/index.css +8 -5
- package/themes/legoIOSDark/index.js +1 -1
- package/themes/legoIOSDark/index.json +10 -5
- package/themes/legoIOSDark/index.less +8 -5
- package/themes/legoIOSDark/index.pcss +8 -5
- package/themes/legoIOSDark/index.scss +8 -5
- package/themes/legoIOSDark/index.styl +8 -5
- 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.
|
|
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.
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
}
|
|
@@ -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.
|
|
226
|
-
--vkui--opacity_disable_accessibility: 0.
|
|
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:
|
|
567
|
-
--vkui--color_write_bar_input_border_alpha--hover:
|
|
568
|
-
--vkui--color_write_bar_input_border_alpha--active:
|
|
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.
|
|
456
|
-
"opacityDisableAccessibility": 0.
|
|
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": "
|
|
1026
|
-
"hover": "
|
|
1027
|
-
"active": "
|
|
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.
|
|
122
|
-
@opacity-disable-accessibility: 0.
|
|
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:
|
|
444
|
-
@color-write-bar-input-border-alpha--hover:
|
|
445
|
-
@color-write-bar-input-border-alpha--active:
|
|
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.
|
|
123
|
-
--opacity-disable-accessibility: 0.
|
|
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:
|
|
445
|
-
--color-write-bar-input-border-alpha--hover:
|
|
446
|
-
--color-write-bar-input-border-alpha--active:
|
|
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.
|
|
122
|
-
$opacity-disable-accessibility: 0.
|
|
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:
|
|
444
|
-
$color-write-bar-input-border-alpha--hover:
|
|
445
|
-
$color-write-bar-input-border-alpha--active:
|
|
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.
|
|
122
|
-
$opacity-disable-accessibility = 0.
|
|
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 =
|
|
444
|
-
$color-write-bar-input-border-alpha--hover =
|
|
445
|
-
$color-write-bar-input-border-alpha--active =
|
|
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.
|
|
640
|
-
"opacityDisableAccessibility": 0.
|
|
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": "
|
|
1178
|
-
"hover": "
|
|
1179
|
-
"active": "
|
|
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
|
}
|