@vkontakte/vkui-tokens 4.78.0 → 4.79.0

package/themes/tutoriaDark/cssVars/theme/index.json

@@ -43,10 +43,22 @@
 		"name": "--vkui--elevation4",
 		"value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))"
 	},
+	"blurS": {
+		"name": "--vkui--blur_s",
+		"value": "var(--vkui--blur_s, 8px)"
+	},
 	"blurM": {
 		"name": "--vkui--blur_m",
 		"value": "var(--vkui--blur_m, 16px)"
 	},
+	"blurL": {
+		"name": "--vkui--blur_l",
+		"value": "var(--vkui--blur_l, 48px)"
+	},
+	"blurXL": {
+		"name": "--vkui--blur_x_l",
+		"value": "var(--vkui--blur_x_l, 96px)"
+	},
 	"fontFamilyFallbacks": {
 		"name": "--vkui--font_family_fallbacks",
 		"value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)"

package/themes/tutoriaDark/docs.json

@@ -54,6 +54,17 @@
       }
     ]
   },
+  "blurL": {
+    "tags": [
+      "blur"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Сильное размытие"
+      }
+    ]
+  },
   "blurM": {
     "tags": [
       "blur"
@@ -65,6 +76,28 @@
       }
     ]
   },
+  "blurS": {
+    "tags": [
+      "blur"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Слабое размытие"
+      }
+    ]
+  },
+  "blurXL": {
+    "tags": [
+      "blur"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Очень сильное размытие"
+      }
+    ]
+  },
   "colorAccentAzure": {
     "tags": [
       "color",

package/themes/tutoriaDark/index.css

@@ -10,7 +10,10 @@
 	--vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 	--vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 	--vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--font_family_fallbacks: Helvetica, Arial, sans-serif;
 	--vkui--font_family_accent: VKSansDisplay, Helvetica, Arial, sans-serif;
 	--vkui--font_family_base: Roboto, Helvetica, Arial, sans-serif;

package/themes/tutoriaDark/index.js

@@ -1 +1 @@
-export default{themeName:"tutoriaDark",themeNameBase:"tutoria",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(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%",gradient:"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%",elevation1:"0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)",elevation1InvertY:"0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)",elevation2:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)",elevation3:"0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)",elevation4:"0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)",blurM:16,fontFamilyFallbacks:"Helvetica, Arial, sans-serif",fontFamilyAccent:"VKSansDisplay, Helvetica, Arial, sans-serif",fontFamilyBase:"Roboto, Helvetica, Arial, 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:24,fontWeight:600,lineHeight:28,fontFamily:"VKSansDisplay, Helvetica, Arial, sans-serif"},largeXX:{fontSize:40,fontWeight:600,lineHeight:44,fontFamily:"VKSansDisplay, Helvetica, Arial, sans-serif"},largeX:{fontSize:32,fontWeight:600,lineHeight:36,fontFamily:"VKSansDisplay, Helvetica, Arial, sans-serif"}},fontTitle2:{regular:{fontSize:20,fontWeight:600,lineHeight:24,fontFamily:"VKSansDisplay, Helvetica, Arial, sans-serif"}},fontTitle3:{regular:{fontSize:16,fontWeight:600,lineHeight:24,fontFamily:"VKSansDisplay, Helvetica, Arial, sans-serif"},compact:{fontSize:16,fontWeight:600,lineHeight:24,fontFamily:"VKSansDisplay, Helvetica, Arial, sans-serif"}},fontHeadline1:{regular:{fontSize:16,fontWeight:500,lineHeight:24,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},fontHeadline2:{regular:{fontSize:15,fontWeight:500,lineHeight:20,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},fontText:{regular:{fontSize:16,fontWeight:400,lineHeight:24,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},fontParagraph:{regular:{fontSize:14,fontWeight:400,lineHeight:18,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},fontSubhead:{regular:{fontSize:14,fontWeight:500,lineHeight:18,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},fontFootnote:{regular:{fontSize:13,fontWeight:500,lineHeight:16,fontFamily:"Roboto, Helvetica, Arial, sans-serif"},compact:{fontSize:13,fontWeight:400,lineHeight:16,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},fontFootnoteCaps:{regular:{fontSize:13,lineHeight:16,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase"}},fontCaption1:{regular:{fontSize:12,fontWeight:500,lineHeight:16,fontFamily:"Roboto, Helvetica, Arial, sans-serif"},compact:{fontSize:12,fontWeight:400,lineHeight:16,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},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:8},sizeBorderRadiusRounded:{regular:48},sizeCheckBorderRadius:{regular:4},sizeBorderRadiusPaper:{regular:12},sizeBorderRadiusPromo:{regular:20},sizeCellHeight:{regular:48,compact:44},sizeFieldHeight:{regular:44,compact:36},sizeSearchHeight:{regular:36,compact:32},sizeButtonExtraSmallHeight:{regular:24,compact:22},sizeButtonSmallHeight:{regular:28},sizeButtonMediumHeight:{regular:36},sizeButtonLargeHeight:{regular: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:8},sizeCardgridPaddingVertical:{regular:8},sizeBasePaddingHorizontal:{regular:16},sizeBasePaddingVertical:{regular:12},sizeButtonGroupGapSpace:{regular:1},sizeButtonGroupGapSmall:{regular:8},sizeButtonGroupGapMedium:{regular:12},sizeOptionHierarchy:{regular:32},sizeSwitchHeight:{regular:14,compact:12},sizeSwitchWidth:{regular:34,compact:32},sizeSwitchPin:{regular:20,compact:18},sizePanelHeaderHeight:{compact:48,regular:56},sizeButtonBaseSmallPaddingHorizontal:{regular:6},sizeButtonBaseMediumPaddingHorizontal:{regular:8},sizeButtonBaseLargePaddingHorizontal:{regular:10},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:101},sizeFormItemPaddingVertical:{regular:12},sizeSplitColPaddingHorizontal:{regular:24,compact: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.4, 0, 0.2, 1)",opacityDisable:.52,opacityDisableAccessibility:.52,opacityActive:.72,zIndexModal:99,zIndexPopout:100,themeInheritsFrom:"vkBase",tutoriaFontTextTitle1:{regular:{fontSize:24,fontWeight:600,lineHeight:28,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},tutoriaFontTextTitle2:{regular:{fontSize:20,fontWeight:600,lineHeight:24,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},tutoriaFontTextTitle3:{regular:{fontSize:16,fontWeight:600,lineHeight:20,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},tutoriaSizePaddingCard:{regular:24,compact:16},tutoriaLayoutMaxWidth:{regular:1224},tutoriaSizeButtonBaseSmallBorderRadius:{regular:12},tutoriaSizeButtonBaseMediumBorderRadius:{regular:10},tutoriaSizeButtonBaseLargeBorderRadius:{regular:8},fontHeadline:{regular:{fontSize:16,fontWeight:500,lineHeight:24,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},colorsScheme:"light",colorBackgroundAccent:{normal:"#529ef4",hover:"#4F98ED",active:"#4B93E5"},colorBackgroundAccentThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},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:"#5698F7",active:"#5393EF"},colorBackgroundAccentAlternative:{normal:"#529EF4",hover:"#4F98ED",active:"#4B93E5"},colorBackground:{normal:"#0a0a0a",hover:"#0A0A0C",active:"#090A0E"},colorBackgroundContent:{normal:"#19191a",hover:"#18191B",active:"#17181D"},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:"#F5F5F7",active:"#EBECEF"},colorBackgroundSecondary:{normal:"#232324",hover:"#222225",active:"#202126"},colorBackgroundSecondaryAlpha:{normal:"rgba(255, 255, 255, 0.10)",hover:"rgba(255, 255, 255, 0.14)",active:"rgba(255, 255, 255, 0.18)"},colorBackgroundTertiary:{normal:"#202021",hover:"#1F1F22",active:"#1D1F23"},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:"#F5F5F7",active:"#EBECEF"},colorBackgroundContrastSecondaryAlpha:{normal:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.24)",active:"rgba(255, 255, 255, 0.28)"},colorBackgroundContrastInverse:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorBackgroundContrastThemed:{normal:"#2C2D2E",hover:"#2A2C2F",active:"#282B2F"},colorBackgroundModal:{normal:"#1C1D1E",hover:"#1B1C1F",active:"#1A1C20"},colorBackgroundModalInverse:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},colorBackgroundPositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorBackgroundPositiveTint:{normal:"#2E3E2B",hover:"#2C3C2C",active:"#2A3A2C"},colorBackgroundWarning:{normal:"#473315",hover:"#443217",active:"#413018"},colorBackgroundNegative:{normal:"#ff5c5c",hover:"#F5595B",active:"#EB565A"},colorBackgroundNegativeTint:{normal:"#522E2E",hover:"#4F2D2F",active:"#4B2C2F"},colorBackgroundInfoTint:{normal:"#1C3954",hover:"#1B3753",active:"#1A3652"},colorFieldBackground:{normal:"#232324",hover:"#222225",active:"#202126"},colorHeaderBackground:{normal:"#19191a",hover:"#18191B",active:"#17181D"},colorTextAccent:{normal:"#529ef4",hover:"#4F98ED",active:"#4B93E5"},colorTextAccentThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTextPrimary:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorTextPrimaryAlpha:{normal:"rgba(249, 252, 255, 0.72)",hover:"rgba(249, 252, 255, 0.76)",active:"rgba(249, 252, 255, 0.8)"},colorTextPrimaryInvariably:{normal:"#000000",hover:"#000102",active:"#000105"},colorTextSecondary:{normal:"#76787a",hover:"#717478",active:"#6D7075"},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:"#90949B",active:"#8A8F97"},colorTextTertiary:{normal:"#5d5f61",hover:"#595C60",active:"#56595E"},colorTextContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTextContrastThemed:{normal:"#000000",hover:"#000102",active:"#000105"},colorTextPositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorTextNegative:{normal:"#ff5c5c",hover:"#F5595B",active:"#EB565A"},colorTextLink:{normal:"#529ef4",hover:"#4F98ED",active:"#4B93E5"},colorTextLinkThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTextLinkTint:{normal:"#71aaeb",hover:"#6CA4E4",active:"#689EDD"},colorTextLinkVisited:{normal:"#4986cc",hover:"#4681C6",active:"#437DC1"},colorTextMuted:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorLinkContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorIconAccent:{normal:"#529ef4",hover:"#4F98ED",active:"#4B93E5"},colorIconAccentThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorIconPrimary:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorIconPrimaryInvariably:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorIconMedium:{normal:"#b0b1b6",hover:"#A9ABB1",active:"#A2A4AC"},colorIconMediumAlpha:{normal:"rgba(241, 247, 255, 0.66)",hover:"rgba(241, 247, 255, 0.7000000000000001)",active:"rgba(241, 247, 255, 0.74)"},colorIconSecondary:{normal:"#76787a",hover:"#717478",active:"#6D7075"},colorIconSecondaryAlpha:{normal:"rgba(241, 247, 255, 0.43)",hover:"rgba(241, 247, 255, 0.47000000000000003)",active:"rgba(241, 247, 255, 0.51)"},colorIconTertiary:{normal:"#5d5f61",hover:"#595C60",active:"#56595E"},colorIconTertiaryAlpha:{normal:"rgba(255, 255, 255, 0.30)",hover:"rgba(255, 255, 255, 0.34)",active:"rgba(255, 255, 255, 0.38)"},colorIconContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorIconContrastThemed:{normal:"#000000",hover:"#000102",active:"#000105"},colorIconContrastSecondary:{normal:"#f2f3f5",hover:"#E8EAEE",active:"#DFE1E6"},colorIconPositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorIconWarning:{normal:"#EDB055",hover:"#E4AA54",active:"#DAA353"},colorIconNegative:{normal:"#ff5c5c",hover:"#F5595B",active:"#EB565A"},colorStrokeAccent:{normal:"#529ef4",hover:"#4F98ED",active:"#4B93E5"},colorStrokeAccentThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorSeparatorPrimary:{normal:"#363738",hover:"#343538",active:"#323438"},colorSeparatorPrimary2x:{normal:"#444546",hover:"#414346",active:"#3F4145"},colorSeparatorPrimary3x:{normal:"#505253",hover:"#4D4F52",active:"#4A4D51"},colorSeparatorPrimaryAlpha:{normal:"rgba(255, 255, 255, 0.12)",hover:"rgba(255, 255, 255, 0.16)",active:"rgba(255, 255, 255, 0.2)"},colorSeparatorSecondary:{normal:"#141415",hover:"#131417",active:"#121418"},colorStrokePositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorStrokeNegative:{normal:"#ff5c5c",hover:"#F5595B",active:"#EB565A"},colorStrokeContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorStrokePrimary:{normal:"#E1E3E6",hover:"#D8DBDF",active:"#CFD2D8"},colorImageBorderAlpha:{normal:"rgba(255, 255, 255, 0.08)",hover:"rgba(255, 255, 255, 0.12)",active:"rgba(255, 255, 255, 0.16)"},colorFieldBorderAlpha:{normal:"rgba(255, 255, 255, 0.12)",hover:"rgba(255, 255, 255, 0.16)",active:"rgba(255, 255, 255, 0.2)"},colorAccentBlue:{normal:"#71aaeb",hover:"#6CA4E4",active:"#689EDD"},colorAccentGray:{normal:"#a3adb8",hover:"#9CA7B3",active:"#96A0AE"},colorAccentRed:{normal:"#ff3347",hover:"#F53247",active:"#EB3046"},colorAccentOrangeFire:{normal:"#f05c44",hover:"#E65944",active:"#DD5643"},colorAccentOrange:{normal:"#ffa000",hover:"#F59A02",active:"#EB9405"},colorAccentOrangePeach:{normal:"#FFC062",hover:"#F5B961",active:"#EBB25F"},colorAccentLime:{normal:"#AFF70D",hover:"#A8EE0F",active:"#A1E511"},colorAccentGreen:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorAccentCyan:{normal:"#13FFD0",hover:"#12F5CA",active:"#11ECC4"},colorAccentAzure:{normal:"#0077FF",hover:"#0073F7",active:"#006FEF"},colorAccentPurple:{normal:"#9985ff",hover:"#9380F7",active:"#8D7CEF"},colorAccentViolet:{normal:"#a94fff",hover:"#A24CF7",active:"#9B4AEF"},colorAccentRaspberryPink:{normal:"#f060c0",hover:"#E65DBB",active:"#DD5AB6"},colorAccentPink:{normal:"#F45FFF",hover:"#EA5CF7",active:"#E059EF"},colorAccentSecondary:{normal:"#3f8ae0",hover:"#3C85D9",active:"#3A80D3"},colorOverlayPrimary:{normal:"rgba(0, 0, 0, 0.40)",hover:"rgba(0, 0, 0, 0.44)",active:"rgba(0, 0, 0, 0.48)"},colorOverlaySecondary:{normal:"rgba(0, 0, 0, 0.27)",hover:"rgba(0, 0, 0, 0.31)",active:"rgba(0, 0, 0, 0.35)"},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:"#6CA4E4",active:"#689EDD"},colorImagePlaceholder:{normal:"#2a2b2c",hover:"#282A2D",active:"#27292D"},colorImagePlaceholderAlpha:{normal:"rgba(241, 247, 255, 0.08)",hover:"rgba(241, 247, 255, 0.12)",active:"rgba(241, 247, 255, 0.16)"},colorSkeletonFrom:{normal:"#232324",hover:"#222225",active:"#202126"},colorSkeletonTo:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorButtonText:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorButtonIcon:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorButtonStroke:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorWriteBarIcon:{normal:"#76787a",hover:"#717478",active:"#6D7075"},colorWriteBarInputBackground:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorWriteBarInputBorder:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},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:"#424447",active:"#3F4246"},colorTrackBuffer:{normal:"#405772",hover:"#3D5470",active:"#3B516E"},colorSearchFieldBackground:{normal:"#363738",hover:"#343538",active:"#323438"},colorPanelHeaderIcon:{normal:"#71aaeb",hover:"#6CA4E4",active:"#689EDD"},colorSegmentedControl:{normal:"#626364",hover:"#5E6062",active:"#5A5C61"},colorTabbarTextInactive:{normal:"#76787a",hover:"#717478",active:"#6D7075"},colorTransparent:{normal:"transparent",hover:"rgba(0, 16, 61, 0.04)",active:"rgba(0, 16, 61, 0.08)"},tutoriaColorBackgroundPrimary:{normal:"#F4F5F7",hover:"#E9ECEF",active:"#D4D9DE"},tutoriaColorBackgroundContentInverse:{normal:"#181B1E",hover:"#41474E",active:"#5C646D"},tutoriaColorBackgroundOverlayAlpha:{normal:"rgba(24, 27, 30, 0.4)",hover:"rgba(24, 27, 30, 0.44)",active:"rgba(24, 27, 30, 0.48)"},tutoriaColorBackgroundNeutral:{normal:"#939FAD",hover:"#8D99A9",active:"#8794A4"},tutoriaColorBackgroundAccentTint:{normal:"#E5F1FF",hover:"#CCE4FF",active:"#99C9FF"},tutoriaColorBackgroundPositiveTint:{normal:"#EDF7ED",hover:"#CAF6DA",active:"#98EDB7"},tutoriaColorBackgroundWarning:{normal:"#FC9C0A",hover:"#FDB03B",active:"#FED79D"},tutoriaColorBackgroundWarningTint:{normal:"#FFF5E7",hover:"#FEEBCE",active:"#FED79D"},tutoriaColorBackgroundNegativeTint:{normal:"#FFECED",hover:"#FFD9DA",active:"#FFB3B5"},tutoriaColorBackgroundInfo:{normal:"#008DF2",hover:"#33A4F5",active:"#66BBF7"},tutoriaColorBackgroundInfoTint:{normal:"#ECF3FC",hover:"#CCE8FC",active:"#99D1FA"},tutoriaColorCardBoxShadowAlpha:{normal:"rgba(37, 41, 46, 0.04)",hover:"rgba(37, 41, 46, 0.08)",active:"rgba(37, 41, 46, 0.12)"},tutoriaColorTextWarning:{normal:"#FC9C0A",hover:"#F2960C",active:"#E8910E"},tutoriaColorTextInfo:{normal:"#008DF2",hover:"#0088EB",active:"#0083E4"},tutoriaColorIconWarning:{normal:"#FC9C0A",hover:"#F2960C",active:"#E8910E"},tutoriaColorIconInfo:{normal:"#008DF2",hover:"#0088EB",active:"#0083E4"},tutoriaColorIconLink:{normal:"#008DF2",hover:"#0088EB",active:"#0083E4"},tutoriaColorSeparatorPrimaryAlpha:{normal:"rgba(233, 236, 239, 0.2)",hover:"rgba(233, 236, 239, 0.24)",active:"rgba(233, 236, 239, 0.28)"},tutoriaColorSeparatorSecondaryAlpha:{normal:"rgba(233, 236, 239, 0.1)",hover:"rgba(233, 236, 239, 0.14)",active:"rgba(233, 236, 239, 0.18)"},tutoriaColorStrokePrimary:{normal:"#181B1E",hover:"#171B1F",active:"#161A20"},tutoriaColorStrokeSecondary:{normal:"#D4D9DE",hover:"#CCD1D8",active:"#C3C9D1"},tutoriaColorStrokeTertiary:{normal:"#E9ECEF",hover:"#E0E3E8",active:"#D6DAE1"},tutoriaColorStrokeAccentTint:{normal:"#99C9FF",hover:"#93C2F7",active:"#8DBAEF"},tutoriaColorStrokePositiveTint:{normal:"#98EDB7",hover:"#92E4B2",active:"#8CDBAD"},tutoriaColorStrokeWarning:{normal:"#FC9C0A",hover:"#F2960C",active:"#E8910E"},tutoriaColorStrokeWarningTint:{normal:"#FED79D",hover:"#F4CF99",active:"#EAC795"},tutoriaColorStrokeNegativeTint:{normal:"#FFB3B5",hover:"#F5ACB0",active:"#EBA6AB"},tutoriaColorStrokeInfo:{normal:"#008DF2",hover:"#0088EB",active:"#0083E4"},tutoriaColorStrokeInfoTint:{normal:"#99D1FA",hover:"#93C9F2",active:"#8DC2EB"},themeType:"root"};
+export default{themeName:"tutoriaDark",themeNameBase:"tutoria",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(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%",gradient:"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%",elevation1:"0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)",elevation1InvertY:"0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)",elevation2:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)",elevation3:"0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)",elevation4:"0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)",blurS:8,blurM:16,blurL:48,blurXL:96,fontFamilyFallbacks:"Helvetica, Arial, sans-serif",fontFamilyAccent:"VKSansDisplay, Helvetica, Arial, sans-serif",fontFamilyBase:"Roboto, Helvetica, Arial, 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:24,fontWeight:600,lineHeight:28,fontFamily:"VKSansDisplay, Helvetica, Arial, sans-serif"},largeXX:{fontSize:40,fontWeight:600,lineHeight:44,fontFamily:"VKSansDisplay, Helvetica, Arial, sans-serif"},largeX:{fontSize:32,fontWeight:600,lineHeight:36,fontFamily:"VKSansDisplay, Helvetica, Arial, sans-serif"}},fontTitle2:{regular:{fontSize:20,fontWeight:600,lineHeight:24,fontFamily:"VKSansDisplay, Helvetica, Arial, sans-serif"}},fontTitle3:{regular:{fontSize:16,fontWeight:600,lineHeight:24,fontFamily:"VKSansDisplay, Helvetica, Arial, sans-serif"},compact:{fontSize:16,fontWeight:600,lineHeight:24,fontFamily:"VKSansDisplay, Helvetica, Arial, sans-serif"}},fontHeadline1:{regular:{fontSize:16,fontWeight:500,lineHeight:24,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},fontHeadline2:{regular:{fontSize:15,fontWeight:500,lineHeight:20,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},fontText:{regular:{fontSize:16,fontWeight:400,lineHeight:24,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},fontParagraph:{regular:{fontSize:14,fontWeight:400,lineHeight:18,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},fontSubhead:{regular:{fontSize:14,fontWeight:500,lineHeight:18,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},fontFootnote:{regular:{fontSize:13,fontWeight:500,lineHeight:16,fontFamily:"Roboto, Helvetica, Arial, sans-serif"},compact:{fontSize:13,fontWeight:400,lineHeight:16,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},fontFootnoteCaps:{regular:{fontSize:13,lineHeight:16,fontFamily:'-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif',fontWeight:600,textTransform:"uppercase"}},fontCaption1:{regular:{fontSize:12,fontWeight:500,lineHeight:16,fontFamily:"Roboto, Helvetica, Arial, sans-serif"},compact:{fontSize:12,fontWeight:400,lineHeight:16,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},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:8},sizeBorderRadiusRounded:{regular:48},sizeCheckBorderRadius:{regular:4},sizeBorderRadiusPaper:{regular:12},sizeBorderRadiusPromo:{regular:20},sizeCellHeight:{regular:48,compact:44},sizeFieldHeight:{regular:44,compact:36},sizeSearchHeight:{regular:36,compact:32},sizeButtonExtraSmallHeight:{regular:24,compact:22},sizeButtonSmallHeight:{regular:28},sizeButtonMediumHeight:{regular:36},sizeButtonLargeHeight:{regular: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:8},sizeCardgridPaddingVertical:{regular:8},sizeBasePaddingHorizontal:{regular:16},sizeBasePaddingVertical:{regular:12},sizeButtonGroupGapSpace:{regular:1},sizeButtonGroupGapSmall:{regular:8},sizeButtonGroupGapMedium:{regular:12},sizeOptionHierarchy:{regular:32},sizeSwitchHeight:{regular:14,compact:12},sizeSwitchWidth:{regular:34,compact:32},sizeSwitchPin:{regular:20,compact:18},sizePanelHeaderHeight:{compact:48,regular:56},sizeButtonBaseSmallPaddingHorizontal:{regular:6},sizeButtonBaseMediumPaddingHorizontal:{regular:8},sizeButtonBaseLargePaddingHorizontal:{regular:10},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:101},sizeFormItemPaddingVertical:{regular:12},sizeSplitColPaddingHorizontal:{regular:24,compact: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.4, 0, 0.2, 1)",opacityDisable:.52,opacityDisableAccessibility:.52,opacityActive:.72,zIndexModal:99,zIndexPopout:100,themeInheritsFrom:"vkBase",tutoriaFontTextTitle1:{regular:{fontSize:24,fontWeight:600,lineHeight:28,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},tutoriaFontTextTitle2:{regular:{fontSize:20,fontWeight:600,lineHeight:24,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},tutoriaFontTextTitle3:{regular:{fontSize:16,fontWeight:600,lineHeight:20,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},tutoriaSizePaddingCard:{regular:24,compact:16},tutoriaLayoutMaxWidth:{regular:1224},tutoriaSizeButtonBaseSmallBorderRadius:{regular:12},tutoriaSizeButtonBaseMediumBorderRadius:{regular:10},tutoriaSizeButtonBaseLargeBorderRadius:{regular:8},fontHeadline:{regular:{fontSize:16,fontWeight:500,lineHeight:24,fontFamily:"Roboto, Helvetica, Arial, sans-serif"}},colorsScheme:"light",colorBackgroundAccent:{normal:"#529ef4",hover:"#4F98ED",active:"#4B93E5"},colorBackgroundAccentThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},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:"#5698F7",active:"#5393EF"},colorBackgroundAccentAlternative:{normal:"#529EF4",hover:"#4F98ED",active:"#4B93E5"},colorBackground:{normal:"#0a0a0a",hover:"#0A0A0C",active:"#090A0E"},colorBackgroundContent:{normal:"#19191a",hover:"#18191B",active:"#17181D"},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:"#F5F5F7",active:"#EBECEF"},colorBackgroundSecondary:{normal:"#232324",hover:"#222225",active:"#202126"},colorBackgroundSecondaryAlpha:{normal:"rgba(255, 255, 255, 0.10)",hover:"rgba(255, 255, 255, 0.14)",active:"rgba(255, 255, 255, 0.18)"},colorBackgroundTertiary:{normal:"#202021",hover:"#1F1F22",active:"#1D1F23"},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:"#F5F5F7",active:"#EBECEF"},colorBackgroundContrastSecondaryAlpha:{normal:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.24)",active:"rgba(255, 255, 255, 0.28)"},colorBackgroundContrastInverse:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorBackgroundContrastThemed:{normal:"#2C2D2E",hover:"#2A2C2F",active:"#282B2F"},colorBackgroundModal:{normal:"#1C1D1E",hover:"#1B1C1F",active:"#1A1C20"},colorBackgroundModalInverse:{normal:"#FFFFFF",hover:"#F5F5F7",active:"#EBECEF"},colorBackgroundPositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorBackgroundPositiveTint:{normal:"#2E3E2B",hover:"#2C3C2C",active:"#2A3A2C"},colorBackgroundWarning:{normal:"#473315",hover:"#443217",active:"#413018"},colorBackgroundNegative:{normal:"#ff5c5c",hover:"#F5595B",active:"#EB565A"},colorBackgroundNegativeTint:{normal:"#522E2E",hover:"#4F2D2F",active:"#4B2C2F"},colorBackgroundInfoTint:{normal:"#1C3954",hover:"#1B3753",active:"#1A3652"},colorFieldBackground:{normal:"#232324",hover:"#222225",active:"#202126"},colorHeaderBackground:{normal:"#19191a",hover:"#18191B",active:"#17181D"},colorTextAccent:{normal:"#529ef4",hover:"#4F98ED",active:"#4B93E5"},colorTextAccentThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTextPrimary:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorTextPrimaryAlpha:{normal:"rgba(249, 252, 255, 0.72)",hover:"rgba(249, 252, 255, 0.76)",active:"rgba(249, 252, 255, 0.8)"},colorTextPrimaryInvariably:{normal:"#000000",hover:"#000102",active:"#000105"},colorTextSecondary:{normal:"#76787a",hover:"#717478",active:"#6D7075"},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:"#90949B",active:"#8A8F97"},colorTextTertiary:{normal:"#5d5f61",hover:"#595C60",active:"#56595E"},colorTextContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTextContrastThemed:{normal:"#000000",hover:"#000102",active:"#000105"},colorTextPositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorTextNegative:{normal:"#ff5c5c",hover:"#F5595B",active:"#EB565A"},colorTextLink:{normal:"#529ef4",hover:"#4F98ED",active:"#4B93E5"},colorTextLinkThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorTextLinkTint:{normal:"#71aaeb",hover:"#6CA4E4",active:"#689EDD"},colorTextLinkVisited:{normal:"#4986cc",hover:"#4681C6",active:"#437DC1"},colorTextMuted:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorLinkContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorIconAccent:{normal:"#529ef4",hover:"#4F98ED",active:"#4B93E5"},colorIconAccentThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorIconPrimary:{normal:"#e1e3e6",hover:"#D8DBDF",active:"#CFD2D8"},colorIconPrimaryInvariably:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorIconMedium:{normal:"#b0b1b6",hover:"#A9ABB1",active:"#A2A4AC"},colorIconMediumAlpha:{normal:"rgba(241, 247, 255, 0.66)",hover:"rgba(241, 247, 255, 0.7000000000000001)",active:"rgba(241, 247, 255, 0.74)"},colorIconSecondary:{normal:"#76787a",hover:"#717478",active:"#6D7075"},colorIconSecondaryAlpha:{normal:"rgba(241, 247, 255, 0.43)",hover:"rgba(241, 247, 255, 0.47000000000000003)",active:"rgba(241, 247, 255, 0.51)"},colorIconTertiary:{normal:"#5d5f61",hover:"#595C60",active:"#56595E"},colorIconTertiaryAlpha:{normal:"rgba(255, 255, 255, 0.30)",hover:"rgba(255, 255, 255, 0.34)",active:"rgba(255, 255, 255, 0.38)"},colorIconContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorIconContrastThemed:{normal:"#000000",hover:"#000102",active:"#000105"},colorIconContrastSecondary:{normal:"#f2f3f5",hover:"#E8EAEE",active:"#DFE1E6"},colorIconPositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorIconWarning:{normal:"#EDB055",hover:"#E4AA54",active:"#DAA353"},colorIconNegative:{normal:"#ff5c5c",hover:"#F5595B",active:"#EB565A"},colorStrokeAccent:{normal:"#529ef4",hover:"#4F98ED",active:"#4B93E5"},colorStrokeAccentThemed:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorSeparatorPrimary:{normal:"#363738",hover:"#343538",active:"#323438"},colorSeparatorPrimary2x:{normal:"#444546",hover:"#414346",active:"#3F4145"},colorSeparatorPrimary3x:{normal:"#505253",hover:"#4D4F52",active:"#4A4D51"},colorSeparatorPrimaryAlpha:{normal:"rgba(255, 255, 255, 0.12)",hover:"rgba(255, 255, 255, 0.16)",active:"rgba(255, 255, 255, 0.2)"},colorSeparatorSecondary:{normal:"#141415",hover:"#131417",active:"#121418"},colorStrokePositive:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorStrokeNegative:{normal:"#ff5c5c",hover:"#F5595B",active:"#EB565A"},colorStrokeContrast:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorStrokePrimary:{normal:"#E1E3E6",hover:"#D8DBDF",active:"#CFD2D8"},colorImageBorderAlpha:{normal:"rgba(255, 255, 255, 0.08)",hover:"rgba(255, 255, 255, 0.12)",active:"rgba(255, 255, 255, 0.16)"},colorFieldBorderAlpha:{normal:"rgba(255, 255, 255, 0.12)",hover:"rgba(255, 255, 255, 0.16)",active:"rgba(255, 255, 255, 0.2)"},colorAccentBlue:{normal:"#71aaeb",hover:"#6CA4E4",active:"#689EDD"},colorAccentGray:{normal:"#a3adb8",hover:"#9CA7B3",active:"#96A0AE"},colorAccentRed:{normal:"#ff3347",hover:"#F53247",active:"#EB3046"},colorAccentOrangeFire:{normal:"#f05c44",hover:"#E65944",active:"#DD5643"},colorAccentOrange:{normal:"#ffa000",hover:"#F59A02",active:"#EB9405"},colorAccentOrangePeach:{normal:"#FFC062",hover:"#F5B961",active:"#EBB25F"},colorAccentLime:{normal:"#AFF70D",hover:"#A8EE0F",active:"#A1E511"},colorAccentGreen:{normal:"#4bb34b",hover:"#48AC4A",active:"#45A64A"},colorAccentCyan:{normal:"#13FFD0",hover:"#12F5CA",active:"#11ECC4"},colorAccentAzure:{normal:"#0077FF",hover:"#0073F7",active:"#006FEF"},colorAccentPurple:{normal:"#9985ff",hover:"#9380F7",active:"#8D7CEF"},colorAccentViolet:{normal:"#a94fff",hover:"#A24CF7",active:"#9B4AEF"},colorAccentRaspberryPink:{normal:"#f060c0",hover:"#E65DBB",active:"#DD5AB6"},colorAccentPink:{normal:"#F45FFF",hover:"#EA5CF7",active:"#E059EF"},colorAccentSecondary:{normal:"#3f8ae0",hover:"#3C85D9",active:"#3A80D3"},colorOverlayPrimary:{normal:"rgba(0, 0, 0, 0.40)",hover:"rgba(0, 0, 0, 0.44)",active:"rgba(0, 0, 0, 0.48)"},colorOverlaySecondary:{normal:"rgba(0, 0, 0, 0.27)",hover:"rgba(0, 0, 0, 0.31)",active:"rgba(0, 0, 0, 0.35)"},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:"#6CA4E4",active:"#689EDD"},colorImagePlaceholder:{normal:"#2a2b2c",hover:"#282A2D",active:"#27292D"},colorImagePlaceholderAlpha:{normal:"rgba(241, 247, 255, 0.08)",hover:"rgba(241, 247, 255, 0.12)",active:"rgba(241, 247, 255, 0.16)"},colorSkeletonFrom:{normal:"#232324",hover:"#222225",active:"#202126"},colorSkeletonTo:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorButtonText:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorButtonIcon:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorButtonStroke:{normal:"#ffffff",hover:"#F5F5F7",active:"#EBECEF"},colorWriteBarIcon:{normal:"#76787a",hover:"#717478",active:"#6D7075"},colorWriteBarInputBackground:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},colorWriteBarInputBorder:{normal:"#2c2d2e",hover:"#2A2C2F",active:"#282B2F"},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:"#424447",active:"#3F4246"},colorTrackBuffer:{normal:"#405772",hover:"#3D5470",active:"#3B516E"},colorSearchFieldBackground:{normal:"#363738",hover:"#343538",active:"#323438"},colorPanelHeaderIcon:{normal:"#71aaeb",hover:"#6CA4E4",active:"#689EDD"},colorSegmentedControl:{normal:"#626364",hover:"#5E6062",active:"#5A5C61"},colorTabbarTextInactive:{normal:"#76787a",hover:"#717478",active:"#6D7075"},colorTransparent:{normal:"transparent",hover:"rgba(0, 16, 61, 0.04)",active:"rgba(0, 16, 61, 0.08)"},tutoriaColorBackgroundPrimary:{normal:"#F4F5F7",hover:"#E9ECEF",active:"#D4D9DE"},tutoriaColorBackgroundContentInverse:{normal:"#181B1E",hover:"#41474E",active:"#5C646D"},tutoriaColorBackgroundOverlayAlpha:{normal:"rgba(24, 27, 30, 0.4)",hover:"rgba(24, 27, 30, 0.44)",active:"rgba(24, 27, 30, 0.48)"},tutoriaColorBackgroundNeutral:{normal:"#939FAD",hover:"#8D99A9",active:"#8794A4"},tutoriaColorBackgroundAccentTint:{normal:"#E5F1FF",hover:"#CCE4FF",active:"#99C9FF"},tutoriaColorBackgroundPositiveTint:{normal:"#EDF7ED",hover:"#CAF6DA",active:"#98EDB7"},tutoriaColorBackgroundWarning:{normal:"#FC9C0A",hover:"#FDB03B",active:"#FED79D"},tutoriaColorBackgroundWarningTint:{normal:"#FFF5E7",hover:"#FEEBCE",active:"#FED79D"},tutoriaColorBackgroundNegativeTint:{normal:"#FFECED",hover:"#FFD9DA",active:"#FFB3B5"},tutoriaColorBackgroundInfo:{normal:"#008DF2",hover:"#33A4F5",active:"#66BBF7"},tutoriaColorBackgroundInfoTint:{normal:"#ECF3FC",hover:"#CCE8FC",active:"#99D1FA"},tutoriaColorCardBoxShadowAlpha:{normal:"rgba(37, 41, 46, 0.04)",hover:"rgba(37, 41, 46, 0.08)",active:"rgba(37, 41, 46, 0.12)"},tutoriaColorTextWarning:{normal:"#FC9C0A",hover:"#F2960C",active:"#E8910E"},tutoriaColorTextInfo:{normal:"#008DF2",hover:"#0088EB",active:"#0083E4"},tutoriaColorIconWarning:{normal:"#FC9C0A",hover:"#F2960C",active:"#E8910E"},tutoriaColorIconInfo:{normal:"#008DF2",hover:"#0088EB",active:"#0083E4"},tutoriaColorIconLink:{normal:"#008DF2",hover:"#0088EB",active:"#0083E4"},tutoriaColorSeparatorPrimaryAlpha:{normal:"rgba(233, 236, 239, 0.2)",hover:"rgba(233, 236, 239, 0.24)",active:"rgba(233, 236, 239, 0.28)"},tutoriaColorSeparatorSecondaryAlpha:{normal:"rgba(233, 236, 239, 0.1)",hover:"rgba(233, 236, 239, 0.14)",active:"rgba(233, 236, 239, 0.18)"},tutoriaColorStrokePrimary:{normal:"#181B1E",hover:"#171B1F",active:"#161A20"},tutoriaColorStrokeSecondary:{normal:"#D4D9DE",hover:"#CCD1D8",active:"#C3C9D1"},tutoriaColorStrokeTertiary:{normal:"#E9ECEF",hover:"#E0E3E8",active:"#D6DAE1"},tutoriaColorStrokeAccentTint:{normal:"#99C9FF",hover:"#93C2F7",active:"#8DBAEF"},tutoriaColorStrokePositiveTint:{normal:"#98EDB7",hover:"#92E4B2",active:"#8CDBAD"},tutoriaColorStrokeWarning:{normal:"#FC9C0A",hover:"#F2960C",active:"#E8910E"},tutoriaColorStrokeWarningTint:{normal:"#FED79D",hover:"#F4CF99",active:"#EAC795"},tutoriaColorStrokeNegativeTint:{normal:"#FFB3B5",hover:"#F5ACB0",active:"#EBA6AB"},tutoriaColorStrokeInfo:{normal:"#008DF2",hover:"#0088EB",active:"#0083E4"},tutoriaColorStrokeInfoTint:{normal:"#99D1FA",hover:"#93C9F2",active:"#8DC2EB"},themeType:"root"};

package/themes/tutoriaDark/index.json

@@ -10,7 +10,10 @@
 	"elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)",
 	"elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)",
 	"elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)",
+	"blurS": 8,
 	"blurM": 16,
+	"blurL": 48,
+	"blurXL": 96,
 	"fontFamilyFallbacks": "Helvetica, Arial, sans-serif",
 	"fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif",
 	"fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif",

package/themes/tutoriaDark/index.less

@@ -9,7 +9,10 @@
 @elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 @elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 @elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+@blur-s: 8px;
 @blur-m: 16px;
+@blur-l: 48px;
+@blur-x-l: 96px;
 @font-family-fallbacks: Helvetica, Arial, sans-serif;
 @font-family-accent: VKSansDisplay, Helvetica, Arial, sans-serif;
 @font-family-base: Roboto, Helvetica, Arial, sans-serif;

package/themes/tutoriaDark/index.pcss

@@ -10,7 +10,10 @@
 	--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 	--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 	--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+	--blur-s: 8px;
 	--blur-m: 16px;
+	--blur-l: 48px;
+	--blur-x-l: 96px;
 	--font-family-fallbacks: Helvetica, Arial, sans-serif;
 	--font-family-accent: VKSansDisplay, Helvetica, Arial, sans-serif;
 	--font-family-base: Roboto, Helvetica, Arial, sans-serif;

package/themes/tutoriaDark/index.scss

@@ -9,7 +9,10 @@ $elevation1-invert-y: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0
 $elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 $elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 $elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+$blur-s: 8px;
 $blur-m: 16px;
+$blur-l: 48px;
+$blur-x-l: 96px;
 $font-family-fallbacks: Helvetica, Arial, sans-serif;
 $font-family-accent: VKSansDisplay, Helvetica, Arial, sans-serif;
 $font-family-base: Roboto, Helvetica, Arial, sans-serif;

package/themes/tutoriaDark/index.styl

@@ -9,7 +9,10 @@ $elevation1-invert-y = 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0,
 $elevation2 = 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 $elevation3 = 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 $elevation4 = 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+$blur-s = 8px;
 $blur-m = 16px;
+$blur-l = 48px;
+$blur-x-l = 96px;
 $font-family-fallbacks = Helvetica, Arial, sans-serif;
 $font-family-accent = VKSansDisplay, Helvetica, Arial, sans-serif;
 $font-family-base = Roboto, Helvetica, Arial, sans-serif;

package/themes/tutoriaDark/struct.json

@@ -143,7 +143,10 @@
 		"elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)"
 	},
 	"blur": {
-		"blurM": 16
+		"blurS": 8,
+		"blurM": 16,
+		"blurL": 48,
+		"blurXL": 96
 	},
 	"fontFamily": {
 		"fontFamilyFallbacks": "Helvetica, Arial, sans-serif",

package/themes/vkAccessibility/cssVars/declarations/index.css

@@ -10,7 +10,10 @@
 	--vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 	--vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 	--vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;

package/themes/vkAccessibility/cssVars/declarations/noColors.css

@@ -10,7 +10,10 @@
 	--vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 	--vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 	--vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;

package/themes/vkAccessibility/cssVars/declarations/noSizes.css

@@ -10,7 +10,10 @@
 	--vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 	--vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 	--vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--spacing_size_3xs: 2px;
 	--vkui--spacing_size_2xs: 2px;
 	--vkui--spacing_size_xs: 4px;

package/themes/vkAccessibility/cssVars/declarations/onlyVariables.css

@@ -10,7 +10,10 @@
 	--vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 	--vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 	--vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;