From b8a1a34ed56b99bc7e4c2d6c67f7ac761d945a2d Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Fri, 28 Jun 2024 05:41:31 +0000 Subject: [PATCH 01/14] build(deps-dev): bump @types/lodash from 4.17.5 to 4.17.6 Bumps [@types/lodash](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/lodash) from 4.17.5 to 4.17.6. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/lodash) --- updated-dependencies: - dependency-name: "@types/lodash" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index dd2d3a489..87a27bb9d 100644 --- a/package.json +++ b/package.json @@ -49,7 +49,7 @@ "@types/color": "3.0.6", "@types/common-tags": "1.8.4", "@types/fs-extra": "11.0.4", - "@types/lodash": "4.17.5", + "@types/lodash": "4.17.6", "@types/node": "18.11.10", "@types/react": "18.3.3", "@types/react-dom": "18.3.0", diff --git a/yarn.lock b/yarn.lock index 2491c1467..0292f0a48 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1883,10 +1883,10 @@ dependencies: "@types/node" "*" -"@types/lodash@4.17.5": - version "4.17.5" - resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.5.tgz#e6c29b58e66995d57cd170ce3e2a61926d55ee04" - integrity sha512-MBIOHVZqVqgfro1euRDWX7OO0fBVUUMrN6Pwm8LQsz8cWhEpihlvR70ENj3f40j58TNxZaWv2ndSkInykNBBJw== +"@types/lodash@4.17.6": + version "4.17.6" + resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.6.tgz#193ced6a40c8006cfc1ca3f4553444fb38f0e543" + integrity sha512-OpXEVoCKSS3lQqjx9GGGOapBeuW5eUboYHRlHP9urXPX25IKZ6AnP5ZRxtVf63iieUbsHxLn8NQ5Nlftc6yzAA== "@types/mime@*": version "3.0.4" From a7fa65e3da5313ca9f724c47a043a7e63b2c8159 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Fri, 28 Jun 2024 10:43:15 +0000 Subject: [PATCH 02/14] build(deps-dev): bump webpack from 5.91.0 to 5.92.1 Bumps [webpack](https://github.com/webpack/webpack) from 5.91.0 to 5.92.1. - [Release notes](https://github.com/webpack/webpack/releases) - [Commits](https://github.com/webpack/webpack/compare/v5.91.0...v5.92.1) --- updated-dependencies: - dependency-name: webpack dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 28 ++++++++++++++-------------- 2 files changed, 15 insertions(+), 15 deletions(-) diff --git a/package.json b/package.json index ae57332cc..9babd7a97 100644 --- a/package.json +++ b/package.json @@ -102,7 +102,7 @@ "type-fest": "4.20.1", "typescript": "5.2.2", "typescript-eslint": "7.0.1", - "webpack": "5.91.0", + "webpack": "5.92.1", "webpack-cli": "5.1.4", "webpack-dev-server": "5.0.4", "webpack-notifier": "1.15.0" diff --git a/yarn.lock b/yarn.lock index 5d1262f2e..0412cc121 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2322,10 +2322,10 @@ accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.8: mime-types "~2.1.34" negotiator "0.6.3" -acorn-import-assertions@^1.9.0: - version "1.9.0" - resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz#507276249d684797c84e0734ef84860334cfb1ac" - integrity sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA== +acorn-import-attributes@^1.9.5: + version "1.9.5" + resolved "https://registry.yarnpkg.com/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz#7eb1557b1ba05ef18b5ed0ec67591bfab04688ef" + integrity sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ== acorn-jsx@^5.3.2: version "5.3.2" @@ -3649,10 +3649,10 @@ encodeurl@~1.0.2: resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59" integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w== -enhanced-resolve@^5.0.0, enhanced-resolve@^5.16.0: - version "5.16.0" - resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.16.0.tgz#65ec88778083056cb32487faa9aef82ed0864787" - integrity sha512-O+QWCviPNSSLAD9Ucn8Awv+poAkqn3T1XY5/N7kR7rQO9yfSGWkYZDwpJ+iKF7B8rxaQKWngSqACpgzeapSyoA== +enhanced-resolve@^5.0.0, enhanced-resolve@^5.17.0: + version "5.17.0" + resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.17.0.tgz#d037603789dd9555b89aaec7eb78845c49089bc5" + integrity sha512-dwDPwZL0dmye8Txp2gzFmA6sxALaSvdRDjPH0viLcKrtlOL3tw62nWWweVD1SdILDTJrbrL6tdWVN58Wo6U3eA== dependencies: graceful-fs "^4.2.4" tapable "^2.2.0" @@ -8332,10 +8332,10 @@ webpack-sources@^3.2.3: resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde" integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w== -webpack@5.91.0: - version "5.91.0" - resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.91.0.tgz#ffa92c1c618d18c878f06892bbdc3373c71a01d9" - integrity sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw== +webpack@5.92.1: + version "5.92.1" + resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.92.1.tgz#eca5c1725b9e189cffbd86e8b6c3c7400efc5788" + integrity sha512-JECQ7IwJb+7fgUFBlrJzbyu3GEuNBcdqr1LD7IbSzwkSmIevTm8PF+wej3Oxuz/JFBUZ6O1o43zsPkwm1C4TmA== dependencies: "@types/eslint-scope" "^3.7.3" "@types/estree" "^1.0.5" @@ -8343,10 +8343,10 @@ webpack@5.91.0: "@webassemblyjs/wasm-edit" "^1.12.1" "@webassemblyjs/wasm-parser" "^1.12.1" acorn "^8.7.1" - acorn-import-assertions "^1.9.0" + acorn-import-attributes "^1.9.5" browserslist "^4.21.10" chrome-trace-event "^1.0.2" - enhanced-resolve "^5.16.0" + enhanced-resolve "^5.17.0" es-module-lexer "^1.2.1" eslint-scope "5.1.1" events "^3.2.0" From a65292ccf67aff53289609861cfd57630f4b17a2 Mon Sep 17 00:00:00 2001 From: Daniil Suvorov Date: Fri, 28 Jun 2024 15:22:29 +0300 Subject: [PATCH 03/14] fix(vkCom): fonts lodash merge --- .../__snapshots__/snapthots.test.ts.snap | 544 +++++++++--------- src/themeDescriptions/themes/vkCom/index.ts | 104 +++- 2 files changed, 372 insertions(+), 276 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index aa46bea7a..cbe6894da 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -325671,7 +325671,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -325713,7 +325713,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -325755,7 +325755,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -325797,7 +325797,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -325839,7 +325839,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -325881,7 +325881,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -325923,7 +325923,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -325961,7 +325961,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -325979,7 +325979,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -326017,7 +326017,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -326055,7 +326055,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -326073,11 +326073,11 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -326105,7 +326105,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -326147,7 +326147,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -326295,7 +326295,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -326333,7 +326333,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -326467,7 +326467,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -326505,7 +326505,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -326543,7 +326543,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -327934,7 +327934,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "14px", @@ -327942,7 +327942,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 600, "lineHeight": "14px", @@ -327951,7 +327951,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -327959,7 +327959,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 600, "lineHeight": "14px", @@ -327968,7 +327968,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -327976,7 +327976,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 600, "lineHeight": "12px", @@ -327985,7 +327985,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "23px", "fontWeight": 600, "lineHeight": "28px", @@ -327993,13 +327993,13 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "22px", "fontWeight": 600, "lineHeight": "24px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "21px", "fontWeight": 600, "lineHeight": "26px", @@ -328007,7 +328007,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "19px", "fontWeight": 600, "lineHeight": "24px", @@ -328015,18 +328015,18 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", }, }, - "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -328034,7 +328034,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -328071,7 +328071,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -328079,7 +328079,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -328111,7 +328111,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -328119,7 +328119,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -328127,7 +328127,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -328915,7 +328915,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -328923,7 +328923,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -328932,7 +328932,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -328940,7 +328940,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -328949,7 +328949,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -328957,7 +328957,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -328966,7 +328966,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", @@ -328974,13 +328974,13 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", @@ -328988,7 +328988,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", @@ -328996,18 +328996,18 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -329015,7 +329015,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -329052,7 +329052,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -329060,7 +329060,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -329092,7 +329092,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -329100,7 +329100,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -329108,7 +329108,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -329896,7 +329896,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 14, @@ -329904,7 +329904,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 600, "lineHeight": 14, @@ -329913,7 +329913,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -329921,7 +329921,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 600, "lineHeight": 14, @@ -329930,7 +329930,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -329938,7 +329938,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 600, "lineHeight": 12, @@ -329947,7 +329947,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 23, "fontWeight": 600, "lineHeight": 28, @@ -329955,13 +329955,13 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 22, "fontWeight": 600, "lineHeight": 24, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 21, "fontWeight": 600, "lineHeight": 26, @@ -329969,7 +329969,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 19, "fontWeight": 600, "lineHeight": 24, @@ -329977,18 +329977,18 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, }, }, - "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -329996,7 +329996,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -330033,7 +330033,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -330041,7 +330041,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -330073,7 +330073,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -330081,7 +330081,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -330089,7 +330089,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -331866,7 +331866,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -331908,7 +331908,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -331950,7 +331950,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -331992,7 +331992,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -332034,7 +332034,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -332076,7 +332076,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -332118,7 +332118,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title1--font_family--regular", - "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -332156,7 +332156,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--compact", - "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -332174,7 +332174,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title2--font_family--regular", - "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -332212,7 +332212,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title3--font_family--regular", - "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -332250,7 +332250,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_display_title4--font_family--regular", - "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -332268,11 +332268,11 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -332300,7 +332300,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -332342,7 +332342,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -332490,7 +332490,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -332528,7 +332528,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -332662,7 +332662,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -332700,7 +332700,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -332738,7 +332738,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -334129,7 +334129,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "14px", @@ -334137,7 +334137,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 600, "lineHeight": "14px", @@ -334146,7 +334146,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -334154,7 +334154,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 600, "lineHeight": "14px", @@ -334163,7 +334163,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -334171,7 +334171,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 600, "lineHeight": "12px", @@ -334180,7 +334180,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "23px", "fontWeight": 600, "lineHeight": "28px", @@ -334188,13 +334188,13 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "22px", "fontWeight": 600, "lineHeight": "24px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "21px", "fontWeight": 600, "lineHeight": "26px", @@ -334202,7 +334202,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "19px", "fontWeight": 600, "lineHeight": "24px", @@ -334210,18 +334210,18 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", }, }, - "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -334229,7 +334229,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -334266,7 +334266,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -334274,7 +334274,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -334306,7 +334306,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -334314,7 +334314,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -334322,7 +334322,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -335110,7 +335110,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -335118,7 +335118,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -335127,7 +335127,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -335135,7 +335135,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -335144,7 +335144,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -335152,7 +335152,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -335161,7 +335161,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", @@ -335169,13 +335169,13 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", @@ -335183,7 +335183,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", @@ -335191,18 +335191,18 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", }, }, - "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -335210,7 +335210,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -335247,7 +335247,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -335255,7 +335255,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -335287,7 +335287,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -335295,7 +335295,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -335303,7 +335303,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -336091,7 +336091,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 14, @@ -336099,7 +336099,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 600, "lineHeight": 14, @@ -336108,7 +336108,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -336116,7 +336116,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 600, "lineHeight": 14, @@ -336125,7 +336125,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -336133,7 +336133,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 600, "lineHeight": 12, @@ -336142,7 +336142,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 23, "fontWeight": 600, "lineHeight": 28, @@ -336150,13 +336150,13 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 22, "fontWeight": 600, "lineHeight": 24, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 21, "fontWeight": 600, "lineHeight": 26, @@ -336164,7 +336164,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 19, "fontWeight": 600, "lineHeight": 24, @@ -336172,18 +336172,18 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, }, }, - "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -336191,7 +336191,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -336228,7 +336228,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -336236,7 +336236,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -336268,7 +336268,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -336276,7 +336276,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -336284,7 +336284,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -392586,7 +392586,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -392628,7 +392628,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -392670,7 +392670,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -392712,7 +392712,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -392754,7 +392754,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -392796,7 +392796,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -392992,7 +392992,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -393020,7 +393020,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -393062,7 +393062,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -393210,7 +393210,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -393248,7 +393248,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -393382,7 +393382,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -393420,7 +393420,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -393458,7 +393458,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -395993,7 +395993,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "14px", @@ -396001,7 +396001,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 600, "lineHeight": "14px", @@ -396010,7 +396010,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -396018,7 +396018,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 600, "lineHeight": "14px", @@ -396027,7 +396027,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -396035,7 +396035,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 600, "lineHeight": "12px", @@ -396081,11 +396081,11 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -396093,7 +396093,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -396130,7 +396130,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -396138,7 +396138,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -396170,7 +396170,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -396178,7 +396178,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -396186,7 +396186,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -397368,7 +397368,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -397376,7 +397376,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -397385,7 +397385,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -397393,7 +397393,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -397402,7 +397402,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -397410,7 +397410,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -397456,11 +397456,11 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, }, "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -397468,7 +397468,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -397505,7 +397505,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -397513,7 +397513,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -397545,7 +397545,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -397553,7 +397553,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -397561,7 +397561,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -398743,7 +398743,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 14, @@ -398751,7 +398751,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 600, "lineHeight": 14, @@ -398760,7 +398760,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -398768,7 +398768,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 600, "lineHeight": 14, @@ -398777,7 +398777,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -398785,7 +398785,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 600, "lineHeight": 12, @@ -398831,11 +398831,11 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -398843,7 +398843,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -398880,7 +398880,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -398888,7 +398888,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -398920,7 +398920,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -398928,7 +398928,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -398936,7 +398936,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -401107,7 +401107,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -401149,7 +401149,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -401191,7 +401191,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -401233,7 +401233,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2_caps--font_family--regular", - "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -401275,7 +401275,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -401317,7 +401317,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3_caps--font_family--regular", - "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -401513,7 +401513,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -401541,7 +401541,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -401583,7 +401583,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote_caps--font_family--regular", - "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -401731,7 +401731,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -401769,7 +401769,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -401903,7 +401903,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -401941,7 +401941,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -401979,7 +401979,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -404514,7 +404514,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "14px", @@ -404522,7 +404522,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "12px", "fontWeight": 600, "lineHeight": "14px", @@ -404531,7 +404531,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -404539,7 +404539,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "11px", "fontWeight": 600, "lineHeight": "14px", @@ -404548,7 +404548,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -404556,7 +404556,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "9px", "fontWeight": 600, "lineHeight": "12px", @@ -404602,11 +404602,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -404614,7 +404614,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "16px", @@ -404651,7 +404651,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -404659,7 +404659,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -404691,7 +404691,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -404699,7 +404699,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -404707,7 +404707,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -405889,7 +405889,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", "fontCaption1": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", @@ -405897,7 +405897,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", @@ -405906,7 +405906,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", @@ -405914,7 +405914,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", @@ -405923,7 +405923,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", @@ -405931,7 +405931,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", @@ -405977,11 +405977,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, }, "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFootnote": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", @@ -405989,7 +405989,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", @@ -406026,7 +406026,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -406034,7 +406034,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", @@ -406066,7 +406066,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -406074,7 +406074,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -406082,7 +406082,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -407264,7 +407264,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 14, @@ -407272,7 +407272,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 12, "fontWeight": 600, "lineHeight": 14, @@ -407281,7 +407281,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -407289,7 +407289,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 11, "fontWeight": 600, "lineHeight": 14, @@ -407298,7 +407298,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -407306,7 +407306,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 9, "fontWeight": 600, "lineHeight": 12, @@ -407352,11 +407352,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -407364,7 +407364,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 16, @@ -407401,7 +407401,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -407409,7 +407409,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -407441,7 +407441,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -407449,7 +407449,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -407457,7 +407457,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, diff --git a/src/themeDescriptions/themes/vkCom/index.ts b/src/themeDescriptions/themes/vkCom/index.ts index 86033d01a..60199ec38 100644 --- a/src/themeDescriptions/themes/vkCom/index.ts +++ b/src/themeDescriptions/themes/vkCom/index.ts @@ -1,7 +1,8 @@ import { vkcom_dark, vkcom_light } from '@vkontakte/appearance/main.valette/scheme_web.json'; +import lodash from 'lodash'; -import { alias } from '@/build/helpers/tokenHelpers'; import { ColorsDescription } from '@/interfaces/general'; +import { DeepPartial } from '@/interfaces/general/tools/utils'; import { ThemeVkComDescription } from '@/interfaces/themes/vkCom'; import { ThemeVkComDarkDescription } from '@/interfaces/themes/vkComDark'; import { @@ -154,9 +155,99 @@ const vkComLightColor: ColorsDescription = { }, }; -export const vkComFonts = { - ...fonts, - fontHeadline: alias('fontHeadline1'), +const vkComFontsPartial: DeepPartial = { + fontFamilyAccent, + fontFamilyBase, + + fontDisplayTitle1: { + regular: { + fontFamily: fontFamilyAccent, + }, + }, + fontDisplayTitle2: { + regular: { + fontFamily: fontFamilyAccent, + }, + compact: { + fontFamily: fontFamilyAccent, + }, + }, + fontDisplayTitle3: { + regular: { + fontFamily: fontFamilyAccent, + }, + }, + fontDisplayTitle4: { + regular: { + fontFamily: fontFamilyAccent, + }, + }, + fontTitle1: { + regular: { + fontFamily: fontFamilyAccent, + }, + }, + fontTitle2: { + regular: { + fontFamily: fontFamilyAccent, + }, + }, + fontTitle3: { + regular: { + fontFamily: fontFamilyAccent, + }, + }, + fontHeadline2: { + regular: { + fontFamily: fontFamilyAccent, + }, + }, + fontParagraph: { + regular: { + fontFamily: fontFamilyBase, + }, + }, + fontFootnote: { + regular: { + fontFamily: fontFamilyBase, + }, + }, + fontFootnoteCaps: { + regular: { + fontFamily: fontFamilyBase, + }, + }, + fontCaption1: { + regular: { + fontFamily: fontFamilyBase, + }, + }, + fontCaption1Caps: { + regular: { + fontFamily: fontFamilyBase, + }, + }, + fontCaption2: { + regular: { + fontFamily: fontFamilyBase, + }, + }, + fontCaption2Caps: { + regular: { + fontFamily: fontFamilyBase, + }, + }, + fontCaption3: { + regular: { + fontFamily: fontFamilyBase, + }, + }, + fontCaption3Caps: { + regular: { + fontFamily: fontFamilyBase, + }, + }, + fontHeadline1: { regular: { fontSize: 16, @@ -197,6 +288,11 @@ export const vkComFonts = { }, }; +export const vkComFonts = lodash.merge>( + lodash.cloneDeep(fonts), + vkComFontsPartial, +); + export const vkComTheme: ThemeVkComDescription = { ...lightTheme, ...vkComLightColor, From 45dddbb39747e03d965f092660f636e56feefc72 Mon Sep 17 00:00:00 2001 From: nick Date: Fri, 28 Jun 2024 18:39:52 +0300 Subject: [PATCH 04/14] Added accessibility theme --- .../__snapshots__/snapthots.test.ts.snap | 33866 +++++++++++++--- .../themes/vkAccessibility/index.ts | 5 + .../themes/vkAccessibilityDark/index.ts | 5 + .../themes/vkAccessibilityIOS/index.ts | 5 + .../themes/vkAccessibilityIOSDark/index.ts | 5 + src/themeDescriptions/index.ts | 12 + .../themes/vkAccessibility/index.ts | 66 + .../themes/vkAccessibilityIOS/index.ts | 27 + src/themeDescriptions/themes/vkIOS/index.ts | 3 +- 9 files changed, 29449 insertions(+), 4545 deletions(-) create mode 100644 src/interfaces/themes/vkAccessibility/index.ts create mode 100644 src/interfaces/themes/vkAccessibilityDark/index.ts create mode 100644 src/interfaces/themes/vkAccessibilityIOS/index.ts create mode 100644 src/interfaces/themes/vkAccessibilityIOSDark/index.ts create mode 100644 src/themeDescriptions/themes/vkAccessibility/index.ts create mode 100644 src/themeDescriptions/themes/vkAccessibilityIOS/index.ts diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 281bb84c6..8d0702b02 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -311764,7 +311764,7 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -312349,15 +312349,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #F5F5F5)", }, }, "colorFieldBorderAlpha": { @@ -312461,29 +312461,29 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #778292)", + "value": "var(--vkui--color_icon_medium--active, #5D6878)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #616C7A)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "value": "var(--vkui--color_icon_medium, #65707D)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.63))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.59))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", }, }, "colorIconNegative": { @@ -312545,57 +312545,57 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "value": "var(--vkui--color_icon_secondary--active, #7B8390)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #818893)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "value": "var(--vkui--color_icon_secondary, #868d97)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.52))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.48))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #99A0AD)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "value": "var(--vkui--color_icon_tertiary, #a6adb7)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.4))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.36))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", }, }, "colorIconWarning": { @@ -312629,15 +312629,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "value": "var(--vkui--color_image_placeholder, #F5F5F5)", }, }, "colorImagePlaceholderAlpha": { @@ -312713,15 +312713,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "value": "var(--vkui--color_search_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #F2F3F5)", }, }, "colorSegmentedControl": { @@ -313105,43 +313105,43 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #5D6878)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #616C7A)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #65707D)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #515C6B)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #54606D)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #58636F)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #798391)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #7F8894)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #848D98)", }, }, "colorTrackBackground": { @@ -313203,15 +313203,15 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "value": "var(--vkui--color_write_bar_input_background--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "value": "var(--vkui--color_write_bar_input_background--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "value": "var(--vkui--color_write_bar_input_background, #F5F5F5)", }, }, "colorWriteBarInputBorder": { @@ -314992,13 +314992,17 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "name": "--vkui--spacing_size_xs", "value": "var(--vkui--spacing_size_xs, 4px)", }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", + }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkBase)", + "value": "var(--vkui--theme_name, vkAccessibility)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkBase)", + "value": "var(--vkui--theme_name_base, vkAccessibility)", }, "themeType": "cssVars", "zIndexModal": { @@ -315012,7 +315016,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -315220,9 +315224,9 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -315260,14 +315264,14 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { "active": "#D44245", @@ -315290,24 +315294,24 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(0, 0, 0, 0.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(0, 0, 0, 0.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { "active": "#E4941F", @@ -315320,9 +315324,9 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorImagePlaceholderAlpha": { "active": "rgba(0, 28, 61, 0.16)", @@ -315350,9 +315354,9 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -315490,19 +315494,19 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#798391", + "hover": "#7F8894", + "normal": "#848D98", }, "colorTrackBackground": { "active": "#CFD2D8", @@ -315525,9 +315529,9 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorWriteBarInputBorder": { "active": "#CFD2D8", @@ -315984,15 +315988,16 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "vkBase", - "themeNameBase": "vkBase", + "themeInheritsFrom": "vkBase", + "themeName": "vkAccessibility", + "themeNameBase": "vkAccessibility", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -316200,9 +316205,9 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "active": "var(--vkui--color_field_background--active, #E1E3E6)", + "hover": "var(--vkui--color_field_background--hover, #EBECEE)", + "normal": "var(--vkui--color_field_background, #F5F5F5)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -316240,14 +316245,14 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "active": "var(--vkui--color_icon_medium--active, #5D6878)", + "hover": "var(--vkui--color_icon_medium--hover, #616C7A)", + "normal": "var(--vkui--color_icon_medium, #65707D)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.63))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.59))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #D44245)", @@ -316270,24 +316275,24 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #8D96A4)", - "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + "active": "var(--vkui--color_icon_secondary--active, #7B8390)", + "hover": "var(--vkui--color_icon_secondary--hover, #818893)", + "normal": "var(--vkui--color_icon_secondary, #868d97)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.52))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.48))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "active": "var(--vkui--color_icon_tertiary--active, #99A0AD)", + "hover": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", + "normal": "var(--vkui--color_icon_tertiary, #a6adb7)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.4))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.36))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #E4941F)", @@ -316300,9 +316305,9 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #E1E3E6)", + "hover": "var(--vkui--color_image_placeholder--hover, #EBECEE)", + "normal": "var(--vkui--color_image_placeholder, #F5F5F5)", }, "colorImagePlaceholderAlpha": { "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", @@ -316330,9 +316335,9 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_panel_header_icon, #2688eb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D8DBE2)", - "hover": "var(--vkui--color_search_field_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_search_field_background, #ebedf0)", + "active": "var(--vkui--color_search_field_background--active, #DFE1E6)", + "hover": "var(--vkui--color_search_field_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_search_field_background, #F2F3F5)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", @@ -316470,19 +316475,19 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "active": "var(--vkui--color_text_secondary--active, #5D6878)", + "hover": "var(--vkui--color_text_secondary--hover, #616C7A)", + "normal": "var(--vkui--color_text_secondary, #65707D)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #64707F)", - "hover": "var(--vkui--color_text_subhead--hover, #697482)", - "normal": "var(--vkui--color_text_subhead, #6d7885)", + "active": "var(--vkui--color_text_subhead--active, #515C6B)", + "hover": "var(--vkui--color_text_subhead--hover, #54606D)", + "normal": "var(--vkui--color_text_subhead, #58636F)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #8D96A4)", - "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", - "normal": "var(--vkui--color_text_tertiary, #99a2ad)", + "active": "var(--vkui--color_text_tertiary--active, #798391)", + "hover": "var(--vkui--color_text_tertiary--hover, #7F8894)", + "normal": "var(--vkui--color_text_tertiary, #848D98)", }, "colorTrackBackground": { "active": "var(--vkui--color_track_background--active, #CFD2D8)", @@ -316505,9 +316510,9 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "active": "var(--vkui--color_write_bar_input_background--active, #E1E3E6)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #EBECEE)", + "normal": "var(--vkui--color_write_bar_input_background, #F5F5F5)", }, "colorWriteBarInputBorder": { "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", @@ -316964,15 +316969,16 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, vkBase)", - "themeNameBase": "var(--vkui--theme_name_base, vkBase)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", + "themeName": "var(--vkui--theme_name, vkAccessibility)", + "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` +exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -317180,9 +317186,9 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -317220,14 +317226,14 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { "active": "#D44245", @@ -317250,24 +317256,24 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(0, 0, 0, 0.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(0, 0, 0, 0.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { "active": "#E4941F", @@ -317280,9 +317286,9 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorImagePlaceholderAlpha": { "active": "rgba(0, 28, 61, 0.16)", @@ -317310,9 +317316,9 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -317450,19 +317456,19 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#798391", + "hover": "#7F8894", + "normal": "#848D98", }, "colorTrackBackground": { "active": "#CFD2D8", @@ -317485,9 +317491,9 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorWriteBarInputBorder": { "active": "#CFD2D8", @@ -317944,15 +317950,16 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "vkBase", - "themeNameBase": "vkBase", + "themeInheritsFrom": "vkBase", + "themeName": "vkAccessibility", + "themeNameBase": "vkAccessibility", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -318649,29 +318656,29 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "value": "var(--vkui--color_icon_medium--active, #BFC0C4)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #BCBDC2)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "value": "var(--vkui--color_icon_medium, #B9BABF)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(247, 248, 255, 0.78))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(247, 248, 255, 0.74))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(247, 248, 255, 70%))", }, }, "colorIconNegative": { @@ -318733,29 +318740,29 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #929496)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #8E9092)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "value": "var(--vkui--color_icon_secondary, #898B8D)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(248, 252, 255, 0.58))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(248, 252, 255, 0.54))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(248, 252, 255, 50%))", }, }, "colorIconTertiary": { @@ -318769,21 +318776,21 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "value": "var(--vkui--color_icon_tertiary, #5D5F61)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(246, 250, 255, 0.45))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(246, 250, 255, 0.41000000000000003))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(246, 250, 255, 37%))", }, }, "colorIconWarning": { @@ -318901,15 +318908,15 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #464748)", + "value": "var(--vkui--color_search_field_background--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #333333)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #2A2A2B)", }, }, "colorSegmentedControl": { @@ -319293,43 +319300,43 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #999B9D)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #949698)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #909294)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #BFC0C4)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #BCBDC2)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #B9BABF)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #77797B)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #717375)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #6B6D6F)", }, }, "colorTrackBackground": { @@ -321182,15 +321189,15 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", + "value": "var(--vkui--theme_inherits_from, vkBaseDark)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkBaseDark)", + "value": "var(--vkui--theme_name, vkAccessibilityDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkBase)", + "value": "var(--vkui--theme_name_base, vkAccessibility)", }, "themeType": "cssVars", "zIndexModal": { @@ -321204,7 +321211,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -321452,14 +321459,14 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#000000", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", }, "colorIconNegative": { "active": "#FF6969", @@ -321482,24 +321489,24 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", }, "colorIconTertiary": { "active": "#6A6C6E", "hover": "#636567", - "normal": "#5d5f61", + "normal": "#5D5F61", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", }, "colorIconWarning": { "active": "#EEB663", @@ -321542,9 +321549,9 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -321682,19 +321689,19 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { "active": "#545556", @@ -322176,16 +322183,16 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkBaseDark", - "themeNameBase": "vkBase", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkAccessibilityDark", + "themeNameBase": "vkAccessibility", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -322433,14 +322440,14 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_contrast_themed, #000000)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #b0b1b6)", + "active": "var(--vkui--color_icon_medium--active, #BFC0C4)", + "hover": "var(--vkui--color_icon_medium--hover, #BCBDC2)", + "normal": "var(--vkui--color_icon_medium, #B9BABF)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(247, 248, 255, 0.78))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(247, 248, 255, 0.74))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(247, 248, 255, 70%))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #FF6969)", @@ -322463,24 +322470,24 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #818385)", - "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "active": "var(--vkui--color_icon_secondary--active, #929496)", + "hover": "var(--vkui--color_icon_secondary--hover, #8E9092)", + "normal": "var(--vkui--color_icon_secondary, #898B8D)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(248, 252, 255, 0.58))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(248, 252, 255, 0.54))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(248, 252, 255, 50%))", }, "colorIconTertiary": { "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "normal": "var(--vkui--color_icon_tertiary, #5D5F61)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(246, 250, 255, 0.45))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(246, 250, 255, 0.41000000000000003))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(246, 250, 255, 37%))", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #EEB663)", @@ -322523,9 +322530,9 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #464748)", - "hover": "var(--vkui--color_search_field_background--hover, #3E3F40)", - "normal": "var(--vkui--color_search_field_background, #363738)", + "active": "var(--vkui--color_search_field_background--active, #3B3B3C)", + "hover": "var(--vkui--color_search_field_background--hover, #333333)", + "normal": "var(--vkui--color_search_field_background, #2A2A2B)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #6F6F70)", @@ -322663,19 +322670,19 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #999B9D)", + "hover": "var(--vkui--color_text_secondary--hover, #949698)", + "normal": "var(--vkui--color_text_secondary, #909294)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", - "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_subhead, #969a9f)", + "active": "var(--vkui--color_text_subhead--active, #BFC0C4)", + "hover": "var(--vkui--color_text_subhead--hover, #BCBDC2)", + "normal": "var(--vkui--color_text_subhead, #B9BABF)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_text_tertiary--hover, #636567)", - "normal": "var(--vkui--color_text_tertiary, #5d5f61)", + "active": "var(--vkui--color_text_tertiary--active, #77797B)", + "hover": "var(--vkui--color_text_tertiary--hover, #717375)", + "normal": "var(--vkui--color_text_tertiary, #6B6D6F)", }, "colorTrackBackground": { "active": "var(--vkui--color_track_background--active, #545556)", @@ -323157,16 +323164,16 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkBaseDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkBase)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", + "themeName": "var(--vkui--theme_name, vkAccessibilityDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -323414,14 +323421,14 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", }, "colorIconNegative": { "active": "#FF6969", @@ -323444,24 +323451,24 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", }, "colorIconTertiary": { "active": "#6A6C6E", "hover": "#636567", - "normal": "#5d5f61", + "normal": "#5D5F61", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", }, "colorIconWarning": { "active": "#EEB663", @@ -323504,9 +323511,9 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -323644,19 +323651,19 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { "active": "#545556", @@ -324138,16 +324145,16 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkBaseDark", - "themeNameBase": "vkBase", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkAccessibilityDark", + "themeNameBase": "vkAccessibility", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -324167,34 +324174,34 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #4B78AE)", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #4E7CB3)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #5181B8)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #A0AAB7)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BD)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #AEB7C2)", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, "colorAccentGreen": { @@ -324208,7 +324215,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4BB34B)", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, "colorAccentOrange": { @@ -324222,7 +324229,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FFA000)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "colorAccentOrangeFire": { @@ -324264,7 +324271,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735CE6)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "colorAccentRaspberryPink": { @@ -324292,7 +324299,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #FF3347)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { @@ -324320,7 +324327,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792EC0)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "colorActionSheetText": { @@ -324368,71 +324375,71 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #DADCE2)", + "value": "var(--vkui--color_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E4E5E9)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #EDEEF0)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3F72B0)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #4177B5)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #447BBA)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #3F72B0)", + "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #4177B5)", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #447BBA)", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #3F72B0)", + "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #4177B5)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #447BBA)", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(68, 123, 186, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(68, 123, 186, 0.16))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -324460,7 +324467,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContrast": { @@ -324474,21 +324481,21 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", + "value": "var(--vkui--color_background_contrast, #ffffff)", }, }, "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #2F3034)", + "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #313233)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #333333)", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -324544,7 +324551,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #ffffff)", }, }, "colorBackgroundModalInverse": { @@ -324558,7 +324565,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #2D2D2E)", + "value": "var(--vkui--color_background_modal_inverse, #2d2d2e)", }, }, "colorBackgroundNegative": { @@ -324572,21 +324579,21 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #E64646)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { @@ -324600,7 +324607,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4BB34B)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "colorBackgroundPositiveTint": { @@ -324620,43 +324627,43 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDE0E6)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E9EE)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F2F5)", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E6E8ED)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #FAFBFC)", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", }, }, "colorBackgroundTertiaryAlpha": { @@ -324690,57 +324697,57 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #305B90)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #325F93)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #346297)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #305B90)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #325F93)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #346297)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #305B90)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #325F93)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #346297)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #E3E5EB)", + "value": "var(--vkui--color_field_background--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #EDEFF2)", + "value": "var(--vkui--color_field_background--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #F7F8FA)", + "value": "var(--vkui--color_field_background, #F5F5F5)", }, }, "colorFieldBorderAlpha": { @@ -324768,35 +324775,35 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #3F72B0)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4177B5)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #447BBA)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #3368A8)", + "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #3770B1)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "colorIconContrast": { @@ -324810,7 +324817,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast, #ffffff)", }, }, "colorIconContrastSecondary": { @@ -324838,35 +324845,35 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #66717F)", + "value": "var(--vkui--color_icon_medium--active, #5D6878)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #6B7582)", + "value": "var(--vkui--color_icon_medium--hover, #616C7A)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #6F7985)", + "value": "var(--vkui--color_icon_medium, #65707D)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.63))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.59))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", }, }, "colorIconNegative": { @@ -324880,7 +324887,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #E64646)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { @@ -324894,7 +324901,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4BB34B)", + "value": "var(--vkui--color_icon_positive, #4bb34b)", }, }, "colorIconPrimary": { @@ -324914,71 +324921,71 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #2F3034)", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #313233)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #333333)", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "value": "var(--vkui--color_icon_secondary--active, #7B8390)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #818893)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99A2AD)", + "value": "var(--vkui--color_icon_secondary, #868d97)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.52))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.48))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", + "value": "var(--vkui--color_icon_tertiary--active, #99A0AD)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", + "value": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #AEB7C2)", + "value": "var(--vkui--color_icon_tertiary, #a6adb7)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.4))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.36))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", }, }, "colorIconWarning": { @@ -325012,15 +325019,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "value": "var(--vkui--color_image_placeholder, #F5F5F5)", }, }, "colorImagePlaceholderAlpha": { @@ -325048,7 +325055,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -325082,29 +325089,29 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #3F72B0)", + "value": "var(--vkui--color_panel_header_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #4177B5)", + "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #447BBA)", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #DADCE2)", + "value": "var(--vkui--color_search_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #E4E5E9)", + "value": "var(--vkui--color_search_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #EDEEF0)", + "value": "var(--vkui--color_search_field_background, #F2F3F5)", }, }, "colorSegmentedControl": { @@ -325124,15 +325131,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #CAD0D8)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D3D9DF)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DCE1E6)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { @@ -325146,7 +325153,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CBCCCD)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { @@ -325160,7 +325167,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BEBFC1)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "colorSeparatorPrimaryAlpha": { @@ -325180,71 +325187,71 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D5D7DE)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E7E8EC)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #DDE0E6)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F0F2F5)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #D5D7DE)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E7E8EC)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #3F72B0)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4177B5)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #447BBA)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", + "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #3770B1)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "colorStrokeContrast": { @@ -325272,7 +325279,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #E64646)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { @@ -325286,7 +325293,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4BB34B)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "colorTabbarTextInactive": { @@ -325306,29 +325313,29 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #3F72B0)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4177B5)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #447BBA)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #3368A8)", + "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #356CAC)", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #3770B1)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "colorTextContrast": { @@ -325342,7 +325349,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", + "value": "var(--vkui--color_text_contrast, #ffffff)", }, }, "colorTextContrastThemed": { @@ -325356,35 +325363,35 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #27527F)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #285582)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2A5885)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #27527F)", + "value": "var(--vkui--color_text_link_themed--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #285582)", + "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2A5885)", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", }, }, "colorTextLinkTint": { @@ -325418,15 +325425,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #2F3034)", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #313233)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #333333)", + "value": "var(--vkui--color_text_muted, #2c2d2e)", }, }, "colorTextNegative": { @@ -325440,7 +325447,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #E64646)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { @@ -325454,7 +325461,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4BB34B)", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, "colorTextPrimary": { @@ -325474,85 +325481,85 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #2F3034)", + "value": "var(--vkui--color_text_primary_invariably--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #313233)", + "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #333333)", + "value": "var(--vkui--color_text_primary_invariably, #000000)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #5D6878)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #616C7A)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818C99)", + "value": "var(--vkui--color_text_secondary, #65707D)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #5A6675)", + "value": "var(--vkui--color_text_subhead--active, #515C6B)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #5E6978)", + "value": "var(--vkui--color_text_subhead--hover, #54606D)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #626D7A)", + "value": "var(--vkui--color_text_subhead, #58636F)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #798391)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #7F8894)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99A2AD)", + "value": "var(--vkui--color_text_tertiary, #848D98)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C2C9D1)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #CBD1D8)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #D3D9DE)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #3F72B0)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #4177B5)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #447BBA)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "colorTransparent": { @@ -325572,43 +325579,43 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #778292)", + "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #7C8795)", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #818C99)", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #EBECEF)", + "value": "var(--vkui--color_write_bar_input_background--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #F5F5F7)", + "value": "var(--vkui--color_write_bar_input_background--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #FFFFFF)", + "value": "var(--vkui--color_write_bar_input_background, #F5F5F5)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #C2C9D1)", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #CBD1D8)", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #D3D9DE)", + "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", }, }, "colorWriteBarInputBorderAlpha": { @@ -326189,17 +326196,17 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 14px)", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 18px)", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -326237,17 +326244,17 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 14px)", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 18px)", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -326371,17 +326378,17 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 14px)", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -326419,17 +326426,17 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 13px)", + "value": "var(--vkui--font_text--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 16px)", + "value": "var(--vkui--font_text--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -326794,7 +326801,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "value": "var(--vkui--size_border_radius--regular, 10px)", }, }, "sizeBorderRadiusPaper": { @@ -327046,7 +327053,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 8px)", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", }, }, "sizeCardgridPadding": { @@ -327120,7 +327127,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, "sizeIconUI": { @@ -327160,11 +327167,11 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 48px)", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", }, }, "sizePopupBasePadding": { @@ -327222,7 +327229,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 448px)", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, "sizeSearchHeight": { @@ -327290,11 +327297,11 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 10px)", + "value": "var(--vkui--size_switch_height--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 10px)", + "value": "var(--vkui--size_switch_height--regular, 31px)", }, }, "sizeSwitchPin": { @@ -327304,11 +327311,11 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 16px)", + "value": "var(--vkui--size_switch_pin--compact, 23px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 16px)", + "value": "var(--vkui--size_switch_pin--regular, 27px)", }, }, "sizeSwitchWidth": { @@ -327318,11 +327325,11 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 27px)", + "value": "var(--vkui--size_switch_width--compact, 47px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 27px)", + "value": "var(--vkui--size_switch_width--regular, 51px)", }, }, "sizeTooltipMargin": { @@ -327381,11 +327388,11 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkCom)", + "value": "var(--vkui--theme_name, vkAccessibilityIOS)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkCom)", + "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -327399,32 +327406,32 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot 1`] = ` { "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)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentBlue": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181B8", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentGray": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorAccentOrange": { "active": "#EB9405", "hover": "#F59A02", - "normal": "#FFA000", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -327439,7 +327446,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorAccentPurple": { "active": "#6A56D8", "hover": "#6E59DF", - "normal": "#735CE6", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -327449,7 +327456,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorAccentRed": { "active": "#EB3046", "hover": "#F53247", - "normal": "#FF3347", + "normal": "#ff3347", }, "colorAccentSecondary": { "active": "#3A80D3", @@ -327459,7 +327466,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorAccentViolet": { "active": "#6F2CB6", "hover": "#742DBB", - "normal": "#792EC0", + "normal": "#792ec0", }, "colorActionSheetText": { "active": "#3A80D3", @@ -327477,29 +327484,29 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(68, 123, 186, 0.2)", - "hover": "rgba(68, 123, 186, 0.16)", - "normal": "rgba(68, 123, 186, 0.12)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -327509,17 +327516,17 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -327539,27 +327546,27 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundModalInverse": { "active": "#292B2F", "hover": "#2B2C2F", - "normal": "#2D2D2E", + "normal": "#2d2d2e", }, "colorBackgroundNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -327567,19 +327574,19 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(213, 226, 241, 0.99)", - "hover": "rgba(223, 234, 246, 0.99)", - "normal": "rgba(235, 242, 250, 0.99)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#E6E8ED", - "hover": "#F0F2F4", - "normal": "#FAFBFC", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", @@ -327592,24 +327599,24 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#F7F8FA", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -327619,22 +327626,22 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -327644,27 +327651,27 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#66717F", - "hover": "#6B7582", - "normal": "#6F7985", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorIconPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#282B2F", @@ -327672,29 +327679,29 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(0, 0, 0, 0.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(0, 0, 0, 0.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { "active": "#E4941F", @@ -327707,9 +327714,9 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorImagePlaceholderAlpha": { "active": "rgba(0, 28, 61, 0.16)", @@ -327719,7 +327726,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -327732,14 +327739,14 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -327747,19 +327754,19 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#DCE1E6", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", "hover": "#C3C4C7", - "normal": "#CBCCCD", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { "active": "#AFB1B6", "hover": "#B6B8BC", - "normal": "#BEBFC1", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", @@ -327767,29 +327774,29 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -327799,12 +327806,12 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorStrokePositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -327812,34 +327819,34 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -327852,19 +327859,19 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorTextPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTextPrimary": { "active": "#000105", @@ -327872,34 +327879,34 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#000000", }, "colorTextPrimaryInvariably": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorTextSubhead": { - "active": "#5A6675", - "hover": "#5E6978", - "normal": "#626D7A", + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#798391", + "hover": "#7F8894", + "normal": "#848D98", }, "colorTrackBackground": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -327907,19 +327914,19 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorWriteBarInputBorder": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -328043,11 +328050,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -328055,11 +328062,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -328087,11 +328094,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -328099,11 +328106,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -328200,7 +328207,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -328275,7 +328282,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -328297,7 +328304,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "8px", + "regular": "12px", }, "sizeIconUI": { "regular": "16px", @@ -328309,8 +328316,8 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "48px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -328327,7 +328334,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "448px", + "regular": "430px", }, "sizeSearchHeight": { "compact": "32px", @@ -328347,16 +328354,16 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "10px", - "regular": "10px", + "compact": "27px", + "regular": "31px", }, "sizeSwitchPin": { - "compact": "16px", - "regular": "16px", + "compact": "23px", + "regular": "27px", }, "sizeSwitchWidth": { - "compact": "27px", - "regular": "27px", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { "regular": "8px", @@ -328372,40 +328379,40 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBase", - "themeName": "vkCom", - "themeNameBase": "vkCom", + "themeName": "vkAccessibilityIOS", + "themeNameBase": "vkAccessibilityIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #4B78AE)", - "hover": "var(--vkui--color_accent_blue--hover, #4E7CB3)", - "normal": "var(--vkui--color_accent_blue, #5181B8)", + "active": "var(--vkui--color_accent_blue--active, #237EDD)", + "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", + "normal": "var(--vkui--color_accent_blue, #2688eb)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #A0AAB7)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BD)", - "normal": "var(--vkui--color_accent_gray, #AEB7C2)", + "active": "var(--vkui--color_accent_gray--active, #96A0AE)", + "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, "colorAccentGreen": { "active": "var(--vkui--color_accent_green--active, #45A64A)", "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "normal": "var(--vkui--color_accent_green, #4BB34B)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #EB9405)", "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "normal": "var(--vkui--color_accent_orange, #FFA000)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", @@ -328420,7 +328427,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorAccentPurple": { "active": "var(--vkui--color_accent_purple--active, #6A56D8)", "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735CE6)", + "normal": "var(--vkui--color_accent_purple, #735ce6)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -328430,7 +328437,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #EB3046)", "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #FF3347)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", @@ -328440,7 +328447,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorAccentViolet": { "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792EC0)", + "normal": "var(--vkui--color_accent_violet, #792ec0)", }, "colorActionSheetText": { "active": "var(--vkui--color_action_sheet_text--active, #3A80D3)", @@ -328458,29 +328465,29 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #DADCE2)", - "hover": "var(--vkui--color_background--hover, #E4E5E9)", - "normal": "var(--vkui--color_background, #EDEEF0)", + "active": "var(--vkui--color_background--active, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3F72B0)", - "hover": "var(--vkui--color_background_accent--hover, #4177B5)", - "normal": "var(--vkui--color_background_accent, #447BBA)", + "active": "var(--vkui--color_background_accent--active, #237EDD)", + "hover": "var(--vkui--color_background_accent--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent, #2688eb)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #3F72B0)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #4177B5)", - "normal": "var(--vkui--color_background_accent_alternative, #447BBA)", + "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #3F72B0)", - "hover": "var(--vkui--color_background_accent_themed--hover, #4177B5)", - "normal": "var(--vkui--color_background_accent_themed, #447BBA)", + "active": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_themed, #2688eb)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(68, 123, 186, 0.2))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(68, 123, 186, 0.16))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -328490,17 +328497,17 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "normal": "var(--vkui--color_background_contrast, #ffffff)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #2F3034)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #313233)", - "normal": "var(--vkui--color_background_contrast_inverse, #333333)", + "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -328520,27 +328527,27 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "normal": "var(--vkui--color_background_modal, #ffffff)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #292B2F)", "hover": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", - "normal": "var(--vkui--color_background_modal_inverse, #2D2D2E)", + "normal": "var(--vkui--color_background_modal_inverse, #2d2d2e)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #E64646)", + "normal": "var(--vkui--color_background_negative, #e64646)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", + "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #45A64A)", "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_background_positive, #4BB34B)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", @@ -328548,19 +328555,19 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #DDE0E6)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E9EE)", - "normal": "var(--vkui--color_background_secondary, #F0F2F5)", + "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "normal": "var(--vkui--color_background_secondary, #f5f5f5)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E6E8ED)", - "hover": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", - "normal": "var(--vkui--color_background_tertiary, #FAFBFC)", + "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", }, "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", @@ -328573,24 +328580,24 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #305B90)", - "hover": "var(--vkui--color_button_icon--hover, #325F93)", - "normal": "var(--vkui--color_button_icon, #346297)", + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #305B90)", - "hover": "var(--vkui--color_button_stroke--hover, #325F93)", - "normal": "var(--vkui--color_button_stroke, #346297)", + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #305B90)", - "hover": "var(--vkui--color_button_text--hover, #325F93)", - "normal": "var(--vkui--color_button_text, #346297)", + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #E3E5EB)", - "hover": "var(--vkui--color_field_background--hover, #EDEFF2)", - "normal": "var(--vkui--color_field_background, #F7F8FA)", + "active": "var(--vkui--color_field_background--active, #E1E3E6)", + "hover": "var(--vkui--color_field_background--hover, #EBECEE)", + "normal": "var(--vkui--color_field_background, #F5F5F5)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -328600,22 +328607,22 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorHeaderBackground": { "active": "var(--vkui--color_header_background--active, #EBECEF)", "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "normal": "var(--vkui--color_header_background, #ffffff)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #3F72B0)", - "hover": "var(--vkui--color_icon_accent--hover, #4177B5)", - "normal": "var(--vkui--color_icon_accent, #447BBA)", + "active": "var(--vkui--color_icon_accent--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #3368A8)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", - "normal": "var(--vkui--color_icon_accent_themed, #3770B1)", + "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "normal": "var(--vkui--color_icon_contrast, #ffffff)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", @@ -328625,27 +328632,27 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorIconContrastThemed": { "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #66717F)", - "hover": "var(--vkui--color_icon_medium--hover, #6B7582)", - "normal": "var(--vkui--color_icon_medium, #6F7985)", + "active": "var(--vkui--color_icon_medium--active, #5D6878)", + "hover": "var(--vkui--color_icon_medium--hover, #616C7A)", + "normal": "var(--vkui--color_icon_medium, #65707D)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.63))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.59))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #D44245)", "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #E64646)", + "normal": "var(--vkui--color_icon_negative, #e64646)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #45A64A)", "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_icon_positive, #4BB34B)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #282B2F)", @@ -328653,29 +328660,29 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_primary, #2c2d2e)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #2F3034)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #313233)", - "normal": "var(--vkui--color_icon_primary_invariably, #333333)", + "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #8D96A4)", - "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99A2AD)", + "active": "var(--vkui--color_icon_secondary--active, #7B8390)", + "hover": "var(--vkui--color_icon_secondary--hover, #818893)", + "normal": "var(--vkui--color_icon_secondary, #868d97)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.52))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.48))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", - "hover": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", - "normal": "var(--vkui--color_icon_tertiary, #AEB7C2)", + "active": "var(--vkui--color_icon_tertiary--active, #99A0AD)", + "hover": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", + "normal": "var(--vkui--color_icon_tertiary, #a6adb7)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.4))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.36))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #E4941F)", @@ -328688,9 +328695,9 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #E1E3E6)", + "hover": "var(--vkui--color_image_placeholder--hover, #EBECEE)", + "normal": "var(--vkui--color_image_placeholder, #F5F5F5)", }, "colorImagePlaceholderAlpha": { "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", @@ -328700,7 +328707,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #EBECEF)", "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "normal": "var(--vkui--color_link_contrast, #ffffff)", }, "colorOverlayPrimary": { "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -328713,14 +328720,14 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #3F72B0)", - "hover": "var(--vkui--color_panel_header_icon--hover, #4177B5)", - "normal": "var(--vkui--color_panel_header_icon, #447BBA)", + "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", + "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "normal": "var(--vkui--color_panel_header_icon, #2688eb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #DADCE2)", - "hover": "var(--vkui--color_search_field_background--hover, #E4E5E9)", - "normal": "var(--vkui--color_search_field_background, #EDEEF0)", + "active": "var(--vkui--color_search_field_background--active, #DFE1E6)", + "hover": "var(--vkui--color_search_field_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_search_field_background, #F2F3F5)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", @@ -328728,19 +328735,19 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_segmented_control, #ffffff)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #CAD0D8)", - "hover": "var(--vkui--color_separator_primary--hover, #D3D9DF)", - "normal": "var(--vkui--color_separator_primary, #DCE1E6)", + "active": "var(--vkui--color_separator_primary--active, #C6C8CD)", + "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "normal": "var(--vkui--color_separator_primary, #d7d8d9)", }, "colorSeparatorPrimary2x": { "active": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #CBCCCD)", + "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", }, "colorSeparatorPrimary3x": { "active": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #BEBFC1)", + "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", }, "colorSeparatorPrimaryAlpha": { "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", @@ -328748,29 +328755,29 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D5D7DE)", - "hover": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", - "normal": "var(--vkui--color_separator_secondary, #E7E8EC)", + "active": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #DDE0E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", - "normal": "var(--vkui--color_skeleton_from, #F0F2F5)", + "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #D5D7DE)", - "hover": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", - "normal": "var(--vkui--color_skeleton_to, #E7E8EC)", + "active": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #3F72B0)", - "hover": "var(--vkui--color_stroke_accent--hover, #4177B5)", - "normal": "var(--vkui--color_stroke_accent, #447BBA)", + "active": "var(--vkui--color_stroke_accent--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent, #2688eb)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", - "normal": "var(--vkui--color_stroke_accent_themed, #3770B1)", + "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -328780,12 +328787,12 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #D44245)", "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #E64646)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #45A64A)", "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_stroke_positive, #4BB34B)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", @@ -328793,34 +328800,34 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #3F72B0)", - "hover": "var(--vkui--color_text_accent--hover, #4177B5)", - "normal": "var(--vkui--color_text_accent, #447BBA)", + "active": "var(--vkui--color_text_accent--active, #237EDD)", + "hover": "var(--vkui--color_text_accent--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent, #2688eb)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #3368A8)", - "hover": "var(--vkui--color_text_accent_themed--hover, #356CAC)", - "normal": "var(--vkui--color_text_accent_themed, #3770B1)", + "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent_themed, #2688eb)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "normal": "var(--vkui--color_text_contrast, #ffffff)", }, "colorTextContrastThemed": { "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #27527F)", - "hover": "var(--vkui--color_text_link--hover, #285582)", - "normal": "var(--vkui--color_text_link, #2A5885)", + "active": "var(--vkui--color_text_link--active, #2978D3)", + "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link, #2d81e0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #27527F)", - "hover": "var(--vkui--color_text_link_themed--hover, #285582)", - "normal": "var(--vkui--color_text_link_themed, #2A5885)", + "active": "var(--vkui--color_text_link_themed--active, #2978D3)", + "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link_themed, #2d81e0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -328833,19 +328840,19 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #2F3034)", - "hover": "var(--vkui--color_text_muted--hover, #313233)", - "normal": "var(--vkui--color_text_muted, #333333)", + "active": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2c2d2e)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #D44245)", "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #E64646)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #45A64A)", "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_text_positive, #4BB34B)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { "active": "var(--vkui--color_text_primary--active, #000105)", @@ -328853,34 +328860,34 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #2F3034)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #313233)", - "normal": "var(--vkui--color_text_primary_invariably, #333333)", + "active": "var(--vkui--color_text_primary_invariably--active, #000105)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818C99)", + "active": "var(--vkui--color_text_secondary--active, #5D6878)", + "hover": "var(--vkui--color_text_secondary--hover, #616C7A)", + "normal": "var(--vkui--color_text_secondary, #65707D)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #5A6675)", - "hover": "var(--vkui--color_text_subhead--hover, #5E6978)", - "normal": "var(--vkui--color_text_subhead, #626D7A)", + "active": "var(--vkui--color_text_subhead--active, #515C6B)", + "hover": "var(--vkui--color_text_subhead--hover, #54606D)", + "normal": "var(--vkui--color_text_subhead, #58636F)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #8D96A4)", - "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", - "normal": "var(--vkui--color_text_tertiary, #99A2AD)", + "active": "var(--vkui--color_text_tertiary--active, #798391)", + "hover": "var(--vkui--color_text_tertiary--hover, #7F8894)", + "normal": "var(--vkui--color_text_tertiary, #848D98)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #C2C9D1)", - "hover": "var(--vkui--color_track_background--hover, #CBD1D8)", - "normal": "var(--vkui--color_track_background, #D3D9DE)", + "active": "var(--vkui--color_track_background--active, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #3F72B0)", - "hover": "var(--vkui--color_track_buffer--hover, #4177B5)", - "normal": "var(--vkui--color_track_buffer, #447BBA)", + "active": "var(--vkui--color_track_buffer--active, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", @@ -328888,19 +328895,19 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #778292)", - "hover": "var(--vkui--color_write_bar_icon--hover, #7C8795)", - "normal": "var(--vkui--color_write_bar_icon, #818C99)", + "active": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #EBECEF)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_write_bar_input_background, #FFFFFF)", + "active": "var(--vkui--color_write_bar_input_background--active, #E1E3E6)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #EBECEE)", + "normal": "var(--vkui--color_write_bar_input_background, #F5F5F5)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #C2C9D1)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #CBD1D8)", - "normal": "var(--vkui--color_write_bar_input_border, #D3D9DE)", + "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", @@ -329024,11 +329031,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -329036,11 +329043,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -329068,11 +329075,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -329080,11 +329087,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 16px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -329181,7 +329188,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -329256,7 +329263,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -329278,7 +329285,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", @@ -329290,8 +329297,8 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 48px)", + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -329308,7 +329315,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 448px)", + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", @@ -329328,16 +329335,16 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 10px)", - "regular": "var(--vkui--size_switch_height--regular, 10px)", + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 16px)", - "regular": "var(--vkui--size_switch_pin--regular, 16px)", + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 27px)", - "regular": "var(--vkui--size_switch_width--regular, 27px)", + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -329353,40 +329360,40 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkCom)", - "themeNameBase": "var(--vkui--theme_name_base, vkCom)", + "themeName": "var(--vkui--theme_name, vkAccessibilityIOS)", + "themeNameBase": "var(--vkui--theme_name_base, vkAccessibilityIOS)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] = ` { "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)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentBlue": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181B8", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentGray": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorAccentOrange": { "active": "#EB9405", "hover": "#F59A02", - "normal": "#FFA000", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -329401,7 +329408,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorAccentPurple": { "active": "#6A56D8", "hover": "#6E59DF", - "normal": "#735CE6", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -329411,7 +329418,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorAccentRed": { "active": "#EB3046", "hover": "#F53247", - "normal": "#FF3347", + "normal": "#ff3347", }, "colorAccentSecondary": { "active": "#3A80D3", @@ -329421,7 +329428,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorAccentViolet": { "active": "#6F2CB6", "hover": "#742DBB", - "normal": "#792EC0", + "normal": "#792ec0", }, "colorActionSheetText": { "active": "#3A80D3", @@ -329439,29 +329446,29 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(68, 123, 186, 0.2)", - "hover": "rgba(68, 123, 186, 0.16)", - "normal": "rgba(68, 123, 186, 0.12)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -329471,17 +329478,17 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -329501,27 +329508,27 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundModalInverse": { "active": "#292B2F", "hover": "#2B2C2F", - "normal": "#2D2D2E", + "normal": "#2d2d2e", }, "colorBackgroundNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -329529,19 +329536,19 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(213, 226, 241, 0.99)", - "hover": "rgba(223, 234, 246, 0.99)", - "normal": "rgba(235, 242, 250, 0.99)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#E6E8ED", - "hover": "#F0F2F4", - "normal": "#FAFBFC", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", @@ -329554,24 +329561,24 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#F7F8FA", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -329581,22 +329588,22 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -329606,27 +329613,27 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#66717F", - "hover": "#6B7582", - "normal": "#6F7985", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorIconPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#282B2F", @@ -329634,29 +329641,29 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(0, 0, 0, 0.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(0, 0, 0, 0.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { "active": "#E4941F", @@ -329669,9 +329676,9 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorImagePlaceholderAlpha": { "active": "rgba(0, 28, 61, 0.16)", @@ -329681,7 +329688,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -329694,14 +329701,14 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -329709,19 +329716,19 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#DCE1E6", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", "hover": "#C3C4C7", - "normal": "#CBCCCD", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { "active": "#AFB1B6", "hover": "#B6B8BC", - "normal": "#BEBFC1", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", @@ -329729,29 +329736,29 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -329761,12 +329768,12 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorStrokePositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -329774,34 +329781,34 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -329814,19 +329821,19 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#E64646", + "normal": "#e64646", }, "colorTextPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTextPrimary": { "active": "#000105", @@ -329834,34 +329841,34 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextPrimaryInvariably": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorTextSubhead": { - "active": "#5A6675", - "hover": "#5E6978", - "normal": "#626D7A", + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#798391", + "hover": "#7F8894", + "normal": "#848D98", }, "colorTrackBackground": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -329869,19 +329876,19 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorWriteBarInputBorder": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -330005,11 +330012,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -330017,11 +330024,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -330049,11 +330056,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 13, + "lineHeight": 16, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -330061,11 +330068,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": 13, - "lineHeight": 16, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -330162,7 +330169,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -330237,7 +330244,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -330259,7 +330266,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 8, + "regular": 12, }, "sizeIconUI": { "regular": 16, @@ -330271,8 +330278,8 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 48, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -330289,7 +330296,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 448, + "regular": 430, }, "sizeSearchHeight": { "compact": 32, @@ -330309,16 +330316,16 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 10, - "regular": 10, + "compact": 27, + "regular": 31, }, "sizeSwitchPin": { - "compact": 16, - "regular": 16, + "compact": 23, + "regular": 27, }, "sizeSwitchWidth": { - "compact": 27, - "regular": 27, + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { "regular": 8, @@ -330334,15 +330341,15 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "themeName": "vkCom", - "themeNameBase": "vkCom", + "themeName": "vkAccessibilityIOS", + "themeNameBase": "vkAccessibilityIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -330362,34 +330369,34 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #4987D0)", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #4182CE)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #397DCC)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #B4BDC7)", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #B1BAC4)", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #AEB7C2)", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, "colorAccentGreen": { @@ -330403,7 +330410,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4BB34B)", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, "colorAccentOrange": { @@ -330417,7 +330424,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FFA000)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "colorAccentOrangeFire": { @@ -330451,15 +330458,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #9C89F6)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9784F5)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #937FF5)", + "value": "var(--vkui--color_accent_purple, #9985ff)", }, }, "colorAccentRaspberryPink": { @@ -330487,7 +330494,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #FF3347)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { @@ -330515,7 +330522,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #A94FFF)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "colorActionSheetText": { @@ -330563,57 +330570,57 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #272727)", + "value": "var(--vkui--color_background--active, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #1D1D1D)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #141414)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #7CB1ED)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #77ADEC)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #71AAEB)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #7CB1ED)", + "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #77ADEC)", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #71AAEB)", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #CFD2D8)", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #D8DBDF)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -330647,15 +330654,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #343434)", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2B2B2B)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #222222)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContrast": { @@ -330675,15 +330682,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #434343)", + "value": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #3B3B3B)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #333333)", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -330731,15 +330738,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #3A3A3A)", + "value": "var(--vkui--color_background_modal--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #323232)", + "value": "var(--vkui--color_background_modal--hover, #343536)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #292929)", + "value": "var(--vkui--color_background_modal, #2c2d2e)", }, }, "colorBackgroundModalInverse": { @@ -330767,7 +330774,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #FF5C5C)", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, "colorBackgroundNegativeTint": { @@ -330795,35 +330802,35 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4BB34B)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #405140)", + "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #374A37)", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2F422F)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #434343)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #3B3B3B)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #333333)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "colorBackgroundSecondaryAlpha": { @@ -330843,15 +330850,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #3A3A3A)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #323232)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #292929)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "colorBackgroundTertiaryAlpha": { @@ -330885,57 +330892,57 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #E3E5E8)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #E2E4E7)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #E1E3E6)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #E3E5E8)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #E2E4E7)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #E1E3E6)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #E3E5E8)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #E2E4E7)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #E1E3E6)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #3A3A3A)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #323232)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #292929)", + "value": "var(--vkui--color_field_background, #232324)", }, }, "colorFieldBorderAlpha": { @@ -330955,57 +330962,57 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #343434)", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #2B2B2B)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #222222)", + "value": "var(--vkui--color_header_background, #19191a)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #7CB1ED)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #77ADEC)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #71AAEB)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #E3E5E8)", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #E3E5E8)", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #E1E3E6)", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", }, }, "colorIconContrastSecondary": { @@ -331025,43 +331032,43 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #343434)", + "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #2B2B2B)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #222222)", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #9C9C9C)", + "value": "var(--vkui--color_icon_medium--active, #BFC0C4)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #979797)", + "value": "var(--vkui--color_icon_medium--hover, #BCBDC2)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #939393)", + "value": "var(--vkui--color_icon_medium, #B9BABF)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(255, 255, 255, 0.56))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(247, 248, 255, 0.78))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(255, 255, 255, 0.52))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(247, 248, 255, 0.74))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(247, 248, 255, 70%))", }, }, "colorIconNegative": { @@ -331075,7 +331082,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "colorIconPositive": { @@ -331089,7 +331096,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4BB34B)", + "value": "var(--vkui--color_icon_positive, #4bb34b)", }, }, "colorIconPrimary": { @@ -331109,71 +331116,71 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #434343)", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #3B3B3B)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #333333)", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8C8C8C)", + "value": "var(--vkui--color_icon_secondary--active, #929496)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #878787)", + "value": "var(--vkui--color_icon_secondary--hover, #8E9092)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #828282)", + "value": "var(--vkui--color_icon_secondary, #898B8D)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(255, 255, 255, 0.48))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(248, 252, 255, 0.58))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(255, 255, 255, 0.44))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(248, 252, 255, 0.54))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(255, 255, 255, 0.40))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(248, 252, 255, 50%))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #717171)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #656565)", + "value": "var(--vkui--color_icon_tertiary, #5D5F61)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.32))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(246, 250, 255, 0.45))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(246, 250, 255, 0.41000000000000003))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(246, 250, 255, 37%))", }, }, "colorIconWarning": { @@ -331285,21 +331292,21 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71AAEB)", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #515151)", + "value": "var(--vkui--color_search_field_background--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #4A4A4A)", + "value": "var(--vkui--color_search_field_background--hover, #333333)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #424242)", + "value": "var(--vkui--color_search_field_background, #2A2A2B)", }, }, "colorSegmentedControl": { @@ -331375,71 +331382,71 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #3A3A3A)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #323232)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #292929)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3A3A3A)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #323232)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #292929)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #434343)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #333333)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #7CB1ED)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #77ADEC)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #71AAEB)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #E3E5E8)", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, "colorStrokeContrast": { @@ -331467,7 +331474,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "colorStrokePositive": { @@ -331481,7 +331488,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4BB34B)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "colorTabbarTextInactive": { @@ -331501,29 +331508,29 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #7CB1ED)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #77ADEC)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #71AAEB)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #E3E5E8)", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, "colorTextContrast": { @@ -331543,43 +331550,43 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #343434)", + "value": "var(--vkui--color_text_contrast_themed--active, #141414)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #222222)", + "value": "var(--vkui--color_text_contrast_themed, #000000)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #7CB1ED)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #77ADEC)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #71AAEB)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #9C9C9C)", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #979797)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #939393)", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", }, }, "colorTextLinkTint": { @@ -331613,15 +331620,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #D0D0D0)", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #CECECE)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #CCCCCC)", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, "colorTextNegative": { @@ -331635,7 +331642,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #FF5C5C)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "colorTextPositive": { @@ -331649,7 +331656,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4BB34B)", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, "colorTextPrimary": { @@ -331663,91 +331670,91 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E1E3E6)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #434343)", + "value": "var(--vkui--color_text_primary_invariably--active, #141414)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #3B3B3B)", + "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #333333)", + "value": "var(--vkui--color_text_primary_invariably, #000000)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #8C8C8C)", + "value": "var(--vkui--color_text_secondary--active, #999B9D)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #878787)", + "value": "var(--vkui--color_text_secondary--hover, #949698)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #828282)", + "value": "var(--vkui--color_text_secondary, #909294)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9C9C9C)", + "value": "var(--vkui--color_text_subhead--active, #BFC0C4)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #979797)", + "value": "var(--vkui--color_text_subhead--hover, #BCBDC2)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #939393)", + "value": "var(--vkui--color_text_subhead, #B9BABF)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #717171)", + "value": "var(--vkui--color_text_tertiary--active, #77797B)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", + "value": "var(--vkui--color_text_tertiary--hover, #717375)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #656565)", + "value": "var(--vkui--color_text_tertiary, #6B6D6F)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #8C8C8C)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #878787)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #828282)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #D7D8DB)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #EBEDF0)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #FFFFFF)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "colorTransparent": { @@ -331767,43 +331774,43 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #E3E5E8)", + "value": "var(--vkui--color_write_bar_icon--active, #818385)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", + "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #E1E3E6)", + "value": "var(--vkui--color_write_bar_icon, #76787a)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #515151)", + "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #4A4A4A)", + "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #424242)", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #636363)", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #5C5C5C)", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #555555)", + "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, }, "colorWriteBarInputBorderAlpha": { @@ -332384,17 +332391,17 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 14px)", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 18px)", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -332432,17 +332439,17 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 14px)", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 18px)", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -332566,17 +332573,17 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 14px)", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -332614,17 +332621,17 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 13px)", + "value": "var(--vkui--font_text--font_size--compact, 15px)", }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 16px)", + "value": "var(--vkui--font_text--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -332989,7 +332996,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "value": "var(--vkui--size_border_radius--regular, 10px)", }, }, "sizeBorderRadiusPaper": { @@ -333241,7 +333248,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 8px)", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", }, }, "sizeCardgridPadding": { @@ -333315,7 +333322,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, "sizeIconUI": { @@ -333355,11 +333362,11 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 48px)", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", }, }, "sizePopupBasePadding": { @@ -333417,7 +333424,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 448px)", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, "sizeSearchHeight": { @@ -333485,11 +333492,11 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 10px)", + "value": "var(--vkui--size_switch_height--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 10px)", + "value": "var(--vkui--size_switch_height--regular, 31px)", }, }, "sizeSwitchPin": { @@ -333499,11 +333506,11 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 16px)", + "value": "var(--vkui--size_switch_pin--compact, 23px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 16px)", + "value": "var(--vkui--size_switch_pin--regular, 27px)", }, }, "sizeSwitchWidth": { @@ -333513,11 +333520,11 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 27px)", + "value": "var(--vkui--size_switch_width--compact, 47px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 27px)", + "value": "var(--vkui--size_switch_width--regular, 51px)", }, }, "sizeTooltipMargin": { @@ -333576,11 +333583,11 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkComDark)", + "value": "var(--vkui--theme_name, vkAccessibilityIOSDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkCom)", + "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -333594,32 +333601,32 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snapshot 1`] = ` { "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)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentBlue": { - "active": "#4987D0", - "hover": "#4182CE", - "normal": "#397DCC", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentGray": { - "active": "#B4BDC7", - "hover": "#B1BAC4", - "normal": "#AEB7C2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorAccentOrange": { "active": "#FFA814", "hover": "#FFA40A", - "normal": "#FFA000", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -333632,9 +333639,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFC062", }, "colorAccentPurple": { - "active": "#9C89F6", - "hover": "#9784F5", - "normal": "#937FF5", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -333644,7 +333651,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorAccentRed": { "active": "#FF4356", "hover": "#FF3B4E", - "normal": "#FF3347", + "normal": "#ff3347", }, "colorAccentSecondary": { "active": "#4E93E2", @@ -333654,7 +333661,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorAccentViolet": { "active": "#B05DFF", "hover": "#AC56FF", - "normal": "#A94FFF", + "normal": "#a94fff", }, "colorActionSheetText": { "active": "#7CB1ED", @@ -333672,24 +333679,24 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -333702,9 +333709,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -333712,9 +333719,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -333732,9 +333739,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -333744,7 +333751,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { "active": "#603F3F", @@ -333754,17 +333761,17 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#405140", - "hover": "#374A37", - "normal": "#2F422F", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", @@ -333772,9 +333779,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", @@ -333787,24 +333794,24 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#473315", }, "colorButtonIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -333812,24 +333819,24 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#F3F4F6", @@ -333837,29 +333844,29 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorIconMediumAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorIconPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#E3E5E8", @@ -333867,29 +333874,29 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", }, "colorIconSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.48)", - "hover": "rgba(255, 255, 255, 0.44)", - "normal": "rgba(255, 255, 255, 0.40)", + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", }, "colorIconTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5D5F61", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", }, "colorIconWarning": { "active": "#EEB663", @@ -333929,12 +333936,12 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -333962,29 +333969,29 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -333994,12 +334001,12 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorStrokePositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#818385", @@ -334007,14 +334014,14 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#76787a", }, "colorTextAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -334022,19 +334029,19 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -334047,54 +334054,54 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#D0D0D0", - "hover": "#CECECE", - "normal": "#CCCCCC", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorTextPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTextPrimary": { "active": "#E3E5E8", "hover": "#E2E4E7", - "normal": "#E1E3E6", + "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSubhead": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -334102,19 +334109,19 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -334238,11 +334245,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -334250,11 +334257,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -334282,11 +334289,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": "14px", - "lineHeight": "18px", + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -334294,11 +334301,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -334395,7 +334402,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -334470,7 +334477,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -334492,7 +334499,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "8px", + "regular": "12px", }, "sizeIconUI": { "regular": "16px", @@ -334504,8 +334511,8 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "48px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -334522,7 +334529,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "448px", + "regular": "430px", }, "sizeSearchHeight": { "compact": "32px", @@ -334542,16 +334549,16 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "10px", - "regular": "10px", + "compact": "27px", + "regular": "31px", }, "sizeSwitchPin": { - "compact": "16px", - "regular": "16px", + "compact": "23px", + "regular": "27px", }, "sizeSwitchWidth": { - "compact": "27px", - "regular": "27px", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { "regular": "8px", @@ -334567,40 +334574,40 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBaseDark", - "themeName": "vkComDark", - "themeNameBase": "vkCom", + "themeName": "vkAccessibilityIOSDark", + "themeNameBase": "vkAccessibilityIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #4987D0)", - "hover": "var(--vkui--color_accent_blue--hover, #4182CE)", - "normal": "var(--vkui--color_accent_blue, #397DCC)", + "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "normal": "var(--vkui--color_accent_blue, #71aaeb)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #B4BDC7)", - "hover": "var(--vkui--color_accent_gray--hover, #B1BAC4)", - "normal": "var(--vkui--color_accent_gray, #AEB7C2)", + "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, "colorAccentGreen": { "active": "var(--vkui--color_accent_green--active, #59B959)", "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4BB34B)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #FFA814)", "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #FFA000)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", @@ -334613,9 +334620,9 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #9C89F6)", - "hover": "var(--vkui--color_accent_purple--hover, #9784F5)", - "normal": "var(--vkui--color_accent_purple, #937FF5)", + "active": "var(--vkui--color_accent_purple--active, #A18FFF)", + "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "normal": "var(--vkui--color_accent_purple, #9985ff)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -334625,7 +334632,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #FF4356)", "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #FF3347)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", @@ -334635,7 +334642,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorAccentViolet": { "active": "var(--vkui--color_accent_violet--active, #B05DFF)", "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #A94FFF)", + "normal": "var(--vkui--color_accent_violet, #a94fff)", }, "colorActionSheetText": { "active": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", @@ -334653,24 +334660,24 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #272727)", - "hover": "var(--vkui--color_background--hover, #1D1D1D)", - "normal": "var(--vkui--color_background, #141414)", + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #7CB1ED)", - "hover": "var(--vkui--color_background_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_background_accent, #71AAEB)", + "active": "var(--vkui--color_background_accent--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent, #529ef4)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #7CB1ED)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #77ADEC)", - "normal": "var(--vkui--color_background_accent_alternative, #71AAEB)", + "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #CFD2D8)", - "hover": "var(--vkui--color_background_accent_themed--hover, #D8DBDF)", - "normal": "var(--vkui--color_background_accent_themed, #E1E3E6)", + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, "colorBackgroundAccentThemedAlpha": { "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", @@ -334683,9 +334690,9 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #343434)", - "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", - "normal": "var(--vkui--color_background_content, #222222)", + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", @@ -334693,9 +334700,9 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #434343)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #3B3B3B)", - "normal": "var(--vkui--color_background_contrast_inverse, #333333)", + "active": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -334713,9 +334720,9 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_info_tint, #1C3954)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #3A3A3A)", - "hover": "var(--vkui--color_background_modal--hover, #323232)", - "normal": "var(--vkui--color_background_modal, #292929)", + "active": "var(--vkui--color_background_modal--active, #3D3E3F)", + "hover": "var(--vkui--color_background_modal--hover, #343536)", + "normal": "var(--vkui--color_background_modal, #2c2d2e)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -334725,7 +334732,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #FF6969)", "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "normal": "var(--vkui--color_background_negative, #ff5c5c)", }, "colorBackgroundNegativeTint": { "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", @@ -334735,17 +334742,17 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4BB34B)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #405140)", - "hover": "var(--vkui--color_background_positive_tint--hover, #374A37)", - "normal": "var(--vkui--color_background_positive_tint, #2F422F)", + "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", + "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #434343)", - "hover": "var(--vkui--color_background_secondary--hover, #3B3B3B)", - "normal": "var(--vkui--color_background_secondary, #333333)", + "active": "var(--vkui--color_background_secondary--active, #353536)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_secondary, #232324)", }, "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", @@ -334753,9 +334760,9 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #3A3A3A)", - "hover": "var(--vkui--color_background_tertiary--hover, #323232)", - "normal": "var(--vkui--color_background_tertiary, #292929)", + "active": "var(--vkui--color_background_tertiary--active, #323233)", + "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", + "normal": "var(--vkui--color_background_tertiary, #202021)", }, "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", @@ -334768,24 +334775,24 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_warning, #473315)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #E3E5E8)", - "hover": "var(--vkui--color_button_icon--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_icon, #E1E3E6)", + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #E3E5E8)", - "hover": "var(--vkui--color_button_stroke--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_stroke, #E1E3E6)", + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #E3E5E8)", - "hover": "var(--vkui--color_button_text--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_text, #E1E3E6)", + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #3A3A3A)", - "hover": "var(--vkui--color_field_background--hover, #323232)", - "normal": "var(--vkui--color_field_background, #292929)", + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", @@ -334793,24 +334800,24 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #343434)", - "hover": "var(--vkui--color_header_background--hover, #2B2B2B)", - "normal": "var(--vkui--color_header_background, #222222)", + "active": "var(--vkui--color_header_background--active, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #7CB1ED)", - "hover": "var(--vkui--color_icon_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_icon_accent, #71AAEB)", + "active": "var(--vkui--color_icon_accent--active, #60A6F5)", + "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_icon_accent, #529ef4)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #E3E5E8)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_accent_themed, #E1E3E6)", + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #E3E5E8)", - "hover": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_contrast, #E1E3E6)", + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", @@ -334818,29 +334825,29 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #343434)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #2B2B2B)", - "normal": "var(--vkui--color_icon_contrast_themed, #222222)", + "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_icon_contrast_themed, #000000)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #9C9C9C)", - "hover": "var(--vkui--color_icon_medium--hover, #979797)", - "normal": "var(--vkui--color_icon_medium, #939393)", + "active": "var(--vkui--color_icon_medium--active, #BFC0C4)", + "hover": "var(--vkui--color_icon_medium--hover, #BCBDC2)", + "normal": "var(--vkui--color_icon_medium, #B9BABF)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(255, 255, 255, 0.56))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(255, 255, 255, 0.52))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(247, 248, 255, 0.78))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(247, 248, 255, 0.74))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(247, 248, 255, 70%))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #FF6969)", "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "normal": "var(--vkui--color_icon_negative, #ff5c5c)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #59B959)", "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4BB34B)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", @@ -334848,29 +334855,29 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_primary, #e1e3e6)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #434343)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #3B3B3B)", - "normal": "var(--vkui--color_icon_primary_invariably, #333333)", + "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #8C8C8C)", - "hover": "var(--vkui--color_icon_secondary--hover, #878787)", - "normal": "var(--vkui--color_icon_secondary, #828282)", + "active": "var(--vkui--color_icon_secondary--active, #929496)", + "hover": "var(--vkui--color_icon_secondary--hover, #8E9092)", + "normal": "var(--vkui--color_icon_secondary, #898B8D)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(255, 255, 255, 0.48))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(255, 255, 255, 0.44))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(255, 255, 255, 0.40))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(248, 252, 255, 0.58))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(248, 252, 255, 0.54))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(248, 252, 255, 50%))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #717171)", - "hover": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", - "normal": "var(--vkui--color_icon_tertiary, #656565)", + "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", + "normal": "var(--vkui--color_icon_tertiary, #5D5F61)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.32))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.28))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(246, 250, 255, 0.45))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(246, 250, 255, 0.41000000000000003))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(246, 250, 255, 37%))", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #EEB663)", @@ -334910,12 +334917,12 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", - "normal": "var(--vkui--color_panel_header_icon, #71AAEB)", + "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #515151)", - "hover": "var(--vkui--color_search_field_background--hover, #4A4A4A)", - "normal": "var(--vkui--color_search_field_background, #424242)", + "active": "var(--vkui--color_search_field_background--active, #3B3B3C)", + "hover": "var(--vkui--color_search_field_background--hover, #333333)", + "normal": "var(--vkui--color_search_field_background, #2A2A2B)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #6F6F70)", @@ -334943,29 +334950,29 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #3A3A3A)", - "hover": "var(--vkui--color_separator_secondary--hover, #323232)", - "normal": "var(--vkui--color_separator_secondary, #292929)", + "active": "var(--vkui--color_separator_secondary--active, #272728)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "normal": "var(--vkui--color_separator_secondary, #141415)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3A3A3A)", - "hover": "var(--vkui--color_skeleton_from--hover, #323232)", - "normal": "var(--vkui--color_skeleton_from, #292929)", + "active": "var(--vkui--color_skeleton_from--active, #353536)", + "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "normal": "var(--vkui--color_skeleton_from, #232324)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #434343)", - "hover": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", - "normal": "var(--vkui--color_skeleton_to, #333333)", + "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "hover": "var(--vkui--color_skeleton_to--hover, #343536)", + "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #7CB1ED)", - "hover": "var(--vkui--color_stroke_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_stroke_accent, #71AAEB)", + "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_stroke_accent, #529ef4)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #E3E5E8)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", - "normal": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", @@ -334975,12 +334982,12 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #FF6969)", "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #59B959)", "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", - "normal": "var(--vkui--color_stroke_positive, #4BB34B)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", @@ -334988,14 +334995,14 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #7CB1ED)", - "hover": "var(--vkui--color_text_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_text_accent, #71AAEB)", + "active": "var(--vkui--color_text_accent--active, #60A6F5)", + "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_text_accent, #529ef4)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #E3E5E8)", - "hover": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_accent_themed, #E1E3E6)", + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", @@ -335003,19 +335010,19 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #343434)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", - "normal": "var(--vkui--color_text_contrast_themed, #222222)", + "active": "var(--vkui--color_text_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #7CB1ED)", - "hover": "var(--vkui--color_text_link--hover, #77ADEC)", - "normal": "var(--vkui--color_text_link, #71AAEB)", + "active": "var(--vkui--color_text_link--active, #60A6F5)", + "hover": "var(--vkui--color_text_link--hover, #59A2F4)", + "normal": "var(--vkui--color_text_link, #529ef4)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #9C9C9C)", - "hover": "var(--vkui--color_text_link_themed--hover, #979797)", - "normal": "var(--vkui--color_text_link_themed, #939393)", + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", @@ -335028,54 +335035,54 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #D0D0D0)", - "hover": "var(--vkui--color_text_muted--hover, #CECECE)", - "normal": "var(--vkui--color_text_muted, #CCCCCC)", + "active": "var(--vkui--color_text_muted--active, #E3E5E8)", + "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_muted, #e1e3e6)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #FF6969)", "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #FF5C5C)", + "normal": "var(--vkui--color_text_negative, #ff5c5c)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #59B959)", "hover": "var(--vkui--color_text_positive--hover, #52B652)", - "normal": "var(--vkui--color_text_positive, #4BB34B)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { "active": "var(--vkui--color_text_primary--active, #E3E5E8)", "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #E1E3E6)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #434343)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #3B3B3B)", - "normal": "var(--vkui--color_text_primary_invariably, #333333)", + "active": "var(--vkui--color_text_primary_invariably--active, #141414)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #8C8C8C)", - "hover": "var(--vkui--color_text_secondary--hover, #878787)", - "normal": "var(--vkui--color_text_secondary, #828282)", + "active": "var(--vkui--color_text_secondary--active, #999B9D)", + "hover": "var(--vkui--color_text_secondary--hover, #949698)", + "normal": "var(--vkui--color_text_secondary, #909294)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #9C9C9C)", - "hover": "var(--vkui--color_text_subhead--hover, #979797)", - "normal": "var(--vkui--color_text_subhead, #939393)", + "active": "var(--vkui--color_text_subhead--active, #BFC0C4)", + "hover": "var(--vkui--color_text_subhead--hover, #BCBDC2)", + "normal": "var(--vkui--color_text_subhead, #B9BABF)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #717171)", - "hover": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", - "normal": "var(--vkui--color_text_tertiary, #656565)", + "active": "var(--vkui--color_text_tertiary--active, #77797B)", + "hover": "var(--vkui--color_text_tertiary--hover, #717375)", + "normal": "var(--vkui--color_text_tertiary, #6B6D6F)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #8C8C8C)", - "hover": "var(--vkui--color_track_background--hover, #878787)", - "normal": "var(--vkui--color_track_background, #828282)", + "active": "var(--vkui--color_track_background--active, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #D7D8DB)", - "hover": "var(--vkui--color_track_buffer--hover, #EBEDF0)", - "normal": "var(--vkui--color_track_buffer, #FFFFFF)", + "active": "var(--vkui--color_track_buffer--active, #4F647D)", + "hover": "var(--vkui--color_track_buffer--hover, #485E78)", + "normal": "var(--vkui--color_track_buffer, #405772)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", @@ -335083,19 +335090,19 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #E3E5E8)", - "hover": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", - "normal": "var(--vkui--color_write_bar_icon, #E1E3E6)", + "active": "var(--vkui--color_write_bar_icon--active, #818385)", + "hover": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + "normal": "var(--vkui--color_write_bar_icon, #76787a)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #515151)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #4A4A4A)", - "normal": "var(--vkui--color_write_bar_input_background, #424242)", + "active": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #636363)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #5C5C5C)", - "normal": "var(--vkui--color_write_bar_input_border, #555555)", + "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", @@ -335219,11 +335226,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -335231,11 +335238,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -335263,11 +335270,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -335275,11 +335282,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 16px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -335376,7 +335383,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -335451,7 +335458,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -335473,7 +335480,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", @@ -335485,8 +335492,8 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 48px)", + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -335503,7 +335510,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 448px)", + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", @@ -335523,16 +335530,16 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 10px)", - "regular": "var(--vkui--size_switch_height--regular, 10px)", + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 16px)", - "regular": "var(--vkui--size_switch_pin--regular, 16px)", + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 27px)", - "regular": "var(--vkui--size_switch_width--regular, 27px)", + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -335548,40 +335555,40 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", - "themeName": "var(--vkui--theme_name, vkComDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkCom)", + "themeName": "var(--vkui--theme_name, vkAccessibilityIOSDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkAccessibilityIOS)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot 1`] = ` { "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)", + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentBlue": { - "active": "#4987D0", - "hover": "#4182CE", - "normal": "#397DCC", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentGray": { - "active": "#B4BDC7", - "hover": "#B1BAC4", - "normal": "#AEB7C2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorAccentOrange": { "active": "#FFA814", "hover": "#FFA40A", - "normal": "#FFA000", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -335594,9 +335601,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#FFC062", }, "colorAccentPurple": { - "active": "#9C89F6", - "hover": "#9784F5", - "normal": "#937FF5", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -335606,7 +335613,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorAccentRed": { "active": "#FF4356", "hover": "#FF3B4E", - "normal": "#FF3347", + "normal": "#ff3347", }, "colorAccentSecondary": { "active": "#4E93E2", @@ -335616,7 +335623,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorAccentViolet": { "active": "#B05DFF", "hover": "#AC56FF", - "normal": "#A94FFF", + "normal": "#a94fff", }, "colorActionSheetText": { "active": "#7CB1ED", @@ -335634,24 +335641,24 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -335664,9 +335671,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -335674,9 +335681,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -335694,9 +335701,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -335706,7 +335713,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { "active": "#603F3F", @@ -335716,17 +335723,17 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#405140", - "hover": "#374A37", - "normal": "#2F422F", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", @@ -335734,9 +335741,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", @@ -335749,24 +335756,24 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#473315", }, "colorButtonIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -335774,24 +335781,24 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#F3F4F6", @@ -335799,29 +335806,29 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorIconMediumAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorIconPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#E3E5E8", @@ -335829,29 +335836,29 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", }, "colorIconSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.48)", - "hover": "rgba(255, 255, 255, 0.44)", - "normal": "rgba(255, 255, 255, 0.40)", + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", }, "colorIconTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5D5F61", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", }, "colorIconWarning": { "active": "#EEB663", @@ -335891,12 +335898,12 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -335924,29 +335931,29 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -335956,12 +335963,12 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorStrokePositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#818385", @@ -335969,14 +335976,14 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#76787a", }, "colorTextAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -335984,19 +335991,19 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -336009,54 +336016,54 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#D0D0D0", - "hover": "#CECECE", - "normal": "#CCCCCC", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorTextPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4BB34B", + "normal": "#4bb34b", }, "colorTextPrimary": { "active": "#E3E5E8", "hover": "#E2E4E7", - "normal": "#E1E3E6", + "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSubhead": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -336064,19 +336071,19 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -336200,11 +336207,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -336212,11 +336219,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -336244,11 +336251,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": 14, - "lineHeight": 18, + "fontSize": 13, + "lineHeight": 16, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -336256,11 +336263,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": 13, - "lineHeight": 16, + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -336357,7 +336364,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -336432,7 +336439,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -336454,7 +336461,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 8, + "regular": 12, }, "sizeIconUI": { "regular": 16, @@ -336466,8 +336473,8 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 48, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -336484,7 +336491,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 448, + "regular": 430, }, "sizeSearchHeight": { "compact": 32, @@ -336504,16 +336511,16 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 10, - "regular": 10, + "compact": 27, + "regular": 31, }, "sizeSwitchPin": { - "compact": 16, - "regular": 16, + "compact": 23, + "regular": 27, }, "sizeSwitchWidth": { - "compact": 27, - "regular": 27, + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { "regular": 8, @@ -336529,15 +336536,15 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBaseDark", - "themeName": "vkComDark", - "themeNameBase": "vkCom", + "themeName": "vkAccessibilityIOSDark", + "themeNameBase": "vkAccessibilityIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -336557,7 +336564,7 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", }, "colorAccentBlue": { "active": { @@ -339134,7 +339141,7 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, "sizeBasePaddingVertical": { @@ -339184,7 +339191,7 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 10px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -339436,7 +339443,7 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 10px)", + "value": "var(--vkui--size_card_border_radius--regular, 8px)", }, }, "sizeCardgridPadding": { @@ -339550,11 +339557,11 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 52px)", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, "sizePopupBasePadding": { @@ -339680,11 +339687,11 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 27px)", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, "sizeSwitchPin": { @@ -339694,11 +339701,11 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 23px)", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, "sizeSwitchWidth": { @@ -339708,11 +339715,11 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 47px)", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, "sizeTooltipMargin": { @@ -339765,17 +339772,13 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--spacing_size_xs", "value": "var(--vkui--spacing_size_xs, 4px)", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", - }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIOS)", + "value": "var(--vkui--theme_name, vkBase)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIOS)", + "value": "var(--vkui--theme_name_base, vkBase)", }, "themeType": "cssVars", "zIndexModal": { @@ -339789,13 +339792,13 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` { "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)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentBlue": { "active": "#237EDD", "hover": "#2483E4", @@ -340575,7 +340578,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -340590,7 +340593,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -340665,7 +340668,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -340699,8 +340702,8 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -340737,16 +340740,16 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "32px", + "regular": "34px", }, "sizeTooltipMargin": { "regular": "8px", @@ -340761,22 +340764,21 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkIOS", - "themeNameBase": "vkIOS", + "themeName": "vkBase", + "themeNameBase": "vkBase", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentBlue": { "active": "var(--vkui--color_accent_blue--active, #237EDD)", "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", @@ -341556,7 +341558,7 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -341571,7 +341573,7 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -341646,7 +341648,7 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -341680,8 +341682,8 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -341718,16 +341720,16 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -341742,22 +341744,21 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkIOS)", - "themeNameBase": "var(--vkui--theme_name_base, vkIOS)", + "themeName": "var(--vkui--theme_name, vkBase)", + "themeNameBase": "var(--vkui--theme_name_base, vkBase)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` +exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` { "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)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentBlue": { "active": "#237EDD", "hover": "#2483E4", @@ -342537,7 +342538,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -342552,7 +342553,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -342627,7 +342628,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -342661,8 +342662,8 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -342699,16 +342700,16 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { "regular": 8, @@ -342723,16 +342724,15 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkIOS", - "themeNameBase": "vkIOS", + "themeName": "vkBase", + "themeNameBase": "vkBase", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -342752,7 +342752,7 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "animationEasingPlatform": { "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", }, "colorAccentBlue": { "active": { @@ -345329,7 +345329,7 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, "sizeBasePaddingVertical": { @@ -345379,7 +345379,7 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 10px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -345631,7 +345631,7 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 10px)", + "value": "var(--vkui--size_card_border_radius--regular, 8px)", }, }, "sizeCardgridPadding": { @@ -345745,11 +345745,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 52px)", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, "sizePopupBasePadding": { @@ -345875,11 +345875,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 27px)", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, "sizeSwitchPin": { @@ -345889,11 +345889,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 23px)", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, "sizeSwitchWidth": { @@ -345903,11 +345903,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 47px)", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, "sizeTooltipMargin": { @@ -345962,15 +345962,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBaseDark)", + "value": "var(--vkui--theme_inherits_from, vkBase)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIOSDark)", + "value": "var(--vkui--theme_name, vkBaseDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIOS)", + "value": "var(--vkui--theme_name_base, vkBase)", }, "themeType": "cssVars", "zIndexModal": { @@ -345984,13 +345984,13 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` { "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)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentBlue": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -346770,7 +346770,7 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -346785,7 +346785,7 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -346860,7 +346860,7 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -346894,8 +346894,8 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -346932,16 +346932,16 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "32px", + "regular": "34px", }, "sizeTooltipMargin": { "regular": "8px", @@ -346956,22 +346956,22 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkIOSDark", - "themeNameBase": "vkIOS", + "themeInheritsFrom": "vkBase", + "themeName": "vkBaseDark", + "themeNameBase": "vkBase", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", - "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentBlue": { "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", @@ -347751,7 +347751,7 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -347766,7 +347766,7 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -347841,7 +347841,7 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", @@ -347875,8 +347875,8 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -347913,16 +347913,16 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -347937,22 +347937,22 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", - "themeName": "var(--vkui--theme_name, vkIOSDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkIOS)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", + "themeName": "var(--vkui--theme_name, vkBaseDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkBase)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` { "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)", + "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentBlue": { "active": "#7CB1ED", "hover": "#77ADEC", @@ -348732,7 +348732,7 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -348747,7 +348747,7 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -348822,7 +348822,7 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -348856,8 +348856,8 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -348894,16 +348894,16 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { "regular": 8, @@ -348918,16 +348918,16 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkIOSDark", - "themeNameBase": "vkIOS", + "themeInheritsFrom": "vkBase", + "themeName": "vkBaseDark", + "themeNameBase": "vkBase", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -348952,29 +348952,29 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #237EDD)", + "value": "var(--vkui--color_accent_blue--active, #4B78AE)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #4E7CB3)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #5181B8)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + "value": "var(--vkui--color_accent_gray--active, #A0AAB7)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BD)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "value": "var(--vkui--color_accent_gray, #AEB7C2)", }, }, "colorAccentGreen": { @@ -348988,7 +348988,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "value": "var(--vkui--color_accent_green, #4BB34B)", }, }, "colorAccentOrange": { @@ -349002,7 +349002,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #FFA000)", }, }, "colorAccentOrangeFire": { @@ -349044,7 +349044,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "value": "var(--vkui--color_accent_purple, #735CE6)", }, }, "colorAccentRaspberryPink": { @@ -349072,7 +349072,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "value": "var(--vkui--color_accent_red, #FF3347)", }, }, "colorAccentSecondary": { @@ -349100,7 +349100,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #792EC0)", }, }, "colorActionSheetText": { @@ -349148,71 +349148,71 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #D8DBE2)", + "value": "var(--vkui--color_background--active, #DADCE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #EDEEF0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #D87402)", + "value": "var(--vkui--color_background_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #E57B04)", + "value": "var(--vkui--color_background_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #EE8208)", + "value": "var(--vkui--color_background_accent, #447BBA)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "value": "var(--vkui--color_background_accent_alternative--active, #3F72B0)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "value": "var(--vkui--color_background_accent_alternative, #447BBA)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D87402)", + "value": "var(--vkui--color_background_accent_themed--active, #3F72B0)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #E57B04)", + "value": "var(--vkui--color_background_accent_themed--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #EE8208)", + "value": "var(--vkui--color_background_accent_themed, #447BBA)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(68, 123, 186, 0.2))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(68, 123, 186, 0.16))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", }, }, "colorBackgroundAccentTint": { @@ -349240,7 +349240,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, "colorBackgroundContrast": { @@ -349254,21 +349254,21 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #ffffff)", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", }, }, "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "value": "var(--vkui--color_background_contrast_inverse--active, #2F3034)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #313233)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "value": "var(--vkui--color_background_contrast_inverse, #333333)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -349324,7 +349324,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #ffffff)", + "value": "var(--vkui--color_background_modal, #FFFFFF)", }, }, "colorBackgroundModalInverse": { @@ -349338,7 +349338,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + "value": "var(--vkui--color_background_modal_inverse, #2D2D2E)", }, }, "colorBackgroundNegative": { @@ -349352,21 +349352,21 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #E64646)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "value": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "value": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", }, }, "colorBackgroundPositive": { @@ -349380,7 +349380,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", + "value": "var(--vkui--color_background_positive, #4BB34B)", }, }, "colorBackgroundPositiveTint": { @@ -349400,43 +349400,43 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #DDE0E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #E6E9EE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #F0F2F5)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #E6E8ED)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #FAFBFC)", }, }, "colorBackgroundTertiaryAlpha": { @@ -349470,57 +349470,57 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #305B90)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #346297)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #305B90)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #346297)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #305B90)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #346297)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #E3E5EB)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #EDEFF2)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #F7F8FA)", }, }, "colorFieldBorderAlpha": { @@ -349548,35 +349548,35 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #ffffff)", + "value": "var(--vkui--color_header_background, #FFFFFF)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #447BBA)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_icon_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "value": "var(--vkui--color_icon_accent_themed, #3770B1)", }, }, "colorIconContrast": { @@ -349590,7 +349590,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #ffffff)", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", }, }, "colorIconContrastSecondary": { @@ -349618,21 +349618,21 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #778292)", + "value": "var(--vkui--color_icon_medium--active, #66717F)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #6B7582)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "value": "var(--vkui--color_icon_medium, #6F7985)", }, }, "colorIconMediumAlpha": { @@ -349660,7 +349660,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #E64646)", }, }, "colorIconPositive": { @@ -349674,7 +349674,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "value": "var(--vkui--color_icon_positive, #4BB34B)", }, }, "colorIconPrimary": { @@ -349694,15 +349694,15 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "value": "var(--vkui--color_icon_primary_invariably--active, #2F3034)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #313233)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "value": "var(--vkui--color_icon_primary_invariably, #333333)", }, }, "colorIconSecondary": { @@ -349716,7 +349716,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "value": "var(--vkui--color_icon_secondary, #99A2AD)", }, }, "colorIconSecondaryAlpha": { @@ -349736,15 +349736,15 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "value": "var(--vkui--color_icon_tertiary, #AEB7C2)", }, }, "colorIconTertiaryAlpha": { @@ -349828,7 +349828,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #ffffff)", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", }, }, "colorOverlayPrimary": { @@ -349862,29 +349862,29 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #237EDD)", + "value": "var(--vkui--color_panel_header_icon--active, #3F72B0)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "value": "var(--vkui--color_panel_header_icon--hover, #4177B5)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "value": "var(--vkui--color_panel_header_icon, #447BBA)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "value": "var(--vkui--color_search_field_background--active, #DADCE2)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #EDEEF0)", }, }, "colorSegmentedControl": { @@ -349904,15 +349904,15 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #CAD0D8)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #D3D9DF)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #DCE1E6)", }, }, "colorSeparatorPrimary2x": { @@ -349926,7 +349926,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #CBCCCD)", }, }, "colorSeparatorPrimary3x": { @@ -349940,7 +349940,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "value": "var(--vkui--color_separator_primary3x, #BEBFC1)", }, }, "colorSeparatorPrimaryAlpha": { @@ -349960,71 +349960,71 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #D5D7DE)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #E7E8EC)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #DDE0E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #F0F2F5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #D5D7DE)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #E7E8EC)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #DB790C)", + "value": "var(--vkui--color_stroke_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #E47D0A)", + "value": "var(--vkui--color_stroke_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #EE8208)", + "value": "var(--vkui--color_stroke_accent, #447BBA)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "value": "var(--vkui--color_stroke_accent_themed, #3770B1)", }, }, "colorStrokeContrast": { @@ -350052,7 +350052,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #E64646)", }, }, "colorStrokePositive": { @@ -350066,7 +350066,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "value": "var(--vkui--color_stroke_positive, #4BB34B)", }, }, "colorTabbarTextInactive": { @@ -350086,29 +350086,29 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #DB790C)", + "value": "var(--vkui--color_text_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #E47D0A)", + "value": "var(--vkui--color_text_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #EE8208)", + "value": "var(--vkui--color_text_accent, #447BBA)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #DB790C)", + "value": "var(--vkui--color_text_accent_themed--active, #3368A8)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #E47D0A)", + "value": "var(--vkui--color_text_accent_themed--hover, #356CAC)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EE8208)", + "value": "var(--vkui--color_text_accent_themed, #3770B1)", }, }, "colorTextContrast": { @@ -350122,7 +350122,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #ffffff)", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", }, }, "colorTextContrastThemed": { @@ -350136,35 +350136,35 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", + "value": "var(--vkui--color_text_link--active, #27527F)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #285582)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #2A5885)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + "value": "var(--vkui--color_text_link_themed--active, #27527F)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link_themed--hover, #285582)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "value": "var(--vkui--color_text_link_themed, #2A5885)", }, }, "colorTextLinkTint": { @@ -350198,15 +350198,15 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "value": "var(--vkui--color_text_muted--active, #2F3034)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #313233)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2c2d2e)", + "value": "var(--vkui--color_text_muted, #333333)", }, }, "colorTextNegative": { @@ -350220,7 +350220,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #E64646)", }, }, "colorTextPositive": { @@ -350234,7 +350234,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "value": "var(--vkui--color_text_positive, #4BB34B)", }, }, "colorTextPrimary": { @@ -350254,15 +350254,15 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #000105)", + "value": "var(--vkui--color_text_primary_invariably--active, #2F3034)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "value": "var(--vkui--color_text_primary_invariably--hover, #313233)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "value": "var(--vkui--color_text_primary_invariably, #333333)", }, }, "colorTextSecondary": { @@ -350276,21 +350276,21 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #818C99)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #5A6675)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #5E6978)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #626D7A)", }, }, "colorTextTertiary": { @@ -350304,35 +350304,35 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #99A2AD)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #C2C9D1)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #CBD1D8)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #D3D9DE)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #3F72B0)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #4177B5)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #447BBA)", }, }, "colorTransparent": { @@ -350352,43 +350352,43 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "value": "var(--vkui--color_write_bar_icon--active, #778292)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "value": "var(--vkui--color_write_bar_icon--hover, #7C8795)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "value": "var(--vkui--color_write_bar_icon, #818C99)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "value": "var(--vkui--color_write_bar_input_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "value": "var(--vkui--color_write_bar_input_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "value": "var(--vkui--color_write_bar_input_background, #FFFFFF)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "value": "var(--vkui--color_write_bar_input_border--active, #C2C9D1)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "value": "var(--vkui--color_write_bar_input_border--hover, #CBD1D8)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + "value": "var(--vkui--color_write_bar_input_border, #D3D9DE)", }, }, "colorWriteBarInputBorderAlpha": { @@ -350969,17 +350969,17 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", + "value": "var(--vkui--font_headline--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", + "value": "var(--vkui--font_headline--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -351017,17 +351017,17 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + "value": "var(--vkui--font_headline1--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + "value": "var(--vkui--font_headline1--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -351151,17 +351151,17 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + "value": "var(--vkui--font_subhead--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -351199,17 +351199,17 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 15px)", + "value": "var(--vkui--font_text--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 20px)", + "value": "var(--vkui--font_text--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -351524,7 +351524,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, }, "sizeBasePaddingVertical": { @@ -351900,7 +351900,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", }, }, "sizeIconUI": { @@ -351944,7 +351944,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "value": "var(--vkui--size_panel_header_height--regular, 48px)", }, }, "sizePopupBasePadding": { @@ -352002,7 +352002,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "value": "var(--vkui--size_popup_small--regular, 448px)", }, }, "sizeSearchHeight": { @@ -352070,11 +352070,11 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "value": "var(--vkui--size_switch_height--compact, 10px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "value": "var(--vkui--size_switch_height--regular, 10px)", }, }, "sizeSwitchPin": { @@ -352084,11 +352084,11 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "value": "var(--vkui--size_switch_pin--compact, 16px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "value": "var(--vkui--size_switch_pin--regular, 16px)", }, }, "sizeSwitchWidth": { @@ -352098,11 +352098,11 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "value": "var(--vkui--size_switch_width--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "value": "var(--vkui--size_switch_width--regular, 27px)", }, }, "sizeTooltipMargin": { @@ -352155,13 +352155,17 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "name": "--vkui--spacing_size_xs", "value": "var(--vkui--spacing_size_xs, 4px)", }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", + }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOk)", + "value": "var(--vkui--theme_name, vkCom)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOk)", + "value": "var(--vkui--theme_name_base, vkCom)", }, "themeType": "cssVars", "zIndexModal": { @@ -352175,7 +352179,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -352183,24 +352187,24 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181B8", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorAccentGreen": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorAccentOrange": { "active": "#EB9405", "hover": "#F59A02", - "normal": "#ffa000", + "normal": "#FFA000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -352215,7 +352219,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "colorAccentPurple": { "active": "#6A56D8", "hover": "#6E59DF", - "normal": "#735ce6", + "normal": "#735CE6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -352225,7 +352229,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "colorAccentRed": { "active": "#EB3046", "hover": "#F53247", - "normal": "#ff3347", + "normal": "#FF3347", }, "colorAccentSecondary": { "active": "#3A80D3", @@ -352235,7 +352239,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "colorAccentViolet": { "active": "#6F2CB6", "hover": "#742DBB", - "normal": "#792ec0", + "normal": "#792EC0", }, "colorActionSheetText": { "active": "#3A80D3", @@ -352253,29 +352257,29 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(68, 123, 186, 0.2)", + "hover": "rgba(68, 123, 186, 0.16)", + "normal": "rgba(68, 123, 186, 0.12)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -352285,17 +352289,17 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -352315,27 +352319,27 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { "active": "#292B2F", "hover": "#2B2C2F", - "normal": "#2d2d2e", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -352343,19 +352347,19 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(213, 226, 241, 0.99)", + "hover": "rgba(223, 234, 246, 0.99)", + "normal": "rgba(235, 242, 250, 0.99)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#E6E8ED", + "hover": "#F0F2F4", + "normal": "#FAFBFC", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", @@ -352368,24 +352372,24 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#F7F8FA", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -352395,22 +352399,22 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -352420,12 +352424,12 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#66717F", + "hover": "#6B7582", + "normal": "#6F7985", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", @@ -352435,12 +352439,12 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "colorIconNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorIconPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorIconPrimary": { "active": "#282B2F", @@ -352448,14 +352452,14 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorIconSecondary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", @@ -352463,9 +352467,9 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", @@ -352495,7 +352499,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -352508,14 +352512,14 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -352523,19 +352527,19 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#DCE1E6", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", "hover": "#C3C4C7", - "normal": "#cbcccd", + "normal": "#CBCCCD", }, "colorSeparatorPrimary3x": { "active": "#AFB1B6", "hover": "#B6B8BC", - "normal": "#bebfc1", + "normal": "#BEBFC1", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", @@ -352543,29 +352547,29 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorStrokeAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -352575,12 +352579,12 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorStrokePositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -352588,34 +352592,34 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkTint": { "active": "#689EDD", @@ -352628,19 +352632,19 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorTextPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTextPrimary": { "active": "#000105", @@ -352648,34 +352652,34 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#000000", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextSecondary": { "active": "#778292", "hover": "#7C8795", - "normal": "#818c99", + "normal": "#818C99", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#5A6675", + "hover": "#5E6978", + "normal": "#626D7A", }, "colorTextTertiary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -352683,19 +352687,19 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -352819,11 +352823,11 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -352831,11 +352835,11 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -352863,11 +352867,11 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -352875,11 +352879,11 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -352961,7 +352965,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -353073,7 +353077,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "8px", }, "sizeIconUI": { "regular": "16px", @@ -353086,7 +353090,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": "48px", - "regular": "56px", + "regular": "48px", }, "sizePopupBasePadding": { "compact": "20px", @@ -353103,7 +353107,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "430px", + "regular": "448px", }, "sizeSearchHeight": { "compact": "32px", @@ -353123,16 +353127,16 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": "10px", + "regular": "10px", }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": "16px", + "regular": "16px", }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": "27px", + "regular": "27px", }, "sizeTooltipMargin": { "regular": "8px", @@ -353147,15 +353151,16 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "vkIdOk", - "themeNameBase": "vkIdOk", + "themeInheritsFrom": "vkBase", + "themeName": "vkCom", + "themeNameBase": "vkCom", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -353163,24 +353168,24 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "active": "var(--vkui--color_accent_blue--active, #4B78AE)", + "hover": "var(--vkui--color_accent_blue--hover, #4E7CB3)", + "normal": "var(--vkui--color_accent_blue, #5181B8)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #96A0AE)", - "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - "normal": "var(--vkui--color_accent_gray, #a3adb8)", + "active": "var(--vkui--color_accent_gray--active, #A0AAB7)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BD)", + "normal": "var(--vkui--color_accent_gray, #AEB7C2)", }, "colorAccentGreen": { "active": "var(--vkui--color_accent_green--active, #45A64A)", "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "normal": "var(--vkui--color_accent_green, #4BB34B)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #EB9405)", "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "normal": "var(--vkui--color_accent_orange, #FFA000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", @@ -353195,7 +353200,7 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "colorAccentPurple": { "active": "var(--vkui--color_accent_purple--active, #6A56D8)", "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "normal": "var(--vkui--color_accent_purple, #735CE6)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", @@ -353205,7 +353210,7 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #EB3046)", "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "normal": "var(--vkui--color_accent_red, #FF3347)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", @@ -353215,7 +353220,7 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "colorAccentViolet": { "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "normal": "var(--vkui--color_accent_violet, #792EC0)", }, "colorActionSheetText": { "active": "var(--vkui--color_action_sheet_text--active, #3A80D3)", @@ -353233,29 +353238,29 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #D8DBE2)", - "hover": "var(--vkui--color_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_background, #ebedf0)", + "active": "var(--vkui--color_background--active, #DADCE2)", + "hover": "var(--vkui--color_background--hover, #E4E5E9)", + "normal": "var(--vkui--color_background, #EDEEF0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #D87402)", - "hover": "var(--vkui--color_background_accent--hover, #E57B04)", - "normal": "var(--vkui--color_background_accent, #EE8208)", + "active": "var(--vkui--color_background_accent--active, #3F72B0)", + "hover": "var(--vkui--color_background_accent--hover, #4177B5)", + "normal": "var(--vkui--color_background_accent, #447BBA)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", + "active": "var(--vkui--color_background_accent_alternative--active, #3F72B0)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #4177B5)", + "normal": "var(--vkui--color_background_accent_alternative, #447BBA)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #D87402)", - "hover": "var(--vkui--color_background_accent_themed--hover, #E57B04)", - "normal": "var(--vkui--color_background_accent_themed, #EE8208)", + "active": "var(--vkui--color_background_accent_themed--active, #3F72B0)", + "hover": "var(--vkui--color_background_accent_themed--hover, #4177B5)", + "normal": "var(--vkui--color_background_accent_themed, #447BBA)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(68, 123, 186, 0.2))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(68, 123, 186, 0.16))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -353265,17 +353270,17 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #ffffff)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #ffffff)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", - "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "active": "var(--vkui--color_background_contrast_inverse--active, #2F3034)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #313233)", + "normal": "var(--vkui--color_background_contrast_inverse, #333333)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -353295,27 +353300,27 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #ffffff)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #292B2F)", "hover": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", - "normal": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + "normal": "var(--vkui--color_background_modal_inverse, #2D2D2E)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "normal": "var(--vkui--color_background_negative, #E64646)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", - "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", + "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #45A64A)", "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "normal": "var(--vkui--color_background_positive, #4BB34B)", }, "colorBackgroundPositiveTint": { "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", @@ -353323,19 +353328,19 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "active": "var(--vkui--color_background_secondary--active, #DDE0E6)", + "hover": "var(--vkui--color_background_secondary--hover, #E6E9EE)", + "normal": "var(--vkui--color_background_secondary, #F0F2F5)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(213, 226, 241, 0.99))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(223, 234, 246, 0.99))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(235, 242, 250, 0.99))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "active": "var(--vkui--color_background_tertiary--active, #E6E8ED)", + "hover": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", + "normal": "var(--vkui--color_background_tertiary, #FAFBFC)", }, "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", @@ -353348,24 +353353,24 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "active": "var(--vkui--color_button_icon--active, #305B90)", + "hover": "var(--vkui--color_button_icon--hover, #325F93)", + "normal": "var(--vkui--color_button_icon, #346297)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "active": "var(--vkui--color_button_stroke--active, #305B90)", + "hover": "var(--vkui--color_button_stroke--hover, #325F93)", + "normal": "var(--vkui--color_button_stroke, #346297)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "active": "var(--vkui--color_button_text--active, #305B90)", + "hover": "var(--vkui--color_button_text--hover, #325F93)", + "normal": "var(--vkui--color_button_text, #346297)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "active": "var(--vkui--color_field_background--active, #E3E5EB)", + "hover": "var(--vkui--color_field_background--hover, #EDEFF2)", + "normal": "var(--vkui--color_field_background, #F7F8FA)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -353375,22 +353380,22 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "colorHeaderBackground": { "active": "var(--vkui--color_header_background--active, #EBECEF)", "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #ffffff)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent, #2688eb)", + "active": "var(--vkui--color_icon_accent--active, #3F72B0)", + "hover": "var(--vkui--color_icon_accent--hover, #4177B5)", + "normal": "var(--vkui--color_icon_accent, #447BBA)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + "active": "var(--vkui--color_icon_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_icon_accent_themed, #3770B1)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #ffffff)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", @@ -353400,12 +353405,12 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "colorIconContrastThemed": { "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "active": "var(--vkui--color_icon_medium--active, #66717F)", + "hover": "var(--vkui--color_icon_medium--hover, #6B7582)", + "normal": "var(--vkui--color_icon_medium, #6F7985)", }, "colorIconMediumAlpha": { "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", @@ -353415,12 +353420,12 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #D44245)", "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "normal": "var(--vkui--color_icon_negative, #E64646)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #45A64A)", "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "normal": "var(--vkui--color_icon_positive, #4BB34B)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #282B2F)", @@ -353428,14 +353433,14 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_primary, #2c2d2e)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "active": "var(--vkui--color_icon_primary_invariably--active, #2F3034)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #313233)", + "normal": "var(--vkui--color_icon_primary_invariably, #333333)", }, "colorIconSecondary": { "active": "var(--vkui--color_icon_secondary--active, #8D96A4)", "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + "normal": "var(--vkui--color_icon_secondary, #99A2AD)", }, "colorIconSecondaryAlpha": { "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", @@ -353443,9 +353448,9 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "active": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", + "hover": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", + "normal": "var(--vkui--color_icon_tertiary, #AEB7C2)", }, "colorIconTertiaryAlpha": { "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", @@ -353475,7 +353480,7 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #EBECEF)", "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #ffffff)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -353488,14 +353493,14 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", - "normal": "var(--vkui--color_panel_header_icon, #2688eb)", + "active": "var(--vkui--color_panel_header_icon--active, #3F72B0)", + "hover": "var(--vkui--color_panel_header_icon--hover, #4177B5)", + "normal": "var(--vkui--color_panel_header_icon, #447BBA)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D8DBE2)", - "hover": "var(--vkui--color_search_field_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_search_field_background, #ebedf0)", + "active": "var(--vkui--color_search_field_background--active, #DADCE2)", + "hover": "var(--vkui--color_search_field_background--hover, #E4E5E9)", + "normal": "var(--vkui--color_search_field_background, #EDEEF0)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", @@ -353503,19 +353508,19 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_segmented_control, #ffffff)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "active": "var(--vkui--color_separator_primary--active, #CAD0D8)", + "hover": "var(--vkui--color_separator_primary--hover, #D3D9DF)", + "normal": "var(--vkui--color_separator_primary, #DCE1E6)", }, "colorSeparatorPrimary2x": { "active": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "normal": "var(--vkui--color_separator_primary2x, #CBCCCD)", }, "colorSeparatorPrimary3x": { "active": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "normal": "var(--vkui--color_separator_primary3x, #BEBFC1)", }, "colorSeparatorPrimaryAlpha": { "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", @@ -353523,29 +353528,29 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "active": "var(--vkui--color_separator_secondary--active, #D5D7DE)", + "hover": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", + "normal": "var(--vkui--color_separator_secondary, #E7E8EC)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "active": "var(--vkui--color_skeleton_from--active, #DDE0E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", + "normal": "var(--vkui--color_skeleton_from, #F0F2F5)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "active": "var(--vkui--color_skeleton_to--active, #D5D7DE)", + "hover": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", + "normal": "var(--vkui--color_skeleton_to, #E7E8EC)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #DB790C)", - "hover": "var(--vkui--color_stroke_accent--hover, #E47D0A)", - "normal": "var(--vkui--color_stroke_accent, #EE8208)", + "active": "var(--vkui--color_stroke_accent--active, #3F72B0)", + "hover": "var(--vkui--color_stroke_accent--hover, #4177B5)", + "normal": "var(--vkui--color_stroke_accent, #447BBA)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "active": "var(--vkui--color_stroke_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_stroke_accent_themed, #3770B1)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -353555,12 +353560,12 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #D44245)", "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "normal": "var(--vkui--color_stroke_negative, #E64646)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #45A64A)", "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "normal": "var(--vkui--color_stroke_positive, #4BB34B)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", @@ -353568,34 +353573,34 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #DB790C)", - "hover": "var(--vkui--color_text_accent--hover, #E47D0A)", - "normal": "var(--vkui--color_text_accent, #EE8208)", + "active": "var(--vkui--color_text_accent--active, #3F72B0)", + "hover": "var(--vkui--color_text_accent--hover, #4177B5)", + "normal": "var(--vkui--color_text_accent, #447BBA)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #DB790C)", - "hover": "var(--vkui--color_text_accent_themed--hover, #E47D0A)", - "normal": "var(--vkui--color_text_accent_themed, #EE8208)", + "active": "var(--vkui--color_text_accent_themed--active, #3368A8)", + "hover": "var(--vkui--color_text_accent_themed--hover, #356CAC)", + "normal": "var(--vkui--color_text_accent_themed, #3770B1)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #ffffff)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "active": "var(--vkui--color_text_link--active, #27527F)", + "hover": "var(--vkui--color_text_link--hover, #285582)", + "normal": "var(--vkui--color_text_link, #2A5885)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #2978D3)", - "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + "active": "var(--vkui--color_text_link_themed--active, #27527F)", + "hover": "var(--vkui--color_text_link_themed--hover, #285582)", + "normal": "var(--vkui--color_text_link_themed, #2A5885)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -353608,19 +353613,19 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "active": "var(--vkui--color_text_muted--active, #2F3034)", + "hover": "var(--vkui--color_text_muted--hover, #313233)", + "normal": "var(--vkui--color_text_muted, #333333)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #D44245)", "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "normal": "var(--vkui--color_text_negative, #E64646)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #45A64A)", "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "normal": "var(--vkui--color_text_positive, #4BB34B)", }, "colorTextPrimary": { "active": "var(--vkui--color_text_primary--active, #000105)", @@ -353628,34 +353633,34 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #000105)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #000102)", - "normal": "var(--vkui--color_text_primary_invariably, #000000)", + "active": "var(--vkui--color_text_primary_invariably--active, #2F3034)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #313233)", + "normal": "var(--vkui--color_text_primary_invariably, #333333)", }, "colorTextSecondary": { "active": "var(--vkui--color_text_secondary--active, #778292)", "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "normal": "var(--vkui--color_text_secondary, #818C99)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #64707F)", - "hover": "var(--vkui--color_text_subhead--hover, #697482)", - "normal": "var(--vkui--color_text_subhead, #6d7885)", + "active": "var(--vkui--color_text_subhead--active, #5A6675)", + "hover": "var(--vkui--color_text_subhead--hover, #5E6978)", + "normal": "var(--vkui--color_text_subhead, #626D7A)", }, "colorTextTertiary": { "active": "var(--vkui--color_text_tertiary--active, #8D96A4)", "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", - "normal": "var(--vkui--color_text_tertiary, #99a2ad)", + "normal": "var(--vkui--color_text_tertiary, #99A2AD)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #CFD2D8)", - "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", - "normal": "var(--vkui--color_track_background, #e1e3e6)", + "active": "var(--vkui--color_track_background--active, #C2C9D1)", + "hover": "var(--vkui--color_track_background--hover, #CBD1D8)", + "normal": "var(--vkui--color_track_background, #D3D9DE)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #93B1D7)", - "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", - "normal": "var(--vkui--color_track_buffer, #a0bfe4)", + "active": "var(--vkui--color_track_buffer--active, #3F72B0)", + "hover": "var(--vkui--color_track_buffer--hover, #4177B5)", + "normal": "var(--vkui--color_track_buffer, #447BBA)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", @@ -353663,19 +353668,19 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #3A80D3)", - "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", - "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "active": "var(--vkui--color_write_bar_icon--active, #778292)", + "hover": "var(--vkui--color_write_bar_icon--hover, #7C8795)", + "normal": "var(--vkui--color_write_bar_icon, #818C99)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "active": "var(--vkui--color_write_bar_input_background--active, #EBECEF)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_write_bar_input_background, #FFFFFF)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", - "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + "active": "var(--vkui--color_write_bar_input_border--active, #C2C9D1)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #CBD1D8)", + "normal": "var(--vkui--color_write_bar_input_border, #D3D9DE)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", @@ -353799,11 +353804,11 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -353811,11 +353816,11 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -353843,11 +353848,11 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -353855,11 +353860,11 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -353941,7 +353946,7 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -354053,7 +354058,7 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", @@ -354066,7 +354071,7 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` }, "sizePanelHeaderHeight": { "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "regular": "var(--vkui--size_panel_header_height--regular, 48px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -354083,7 +354088,7 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "var(--vkui--size_popup_small--regular, 448px)", }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", @@ -354103,16 +354108,16 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": "var(--vkui--size_switch_height--compact, 10px)", + "regular": "var(--vkui--size_switch_height--regular, 10px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "var(--vkui--size_switch_pin--compact, 16px)", + "regular": "var(--vkui--size_switch_pin--regular, 16px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "var(--vkui--size_switch_width--compact, 27px)", + "regular": "var(--vkui--size_switch_width--regular, 27px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -354127,15 +354132,16 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeName": "var(--vkui--theme_name, vkIdOk)", - "themeNameBase": "var(--vkui--theme_name_base, vkIdOk)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", + "themeName": "var(--vkui--theme_name, vkCom)", + "themeNameBase": "var(--vkui--theme_name_base, vkCom)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` +exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -354143,24 +354149,24 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181B8", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorAccentGreen": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorAccentOrange": { "active": "#EB9405", "hover": "#F59A02", - "normal": "#ffa000", + "normal": "#FFA000", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -354175,7 +354181,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "colorAccentPurple": { "active": "#6A56D8", "hover": "#6E59DF", - "normal": "#735ce6", + "normal": "#735CE6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", @@ -354185,7 +354191,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "colorAccentRed": { "active": "#EB3046", "hover": "#F53247", - "normal": "#ff3347", + "normal": "#FF3347", }, "colorAccentSecondary": { "active": "#3A80D3", @@ -354195,7 +354201,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "colorAccentViolet": { "active": "#6F2CB6", "hover": "#742DBB", - "normal": "#792ec0", + "normal": "#792EC0", }, "colorActionSheetText": { "active": "#3A80D3", @@ -354213,29 +354219,29 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(68, 123, 186, 0.2)", + "hover": "rgba(68, 123, 186, 0.16)", + "normal": "rgba(68, 123, 186, 0.12)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -354245,17 +354251,17 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -354275,27 +354281,27 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { "active": "#292B2F", "hover": "#2B2C2F", - "normal": "#2d2d2e", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -354303,19 +354309,19 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(213, 226, 241, 0.99)", + "hover": "rgba(223, 234, 246, 0.99)", + "normal": "rgba(235, 242, 250, 0.99)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#E6E8ED", + "hover": "#F0F2F4", + "normal": "#FAFBFC", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", @@ -354328,24 +354334,24 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#F7F8FA", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -354355,22 +354361,22 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "colorHeaderBackground": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -354380,12 +354386,12 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#66717F", + "hover": "#6B7582", + "normal": "#6F7985", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", @@ -354395,12 +354401,12 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "colorIconNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorIconPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorIconPrimary": { "active": "#282B2F", @@ -354408,14 +354414,14 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorIconSecondary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", @@ -354423,9 +354429,9 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", @@ -354455,7 +354461,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "colorLinkContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -354468,14 +354474,14 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -354483,19 +354489,19 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#DCE1E6", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", "hover": "#C3C4C7", - "normal": "#cbcccd", + "normal": "#CBCCCD", }, "colorSeparatorPrimary3x": { "active": "#AFB1B6", "hover": "#B6B8BC", - "normal": "#bebfc1", + "normal": "#BEBFC1", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", @@ -354503,29 +354509,29 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorStrokeAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -354535,12 +354541,12 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorStrokePositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -354548,34 +354554,34 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkTint": { "active": "#689EDD", @@ -354588,19 +354594,19 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextNegative": { "active": "#D44245", "hover": "#DD4446", - "normal": "#e64646", + "normal": "#E64646", }, "colorTextPositive": { "active": "#45A64A", "hover": "#48AC4A", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTextPrimary": { "active": "#000105", @@ -354608,34 +354614,34 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextSecondary": { "active": "#778292", "hover": "#7C8795", - "normal": "#818c99", + "normal": "#818C99", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#5A6675", + "hover": "#5E6978", + "normal": "#626D7A", }, "colorTextTertiary": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99a2ad", + "normal": "#99A2AD", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -354643,19 +354649,19 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -354779,11 +354785,11 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -354791,11 +354797,11 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -354823,11 +354829,11 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": 13, - "lineHeight": 16, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -354835,11 +354841,11 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": 13, + "lineHeight": 16, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -354921,7 +354927,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -355033,7 +355039,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": 8, }, "sizeIconUI": { "regular": 16, @@ -355046,7 +355052,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": 48, - "regular": 56, + "regular": 48, }, "sizePopupBasePadding": { "compact": 20, @@ -355063,7 +355069,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 430, + "regular": 448, }, "sizeSearchHeight": { "compact": 32, @@ -355083,16 +355089,16 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": 10, + "regular": 10, }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": 16, + "regular": 16, }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": 27, + "regular": 27, }, "sizeTooltipMargin": { "regular": 8, @@ -355107,15 +355113,16 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "vkIdOk", - "themeNameBase": "vkIdOk", + "themeInheritsFrom": "vkBase", + "themeName": "vkCom", + "themeNameBase": "vkCom", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -355140,29 +355147,29 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "value": "var(--vkui--color_accent_blue--active, #4987D0)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #4182CE)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #397DCC)", }, }, "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #B4BDC7)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "value": "var(--vkui--color_accent_gray--hover, #B1BAC4)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "value": "var(--vkui--color_accent_gray, #AEB7C2)", }, }, "colorAccentGreen": { @@ -355176,7 +355183,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "value": "var(--vkui--color_accent_green, #4BB34B)", }, }, "colorAccentOrange": { @@ -355190,7 +355197,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #FFA000)", }, }, "colorAccentOrangeFire": { @@ -355224,15 +355231,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #9C89F6)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #9784F5)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #937FF5)", }, }, "colorAccentRaspberryPink": { @@ -355260,7 +355267,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "value": "var(--vkui--color_accent_red, #FF3347)", }, }, "colorAccentSecondary": { @@ -355288,7 +355295,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #A94FFF)", }, }, "colorActionSheetText": { @@ -355336,57 +355343,57 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #1E1E1E)", + "value": "var(--vkui--color_background--active, #272727)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #1D1D1D)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #141414)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #F58C15)", + "value": "var(--vkui--color_background_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #F38910)", + "value": "var(--vkui--color_background_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #EE8208)", + "value": "var(--vkui--color_background_accent, #71AAEB)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "value": "var(--vkui--color_background_accent_alternative--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "value": "var(--vkui--color_background_accent_alternative, #71AAEB)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_background_accent_themed--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -355420,15 +355427,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", + "value": "var(--vkui--color_background_content--active, #343434)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #222222)", }, }, "colorBackgroundContrast": { @@ -355448,15 +355455,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", + "value": "var(--vkui--color_background_contrast_inverse--active, #434343)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "value": "var(--vkui--color_background_contrast_inverse, #333333)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -355504,15 +355511,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #3D3E3F)", + "value": "var(--vkui--color_background_modal--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #343536)", + "value": "var(--vkui--color_background_modal--hover, #323232)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #2c2d2e)", + "value": "var(--vkui--color_background_modal, #292929)", }, }, "colorBackgroundModalInverse": { @@ -355540,7 +355547,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "colorBackgroundNegativeTint": { @@ -355568,35 +355575,35 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", + "value": "var(--vkui--color_background_positive, #4BB34B)", }, }, "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "value": "var(--vkui--color_background_positive_tint--active, #405140)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + "value": "var(--vkui--color_background_positive_tint--hover, #374A37)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #2F422F)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #434343)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "value": "var(--vkui--color_background_secondary, #333333)", }, }, "colorBackgroundSecondaryAlpha": { @@ -355616,15 +355623,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #323232)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "value": "var(--vkui--color_background_tertiary, #292929)", }, }, "colorBackgroundTertiaryAlpha": { @@ -355658,57 +355665,57 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #E1E3E6)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #E1E3E6)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #E1E3E6)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #323232)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #292929)", }, }, "colorFieldBorderAlpha": { @@ -355728,57 +355735,57 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #343434)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #222222)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #71AAEB)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_icon_accent_themed--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "value": "var(--vkui--color_icon_contrast--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "value": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast, #E1E3E6)", }, }, "colorIconContrastSecondary": { @@ -355798,43 +355805,43 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "value": "var(--vkui--color_icon_contrast_themed--active, #343434)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "value": "var(--vkui--color_icon_contrast_themed, #222222)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "value": "var(--vkui--color_icon_medium--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #979797)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "value": "var(--vkui--color_icon_medium, #939393)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(255, 255, 255, 0.56))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(255, 255, 255, 0.52))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", }, }, "colorIconNegative": { @@ -355848,7 +355855,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", }, }, "colorIconPositive": { @@ -355862,7 +355869,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "value": "var(--vkui--color_icon_positive, #4BB34B)", }, }, "colorIconPrimary": { @@ -355882,71 +355889,71 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "value": "var(--vkui--color_icon_primary_invariably--active, #434343)", }, "hover": { "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "value": "var(--vkui--color_icon_primary_invariably, #333333)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #878787)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "value": "var(--vkui--color_icon_secondary, #828282)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(255, 255, 255, 0.48))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(255, 255, 255, 0.44))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(255, 255, 255, 0.40))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #717171)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "value": "var(--vkui--color_icon_tertiary, #656565)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.32))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.28))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", }, }, "colorIconWarning": { @@ -356058,21 +356065,21 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "value": "var(--vkui--color_panel_header_icon, #71AAEB)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #464748)", + "value": "var(--vkui--color_search_field_background--active, #515151)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #4A4A4A)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #424242)", }, }, "colorSegmentedControl": { @@ -356148,71 +356155,71 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #323232)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #292929)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #323232)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #292929)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #434343)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #333333)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #EF8C1C)", + "value": "var(--vkui--color_stroke_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #EF8712)", + "value": "var(--vkui--color_stroke_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #EE8208)", + "value": "var(--vkui--color_stroke_accent, #71AAEB)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_stroke_accent_themed--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", }, }, "colorStrokeContrast": { @@ -356240,7 +356247,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", }, }, "colorStrokePositive": { @@ -356254,7 +356261,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "value": "var(--vkui--color_stroke_positive, #4BB34B)", }, }, "colorTabbarTextInactive": { @@ -356274,29 +356281,29 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #EF8C1C)", + "value": "var(--vkui--color_text_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #EF8712)", + "value": "var(--vkui--color_text_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #EE8208)", + "value": "var(--vkui--color_text_accent, #71AAEB)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #EDEEF1)", + "value": "var(--vkui--color_text_accent_themed--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #ECEEF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EBEDF0)", + "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", }, }, "colorTextContrast": { @@ -356316,43 +356323,43 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #141414)", + "value": "var(--vkui--color_text_contrast_themed--active, #343434)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #222222)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #71AAEB)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "value": "var(--vkui--color_text_link_themed--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_text_link_themed--hover, #979797)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "value": "var(--vkui--color_text_link_themed, #939393)", }, }, "colorTextLinkTint": { @@ -356386,15 +356393,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + "value": "var(--vkui--color_text_muted--active, #D0D0D0)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #CECECE)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "value": "var(--vkui--color_text_muted, #CCCCCC)", }, }, "colorTextNegative": { @@ -356408,7 +356415,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #FF5C5C)", }, }, "colorTextPositive": { @@ -356422,7 +356429,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "value": "var(--vkui--color_text_positive, #4BB34B)", }, }, "colorTextPrimary": { @@ -356436,91 +356443,91 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #E1E3E6)", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #141414)", + "value": "var(--vkui--color_text_primary_invariably--active, #434343)", }, "hover": { "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "value": "var(--vkui--color_text_primary_invariably--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "value": "var(--vkui--color_text_primary_invariably, #333333)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #878787)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #828282)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #979797)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #939393)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #717171)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #656565)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #878787)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #828282)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #FFFFFF)", }, }, "colorTransparent": { @@ -356540,43 +356547,43 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #818385)", + "value": "var(--vkui--color_write_bar_icon--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + "value": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "value": "var(--vkui--color_write_bar_icon, #E1E3E6)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + "value": "var(--vkui--color_write_bar_input_background--active, #515151)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", + "value": "var(--vkui--color_write_bar_input_background--hover, #4A4A4A)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_background, #424242)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "value": "var(--vkui--color_write_bar_input_border--active, #636363)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "value": "var(--vkui--color_write_bar_input_border--hover, #5C5C5C)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_border, #555555)", }, }, "colorWriteBarInputBorderAlpha": { @@ -357157,17 +357164,17 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", + "value": "var(--vkui--font_headline--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", + "value": "var(--vkui--font_headline--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -357205,17 +357212,17 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + "value": "var(--vkui--font_headline1--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + "value": "var(--vkui--font_headline1--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -357339,17 +357346,17 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + "value": "var(--vkui--font_subhead--font_size--compact, 14px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -357387,17 +357394,17 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 15px)", + "value": "var(--vkui--font_text--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 20px)", + "value": "var(--vkui--font_text--line_height--compact, 16px)", }, }, "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -357712,7 +357719,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, }, "sizeBasePaddingVertical": { @@ -358088,7 +358095,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", }, }, "sizeIconUI": { @@ -358132,7 +358139,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "value": "var(--vkui--size_panel_header_height--regular, 48px)", }, }, "sizePopupBasePadding": { @@ -358190,7 +358197,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "value": "var(--vkui--size_popup_small--regular, 448px)", }, }, "sizeSearchHeight": { @@ -358258,11 +358265,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "value": "var(--vkui--size_switch_height--compact, 10px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "value": "var(--vkui--size_switch_height--regular, 10px)", }, }, "sizeSwitchPin": { @@ -358272,11 +358279,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "value": "var(--vkui--size_switch_pin--compact, 16px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "value": "var(--vkui--size_switch_pin--regular, 16px)", }, }, "sizeSwitchWidth": { @@ -358286,11 +358293,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "value": "var(--vkui--size_switch_width--compact, 27px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "value": "var(--vkui--size_switch_width--regular, 27px)", }, }, "sizeTooltipMargin": { @@ -358345,15 +358352,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", + "value": "var(--vkui--theme_inherits_from, vkBaseDark)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOkDark)", + "value": "var(--vkui--theme_name, vkComDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOk)", + "value": "var(--vkui--theme_name_base, vkCom)", }, "themeType": "cssVars", "zIndexModal": { @@ -358367,7 +358374,7 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -358375,24 +358382,24 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397DCC", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "active": "#B4BDC7", + "hover": "#B1BAC4", + "normal": "#AEB7C2", }, "colorAccentGreen": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorAccentOrange": { "active": "#FFA814", "hover": "#FFA40A", - "normal": "#ffa000", + "normal": "#FFA000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -358405,9 +358412,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFC062", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#9C89F6", + "hover": "#9784F5", + "normal": "#937FF5", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -358417,7 +358424,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "colorAccentRed": { "active": "#FF4356", "hover": "#FF3B4E", - "normal": "#ff3347", + "normal": "#FF3347", }, "colorAccentSecondary": { "active": "#4E93E2", @@ -358427,7 +358434,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "colorAccentViolet": { "active": "#B05DFF", "hover": "#AC56FF", - "normal": "#a94fff", + "normal": "#A94FFF", }, "colorActionSheetText": { "active": "#7CB1ED", @@ -358445,24 +358452,24 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorBackgroundAccent": { - "active": "#F58C15", - "hover": "#F38910", - "normal": "#EE8208", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -358475,9 +358482,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -358485,9 +358492,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -358505,9 +358512,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -358517,7 +358524,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", @@ -358527,17 +358534,17 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", @@ -358545,9 +358552,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", @@ -358560,24 +358567,24 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#473315", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -358585,24 +358592,24 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrastSecondary": { "active": "#F3F4F6", @@ -358610,29 +358617,29 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorIconPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorIconPrimary": { "active": "#E3E5E8", @@ -358640,29 +358647,29 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(255, 255, 255, 0.48)", + "hover": "rgba(255, 255, 255, 0.44)", + "normal": "rgba(255, 255, 255, 0.40)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "colorIconWarning": { "active": "#EEB663", @@ -358702,12 +358709,12 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71aaeb", + "normal": "#71AAEB", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -358735,29 +358742,29 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorStrokeAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -358767,12 +358774,12 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorStrokePositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { "active": "#818385", @@ -358780,14 +358787,14 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#76787a", }, "colorTextAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextAccentThemed": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#EBEDF0", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextContrast": { "active": "#D7D8DB", @@ -358795,19 +358802,19 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -358820,54 +358827,54 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D0D0D0", + "hover": "#CECECE", + "normal": "#CCCCCC", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorTextPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTextPrimary": { "active": "#E3E5E8", "hover": "#E2E4E7", - "normal": "#e1e3e6", + "normal": "#E1E3E6", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -358875,19 +358882,19 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -359011,11 +359018,11 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -359023,11 +359030,11 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -359055,11 +359062,11 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "fontSize": "14px", + "lineHeight": "18px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -359067,11 +359074,11 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -359153,7 +359160,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -359265,7 +359272,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "8px", }, "sizeIconUI": { "regular": "16px", @@ -359278,7 +359285,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": "48px", - "regular": "56px", + "regular": "48px", }, "sizePopupBasePadding": { "compact": "20px", @@ -359295,7 +359302,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "430px", + "regular": "448px", }, "sizeSearchHeight": { "compact": "32px", @@ -359315,16 +359322,16 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": "10px", + "regular": "10px", }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": "16px", + "regular": "16px", }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": "27px", + "regular": "27px", }, "sizeTooltipMargin": { "regular": "8px", @@ -359339,16 +359346,16 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkDark", - "themeNameBase": "vkIdOk", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkComDark", + "themeNameBase": "vkCom", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -359356,24 +359363,24 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "active": "var(--vkui--color_accent_blue--active, #4987D0)", + "hover": "var(--vkui--color_accent_blue--hover, #4182CE)", + "normal": "var(--vkui--color_accent_blue, #397DCC)", }, "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - "normal": "var(--vkui--color_accent_gray, #a3adb8)", + "active": "var(--vkui--color_accent_gray--active, #B4BDC7)", + "hover": "var(--vkui--color_accent_gray--hover, #B1BAC4)", + "normal": "var(--vkui--color_accent_gray, #AEB7C2)", }, "colorAccentGreen": { "active": "var(--vkui--color_accent_green--active, #59B959)", "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "normal": "var(--vkui--color_accent_green, #4BB34B)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #FFA814)", "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "normal": "var(--vkui--color_accent_orange, #FFA000)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", @@ -359386,9 +359393,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "active": "var(--vkui--color_accent_purple--active, #9C89F6)", + "hover": "var(--vkui--color_accent_purple--hover, #9784F5)", + "normal": "var(--vkui--color_accent_purple, #937FF5)", }, "colorAccentRaspberryPink": { "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", @@ -359398,7 +359405,7 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #FF4356)", "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "normal": "var(--vkui--color_accent_red, #FF3347)", }, "colorAccentSecondary": { "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", @@ -359408,7 +359415,7 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "colorAccentViolet": { "active": "var(--vkui--color_accent_violet--active, #B05DFF)", "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "normal": "var(--vkui--color_accent_violet, #A94FFF)", }, "colorActionSheetText": { "active": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", @@ -359426,24 +359433,24 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #1E1E1E)", - "hover": "var(--vkui--color_background--hover, #141414)", - "normal": "var(--vkui--color_background, #0a0a0a)", + "active": "var(--vkui--color_background--active, #272727)", + "hover": "var(--vkui--color_background--hover, #1D1D1D)", + "normal": "var(--vkui--color_background, #141414)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #F58C15)", - "hover": "var(--vkui--color_background_accent--hover, #F38910)", - "normal": "var(--vkui--color_background_accent, #EE8208)", + "active": "var(--vkui--color_background_accent--active, #7CB1ED)", + "hover": "var(--vkui--color_background_accent--hover, #77ADEC)", + "normal": "var(--vkui--color_background_accent, #71AAEB)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", + "active": "var(--vkui--color_background_accent_alternative--active, #7CB1ED)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #77ADEC)", + "normal": "var(--vkui--color_background_accent_alternative, #71AAEB)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_background_accent_themed--active, #CFD2D8)", + "hover": "var(--vkui--color_background_accent_themed--hover, #D8DBDF)", + "normal": "var(--vkui--color_background_accent_themed, #E1E3E6)", }, "colorBackgroundAccentThemedAlpha": { "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", @@ -359456,9 +359463,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #2B2B2C)", - "hover": "var(--vkui--color_background_content--hover, #222223)", - "normal": "var(--vkui--color_background_content, #19191a)", + "active": "var(--vkui--color_background_content--active, #343434)", + "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", + "normal": "var(--vkui--color_background_content, #222222)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", @@ -359466,9 +359473,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "active": "var(--vkui--color_background_contrast_inverse--active, #434343)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #3B3B3B)", + "normal": "var(--vkui--color_background_contrast_inverse, #333333)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -359486,9 +359493,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_info_tint, #1C3954)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #3D3E3F)", - "hover": "var(--vkui--color_background_modal--hover, #343536)", - "normal": "var(--vkui--color_background_modal, #2c2d2e)", + "active": "var(--vkui--color_background_modal--active, #3A3A3A)", + "hover": "var(--vkui--color_background_modal--hover, #323232)", + "normal": "var(--vkui--color_background_modal, #292929)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -359498,7 +359505,7 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #FF6969)", "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "normal": "var(--vkui--color_background_negative, #FF5C5C)", }, "colorBackgroundNegativeTint": { "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", @@ -359508,17 +359515,17 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "normal": "var(--vkui--color_background_positive, #4BB34B)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", - "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", - "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "active": "var(--vkui--color_background_positive_tint--active, #405140)", + "hover": "var(--vkui--color_background_positive_tint--hover, #374A37)", + "normal": "var(--vkui--color_background_positive_tint, #2F422F)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "active": "var(--vkui--color_background_secondary--active, #434343)", + "hover": "var(--vkui--color_background_secondary--hover, #3B3B3B)", + "normal": "var(--vkui--color_background_secondary, #333333)", }, "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", @@ -359526,9 +359533,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "active": "var(--vkui--color_background_tertiary--active, #3A3A3A)", + "hover": "var(--vkui--color_background_tertiary--hover, #323232)", + "normal": "var(--vkui--color_background_tertiary, #292929)", }, "colorBackgroundTertiaryAlpha": { "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", @@ -359541,24 +359548,24 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_warning, #473315)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "active": "var(--vkui--color_button_icon--active, #E3E5E8)", + "hover": "var(--vkui--color_button_icon--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_icon, #E1E3E6)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "active": "var(--vkui--color_button_stroke--active, #E3E5E8)", + "hover": "var(--vkui--color_button_stroke--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_stroke, #E1E3E6)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "active": "var(--vkui--color_button_text--active, #E3E5E8)", + "hover": "var(--vkui--color_button_text--hover, #E2E4E7)", + "normal": "var(--vkui--color_button_text, #E1E3E6)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "active": "var(--vkui--color_field_background--active, #3A3A3A)", + "hover": "var(--vkui--color_field_background--hover, #323232)", + "normal": "var(--vkui--color_field_background, #292929)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", @@ -359566,24 +359573,24 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "active": "var(--vkui--color_header_background--active, #343434)", + "hover": "var(--vkui--color_header_background--hover, #2B2B2B)", + "normal": "var(--vkui--color_header_background, #222222)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "active": "var(--vkui--color_icon_accent--active, #7CB1ED)", + "hover": "var(--vkui--color_icon_accent--hover, #77ADEC)", + "normal": "var(--vkui--color_icon_accent, #71AAEB)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_icon_accent_themed--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_accent_themed, #E1E3E6)", }, "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "active": "var(--vkui--color_icon_contrast--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_contrast, #E1E3E6)", }, "colorIconContrastSecondary": { "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", @@ -359591,29 +359598,29 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", - "normal": "var(--vkui--color_icon_contrast_themed, #000000)", + "active": "var(--vkui--color_icon_contrast_themed--active, #343434)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #2B2B2B)", + "normal": "var(--vkui--color_icon_contrast_themed, #222222)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #b0b1b6)", + "active": "var(--vkui--color_icon_medium--active, #9C9C9C)", + "hover": "var(--vkui--color_icon_medium--hover, #979797)", + "normal": "var(--vkui--color_icon_medium, #939393)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(255, 255, 255, 0.56))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(255, 255, 255, 0.52))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #FF6969)", "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "normal": "var(--vkui--color_icon_negative, #FF5C5C)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #59B959)", "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "normal": "var(--vkui--color_icon_positive, #4BB34B)", }, "colorIconPrimary": { "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", @@ -359621,29 +359628,29 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_primary, #e1e3e6)", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", - "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "active": "var(--vkui--color_icon_primary_invariably--active, #434343)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #3B3B3B)", + "normal": "var(--vkui--color_icon_primary_invariably, #333333)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #818385)", - "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "active": "var(--vkui--color_icon_secondary--active, #8C8C8C)", + "hover": "var(--vkui--color_icon_secondary--hover, #878787)", + "normal": "var(--vkui--color_icon_secondary, #828282)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(255, 255, 255, 0.48))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(255, 255, 255, 0.44))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(255, 255, 255, 0.40))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "active": "var(--vkui--color_icon_tertiary--active, #717171)", + "hover": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", + "normal": "var(--vkui--color_icon_tertiary, #656565)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.32))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.28))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #EEB663)", @@ -359683,12 +359690,12 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", - "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", + "normal": "var(--vkui--color_panel_header_icon, #71AAEB)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #464748)", - "hover": "var(--vkui--color_search_field_background--hover, #3E3F40)", - "normal": "var(--vkui--color_search_field_background, #363738)", + "active": "var(--vkui--color_search_field_background--active, #515151)", + "hover": "var(--vkui--color_search_field_background--hover, #4A4A4A)", + "normal": "var(--vkui--color_search_field_background, #424242)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #6F6F70)", @@ -359716,29 +359723,29 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "active": "var(--vkui--color_separator_secondary--active, #3A3A3A)", + "hover": "var(--vkui--color_separator_secondary--hover, #323232)", + "normal": "var(--vkui--color_separator_secondary, #292929)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "active": "var(--vkui--color_skeleton_from--active, #3A3A3A)", + "hover": "var(--vkui--color_skeleton_from--hover, #323232)", + "normal": "var(--vkui--color_skeleton_from, #292929)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "active": "var(--vkui--color_skeleton_to--active, #434343)", + "hover": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", + "normal": "var(--vkui--color_skeleton_to, #333333)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #EF8C1C)", - "hover": "var(--vkui--color_stroke_accent--hover, #EF8712)", - "normal": "var(--vkui--color_stroke_accent, #EE8208)", + "active": "var(--vkui--color_stroke_accent--active, #7CB1ED)", + "hover": "var(--vkui--color_stroke_accent--hover, #77ADEC)", + "normal": "var(--vkui--color_stroke_accent, #71AAEB)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_stroke_accent_themed--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", @@ -359748,12 +359755,12 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "colorStrokeNegative": { "active": "var(--vkui--color_stroke_negative--active, #FF6969)", "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", + "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #59B959)", "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "normal": "var(--vkui--color_stroke_positive, #4BB34B)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", @@ -359761,14 +359768,14 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #EF8C1C)", - "hover": "var(--vkui--color_text_accent--hover, #EF8712)", - "normal": "var(--vkui--color_text_accent, #EE8208)", + "active": "var(--vkui--color_text_accent--active, #7CB1ED)", + "hover": "var(--vkui--color_text_accent--hover, #77ADEC)", + "normal": "var(--vkui--color_text_accent, #71AAEB)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #EDEEF1)", - "hover": "var(--vkui--color_text_accent_themed--hover, #ECEEF1)", - "normal": "var(--vkui--color_text_accent_themed, #EBEDF0)", + "active": "var(--vkui--color_text_accent_themed--active, #E3E5E8)", + "hover": "var(--vkui--color_text_accent_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_accent_themed, #E1E3E6)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", @@ -359776,19 +359783,19 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #141414)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", - "normal": "var(--vkui--color_text_contrast_themed, #000000)", + "active": "var(--vkui--color_text_contrast_themed--active, #343434)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", + "normal": "var(--vkui--color_text_contrast_themed, #222222)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "active": "var(--vkui--color_text_link--active, #7CB1ED)", + "hover": "var(--vkui--color_text_link--hover, #77ADEC)", + "normal": "var(--vkui--color_text_link, #71AAEB)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", + "active": "var(--vkui--color_text_link_themed--active, #9C9C9C)", + "hover": "var(--vkui--color_text_link_themed--hover, #979797)", + "normal": "var(--vkui--color_text_link_themed, #939393)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", @@ -359801,54 +359808,54 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "active": "var(--vkui--color_text_muted--active, #D0D0D0)", + "hover": "var(--vkui--color_text_muted--hover, #CECECE)", + "normal": "var(--vkui--color_text_muted, #CCCCCC)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #FF6969)", "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #ff5c5c)", + "normal": "var(--vkui--color_text_negative, #FF5C5C)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #59B959)", "hover": "var(--vkui--color_text_positive--hover, #52B652)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "normal": "var(--vkui--color_text_positive, #4BB34B)", }, "colorTextPrimary": { "active": "var(--vkui--color_text_primary--active, #E3E5E8)", "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "normal": "var(--vkui--color_text_primary, #E1E3E6)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", - "normal": "var(--vkui--color_text_primary_invariably, #000000)", + "active": "var(--vkui--color_text_primary_invariably--active, #434343)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #3B3B3B)", + "normal": "var(--vkui--color_text_primary_invariably, #333333)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #8C8C8C)", + "hover": "var(--vkui--color_text_secondary--hover, #878787)", + "normal": "var(--vkui--color_text_secondary, #828282)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", - "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_subhead, #969a9f)", + "active": "var(--vkui--color_text_subhead--active, #9C9C9C)", + "hover": "var(--vkui--color_text_subhead--hover, #979797)", + "normal": "var(--vkui--color_text_subhead, #939393)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_text_tertiary--hover, #636567)", - "normal": "var(--vkui--color_text_tertiary, #5d5f61)", + "active": "var(--vkui--color_text_tertiary--active, #717171)", + "hover": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", + "normal": "var(--vkui--color_text_tertiary, #656565)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #545556)", - "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", - "normal": "var(--vkui--color_track_background, #454647)", + "active": "var(--vkui--color_track_background--active, #8C8C8C)", + "hover": "var(--vkui--color_track_background--hover, #878787)", + "normal": "var(--vkui--color_track_background, #828282)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #4F647D)", - "hover": "var(--vkui--color_track_buffer--hover, #485E78)", - "normal": "var(--vkui--color_track_buffer, #405772)", + "active": "var(--vkui--color_track_buffer--active, #D7D8DB)", + "hover": "var(--vkui--color_track_buffer--hover, #EBEDF0)", + "normal": "var(--vkui--color_track_buffer, #FFFFFF)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", @@ -359856,19 +359863,19 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #818385)", - "hover": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", - "normal": "var(--vkui--color_write_bar_icon, #76787a)", + "active": "var(--vkui--color_write_bar_icon--active, #E3E5E8)", + "hover": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", + "normal": "var(--vkui--color_write_bar_icon, #E1E3E6)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + "active": "var(--vkui--color_write_bar_input_background--active, #515151)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #4A4A4A)", + "normal": "var(--vkui--color_write_bar_input_background, #424242)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + "active": "var(--vkui--color_write_bar_input_border--active, #636363)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #5C5C5C)", + "normal": "var(--vkui--color_write_bar_input_border, #555555)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", @@ -359992,11 +359999,11 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_headline--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", @@ -360004,11 +360011,11 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", @@ -360036,11 +360043,11 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -360048,11 +360055,11 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", @@ -360134,7 +360141,7 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -360246,7 +360253,7 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 8px)", }, "sizeIconUI": { "regular": "var(--vkui--size_icon_u_i--regular, 16px)", @@ -360259,7 +360266,7 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = }, "sizePanelHeaderHeight": { "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "regular": "var(--vkui--size_panel_header_height--regular, 48px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -360276,7 +360283,7 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "var(--vkui--size_popup_small--regular, 448px)", }, "sizeSearchHeight": { "compact": "var(--vkui--size_search_height--compact, 32px)", @@ -360296,16 +360303,16 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": "var(--vkui--size_switch_height--compact, 10px)", + "regular": "var(--vkui--size_switch_height--regular, 10px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "var(--vkui--size_switch_pin--compact, 16px)", + "regular": "var(--vkui--size_switch_pin--regular, 16px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "var(--vkui--size_switch_width--compact, 27px)", + "regular": "var(--vkui--size_switch_width--regular, 27px)", }, "sizeTooltipMargin": { "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", @@ -360320,16 +360327,16 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", - "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkIdOkDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkIdOk)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", + "themeName": "var(--vkui--theme_name, vkComDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkCom)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -360337,24 +360344,24 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397DCC", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "active": "#B4BDC7", + "hover": "#B1BAC4", + "normal": "#AEB7C2", }, "colorAccentGreen": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorAccentOrange": { "active": "#FFA814", "hover": "#FFA40A", - "normal": "#ffa000", + "normal": "#FFA000", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -360367,9 +360374,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#FFC062", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#9C89F6", + "hover": "#9784F5", + "normal": "#937FF5", }, "colorAccentRaspberryPink": { "active": "#F16DC5", @@ -360379,7 +360386,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "colorAccentRed": { "active": "#FF4356", "hover": "#FF3B4E", - "normal": "#ff3347", + "normal": "#FF3347", }, "colorAccentSecondary": { "active": "#4E93E2", @@ -360389,7 +360396,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "colorAccentViolet": { "active": "#B05DFF", "hover": "#AC56FF", - "normal": "#a94fff", + "normal": "#A94FFF", }, "colorActionSheetText": { "active": "#7CB1ED", @@ -360407,24 +360414,24 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorBackgroundAccent": { - "active": "#F58C15", - "hover": "#F38910", - "normal": "#EE8208", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -360437,9 +360444,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -360447,9 +360454,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -360467,9 +360474,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -360479,7 +360486,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", @@ -360489,17 +360496,17 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.14)", @@ -360507,9 +360514,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", @@ -360522,24 +360529,24 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#473315", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -360547,24 +360554,24 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrastSecondary": { "active": "#F3F4F6", @@ -360572,29 +360579,29 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "colorIconNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorIconPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorIconPrimary": { "active": "#E3E5E8", @@ -360602,29 +360609,29 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(255, 255, 255, 0.48)", + "hover": "rgba(255, 255, 255, 0.44)", + "normal": "rgba(255, 255, 255, 0.40)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "colorIconWarning": { "active": "#EEB663", @@ -360664,12 +360671,12 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "colorPanelHeaderIcon": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71aaeb", + "normal": "#71AAEB", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -360697,29 +360704,29 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorStrokeAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -360729,12 +360736,12 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorStrokePositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { "active": "#818385", @@ -360742,14 +360749,14 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#76787a", }, "colorTextAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextAccentThemed": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#EBEDF0", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextContrast": { "active": "#D7D8DB", @@ -360757,19 +360764,19 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -360782,54 +360789,54 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D0D0D0", + "hover": "#CECECE", + "normal": "#CCCCCC", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorTextPositive": { "active": "#59B959", "hover": "#52B652", - "normal": "#4bb34b", + "normal": "#4BB34B", }, "colorTextPrimary": { "active": "#E3E5E8", "hover": "#E2E4E7", - "normal": "#e1e3e6", + "normal": "#E1E3E6", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -360837,19 +360844,19 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -360973,11 +360980,11 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` }, "fontHeadline": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -360985,11 +360992,11 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` }, "fontHeadline1": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -361017,11 +361024,11 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` }, "fontSubhead": { "compact": { - "fontSize": 13, - "lineHeight": 16, + "fontSize": 14, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -361029,11 +361036,11 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` }, "fontText": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": 13, + "lineHeight": 16, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -361115,7 +361122,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -361227,7 +361234,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": 8, }, "sizeIconUI": { "regular": 16, @@ -361240,7 +361247,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": 48, - "regular": 56, + "regular": 48, }, "sizePopupBasePadding": { "compact": 20, @@ -361257,7 +361264,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 430, + "regular": 448, }, "sizeSearchHeight": { "compact": 32, @@ -361277,16 +361284,16 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": 10, + "regular": 10, }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": 16, + "regular": 16, }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": 27, + "regular": 27, }, "sizeTooltipMargin": { "regular": 8, @@ -361301,16 +361308,16 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkDark", - "themeNameBase": "vkIdOk", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkComDark", + "themeNameBase": "vkCom", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -361545,15 +361552,15 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #D87402)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #E57B04)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #EE8208)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "colorBackgroundAccentAlternative": { @@ -361573,15 +361580,15 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D87402)", + "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #E57B04)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #EE8208)", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -362385,15 +362392,15 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #DB790C)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #E47D0A)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #EE8208)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "colorStrokeAccentThemed": { @@ -362469,29 +362476,29 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #DB790C)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #E47D0A)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #EE8208)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #DB790C)", + "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #E47D0A)", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EE8208)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "colorTextContrast": { @@ -364544,11 +364551,11 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOkIOS)", + "value": "var(--vkui--theme_name, vkIOS)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOkIOS)", + "value": "var(--vkui--theme_name_base, vkIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -364562,7 +364569,7 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -364645,9 +364652,9 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { "active": "#237EDD", @@ -364655,9 +364662,9 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(38, 136, 235, 0.28)", @@ -364945,9 +364952,9 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { "active": "#237EDD", @@ -364975,14 +364982,14 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", @@ -365535,15 +365542,15 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkIOS", - "themeNameBase": "vkIdOkIOS", + "themeName": "vkIOS", + "themeNameBase": "vkIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -365626,9 +365633,9 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #D87402)", - "hover": "var(--vkui--color_background_accent--hover, #E57B04)", - "normal": "var(--vkui--color_background_accent, #EE8208)", + "active": "var(--vkui--color_background_accent--active, #237EDD)", + "hover": "var(--vkui--color_background_accent--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent, #2688eb)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", @@ -365636,9 +365643,9 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #D87402)", - "hover": "var(--vkui--color_background_accent_themed--hover, #E57B04)", - "normal": "var(--vkui--color_background_accent_themed, #EE8208)", + "active": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_themed, #2688eb)", }, "colorBackgroundAccentThemedAlpha": { "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", @@ -365926,9 +365933,9 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #DB790C)", - "hover": "var(--vkui--color_stroke_accent--hover, #E47D0A)", - "normal": "var(--vkui--color_stroke_accent, #EE8208)", + "active": "var(--vkui--color_stroke_accent--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent, #2688eb)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", @@ -365956,14 +365963,14 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #DB790C)", - "hover": "var(--vkui--color_text_accent--hover, #E47D0A)", - "normal": "var(--vkui--color_text_accent, #EE8208)", + "active": "var(--vkui--color_text_accent--active, #237EDD)", + "hover": "var(--vkui--color_text_accent--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent, #2688eb)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #DB790C)", - "hover": "var(--vkui--color_text_accent_themed--hover, #E47D0A)", - "normal": "var(--vkui--color_text_accent_themed, #EE8208)", + "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent_themed, #2688eb)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -366516,15 +366523,15 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", - "themeName": "var(--vkui--theme_name, vkIdOkIOS)", - "themeNameBase": "var(--vkui--theme_name_base, vkIdOkIOS)", + "themeName": "var(--vkui--theme_name, vkIOS)", + "themeNameBase": "var(--vkui--theme_name_base, vkIOS)", "themeType": "pixelify", "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` +exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -366607,9 +366614,9 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { "active": "#237EDD", @@ -366617,9 +366624,9 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(38, 136, 235, 0.28)", @@ -366907,9 +366914,9 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { "active": "#237EDD", @@ -366937,14 +366944,14 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", @@ -367497,15 +367504,15 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkIOS", - "themeNameBase": "vkIdOkIOS", + "themeName": "vkIOS", + "themeNameBase": "vkIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -367530,15 +367537,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "value": "var(--vkui--color_accent_blue--active, #3792ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentGray": { @@ -367600,43 +367607,43 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentOrangePeach": { "active": { "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + "value": "var(--vkui--color_accent_orange_peach--active, #F9BB5D)", }, "hover": { "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + "value": "var(--vkui--color_accent_orange_peach--hover, #F9B856)", }, "normal": { "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #FFC062)", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #7E69E8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #7963E7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "colorAccentRaspberryPink": { "active": { "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "value": "var(--vkui--color_accent_raspberry_pink--active, #E24EB2)", }, "hover": { "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #E147AE)", }, "normal": { "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)", + "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", }, }, "colorAccentRed": { @@ -367670,29 +367677,29 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #843FC5)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #7E36C3)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", + "value": "var(--vkui--color_action_sheet_text--active, #4E93E2)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "value": "var(--vkui--color_action_sheet_text--hover, #478FE1)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -367726,71 +367733,71 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #1E1E1E)", + "value": "var(--vkui--color_background--active, #EDEEF1)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #ECEEF1)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #F58C15)", + "value": "var(--vkui--color_background_accent--active, #3792ED)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #F38910)", + "value": "var(--vkui--color_background_accent--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #EE8208)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "value": "var(--vkui--color_background_accent_alternative--active, #3792ED)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_background_accent_themed--active, #3792ED)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -367810,15 +367817,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", + "value": "var(--vkui--color_background_content--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, "colorBackgroundContrast": { @@ -367860,91 +367867,91 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, }, "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", }, }, "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #2E4962)", + "value": "var(--vkui--color_background_info_tint--active, #E1EFFF)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #DFEFFF)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #3D3E3F)", + "value": "var(--vkui--color_background_modal--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #343536)", + "value": "var(--vkui--color_background_modal--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #2c2d2e)", + "value": "var(--vkui--color_background_modal, #FFFFFF)", }, }, "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_modal_inverse--active, #3E3E3F)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_modal_inverse--hover, #353536)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #2d2d2e)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #E85555)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #E74D4D)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "value": "var(--vkui--color_background_negative_tint--active, #FFEBEB)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #593636)", + "value": "var(--vkui--color_background_negative_tint--hover, #FFEAEA)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { @@ -367964,197 +367971,24970 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "value": "var(--vkui--color_background_positive_tint--active, #EAF9EA)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + "value": "var(--vkui--color_background_positive_tint--hover, #E9F9E9)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #F6F6F6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #F5F5F5)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #F9F9F9)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #F9F9F9)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", }, }, "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #564328)", + "value": "var(--vkui--color_background_warning--active, #FFF3D9)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #FFF3D8)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #3792ED)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #3792ED)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #3792ED)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #F3F4F6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #F3F3F5)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #f2f3f5)", }, }, "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #FFFFFF)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #3792ED)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_icon_accent_themed--active, #3792ED)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_icon_accent_themed--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + }, + }, + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + }, + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #8B95A1)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #86919D)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #818c99)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #E85555)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #E74D4D)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #e64646)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #2c2d2e)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #A1A9B4)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #9DA6B0)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #99a2ad)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #BEC6D0)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #BBC3CE)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #F9A82E)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #F8A425)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #F8A01C)", + }, + }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #F3F4F6)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #F3F3F5)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + }, + }, + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + }, + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #3792ED)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #2F8DEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #EDEEF1)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #ECEEF1)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #ebedf0)", + }, + }, + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #FFFFFF)", + }, + }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #DADBDC)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #D9DADB)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #CFD0D1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #CDCECF)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #C3C4C6)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #C1C2C3)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #F6F6F6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #F5F5F5)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #3792ED)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #2F8DEC)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #2688eb)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #3792ED)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2F8DEC)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, + }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + }, + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #E85555)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #E74D4D)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #e64646)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #A1A9B4)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #9DA6B0)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #3792ED)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #2F8DEC)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #2688eb)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #3792ED)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #2F8DEC)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", + }, + }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + }, + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #3E8BE2)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #3586E1)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #2d81e0)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #3E8BE2)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #3586E1)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", + }, + }, + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #5890D0)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #2c2d2e)", + }, + }, + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #E85555)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #E74D4D)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #e64646)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #141414)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #000000)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #141414)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #8B95A1)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #86919D)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #818c99)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #79838F)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #737D8A)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #6d7885)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #A1A9B4)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #9DA6B0)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #e1e3e6)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #A8C4E6)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #A4C2E5)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #F3F4F6)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #F3F3F5)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, dark)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + }, + "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 14px)", + }, + }, + }, + "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + }, + "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + }, + "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + }, + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + }, + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + }, + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, + }, + "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontHeadline": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + }, + "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + }, + "fontSubhead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + }, + "fontText": { + "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + }, + "fontTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + }, + "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + }, + "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", + }, + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 600)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", + }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", + }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.036) 13%, rgba(25, 25, 26, 0.15) 27%, rgba(25, 25, 26, 0.79) 68%, rgba(25, 25, 26, 0.95) 84%, rgba(25, 25, 26, 1) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, + }, + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", + }, + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + }, + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", + }, + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", + }, + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", + }, + }, + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, + }, + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", + }, + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + }, + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", + }, + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", + }, + }, + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", + }, + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", + }, + }, + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", + }, + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", + }, + }, + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", + }, + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + }, + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", + }, + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + }, + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + }, + }, + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + }, + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, + }, + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", + }, + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", + }, + }, + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", + }, + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", + }, + }, + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 10px)", + }, + }, + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", + }, + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + }, + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", + }, + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + }, + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", + }, + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + }, + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + }, + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + }, + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", + }, + }, + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + }, + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", + }, + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", + }, + }, + "sizeCardgridPadding": { + "auto": { + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", + }, + "regular": { + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + }, + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + }, + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + }, + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, + }, + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", + }, + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + }, + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + }, + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + }, + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + }, + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + }, + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", + }, + }, + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + }, + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 16px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + }, + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", + }, + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", + }, + }, + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", + }, + }, + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", + }, + }, + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + }, + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + }, + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + }, + "sizeSubnavigationBarPaddingVertical": { + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + }, + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 27px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 31px)", + }, + }, + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 23px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 27px)", + }, + }, + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 47px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 51px)", + }, + }, + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBaseDark)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkIOSDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkIOS)", + }, + "themeType": "cssVars", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", + }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", + }, +} +`; + +exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` +{ + "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)", + "colorAccentBlue": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#F9BB5D", + "hover": "#F9B856", + "normal": "#F9B54F", + }, + "colorAccentPurple": { + "active": "#7E69E8", + "hover": "#7963E7", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#E24EB2", + "hover": "#E147AE", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#843FC5", + "hover": "#7E36C3", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorBackgroundAccentAlternative": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688EB", + }, + "colorBackgroundAccentThemed": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#E1EFFF", + "hover": "#DFEFFF", + "normal": "#DEEEFF", + }, + "colorBackgroundModal": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundModalInverse": { + "active": "#3E3E3F", + "hover": "#353536", + "normal": "#2d2d2e", + }, + "colorBackgroundNegative": { + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#FFEBEB", + "hover": "#FFEAEA", + "normal": "#FFE9E9", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#EAF9EA", + "hover": "#E9F9E9", + "normal": "#E8F9E8", + }, + "colorBackgroundSecondary": { + "active": "#F6F6F6", + "hover": "#F5F5F5", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundTertiary": { + "active": "#F9F9F9", + "hover": "#F9F9F9", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#FFF3D9", + "hover": "#FFF3D8", + "normal": "#FFF2D6", + }, + "colorButtonIcon": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorHeaderBackground": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconAccent": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorIconAccentThemed": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconMedium": { + "active": "#8B95A1", + "hover": "#86919D", + "normal": "#818c99", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorIconNegative": { + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#A1A9B4", + "hover": "#9DA6B0", + "normal": "#99a2ad", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", + }, + "colorIconTertiary": { + "active": "#BEC6D0", + "hover": "#BBC3CE", + "normal": "#b8c1cc", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", + }, + "colorIconWarning": { + "active": "#F9A82E", + "hover": "#F8A425", + "normal": "#F8A01C", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", + }, + "colorPanelHeaderIcon": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#ebedf0", + }, + "colorSegmentedControl": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorSeparatorPrimary": { + "active": "#DADBDC", + "hover": "#D9DADB", + "normal": "#d7d8d9", + }, + "colorSeparatorPrimary2x": { + "active": "#CFD0D1", + "hover": "#CDCECF", + "normal": "#cbcccd", + }, + "colorSeparatorPrimary3x": { + "active": "#C3C4C6", + "hover": "#C1C2C3", + "normal": "#bebfc1", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorSkeletonFrom": { + "active": "#F6F6F6", + "hover": "#F5F5F5", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorStrokeAccentThemed": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#A1A9B4", + "hover": "#9DA6B0", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorTextAccentThemed": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLink": { + "active": "#3E8BE2", + "hover": "#3586E1", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#3E8BE2", + "hover": "#3586E1", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextPrimaryInvariably": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#8B95A1", + "hover": "#86919D", + "normal": "#818c99", + }, + "colorTextSubhead": { + "active": "#79838F", + "hover": "#737D8A", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#A1A9B4", + "hover": "#9DA6B0", + "normal": "#99a2ad", + }, + "colorTrackBackground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#A8C4E6", + "hover": "#A4C2E5", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorsScheme": "dark", + "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)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.036) 13%, rgba(25, 25, 26, 0.15) 27%, rgba(25, 25, 26, 0.79) 68%, rgba(25, 25, 26, 0.95) 84%, rgba(25, 25, 26, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "sizeAvatarL": { + "regular": "96px", + }, + "sizeAvatarM": { + "regular": "48px", + }, + "sizeAvatarS": { + "regular": "32px", + }, + "sizeAvatarXL": { + "regular": "128px", + }, + "sizeAvatarXS": { + "regular": "24px", + }, + "sizeBadgeL": { + "regular": "44px", + }, + "sizeBadgeM": { + "regular": "24px", + }, + "sizeBadgeS": { + "regular": "16px", + }, + "sizeBadgeXL": { + "regular": "56px", + }, + "sizeBadgeXS": { + "regular": "12px", + }, + "sizeBasePaddingHorizontal": { + "regular": "12px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "10px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "20px", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonGroupGapMedium": { + "regular": "12px", + }, + "sizeButtonGroupGapSmall": { + "regular": "8px", + }, + "sizeButtonGroupGapSpace": { + "regular": "1px", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeCardBorderRadius": { + "regular": "10px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "52px", + "regular": "52px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "27px", + "regular": "31px", + }, + "sizeSwitchPin": { + "compact": "23px", + "regular": "27px", + }, + "sizeSwitchWidth": { + "compact": "47px", + "regular": "51px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkIOSDark", + "themeNameBase": "vkIOS", + "themeType": "pixelify", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = ` +{ + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #3792ED)", + "hover": "var(--vkui--color_accent_blue--hover, #2F8DEC)", + "normal": "var(--vkui--color_accent_blue, #2688eb)", + }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", + }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #59B959)", + "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", + }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #FFA814)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", + }, + "colorAccentOrangeFire": { + "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", + "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", + }, + "colorAccentOrangePeach": { + "active": "var(--vkui--color_accent_orange_peach--active, #F9BB5D)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #F9B856)", + "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #7E69E8)", + "hover": "var(--vkui--color_accent_purple--hover, #7963E7)", + "normal": "var(--vkui--color_accent_purple, #735ce6)", + }, + "colorAccentRaspberryPink": { + "active": "var(--vkui--color_accent_raspberry_pink--active, #E24EB2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #E147AE)", + "normal": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + }, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #FF4356)", + "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #843FC5)", + "hover": "var(--vkui--color_accent_violet--hover, #7E36C3)", + "normal": "var(--vkui--color_accent_violet, #792ec0)", + }, + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #4E93E2)", + "hover": "var(--vkui--color_action_sheet_text--hover, #478FE1)", + "normal": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, + "colorAvatarOverlay": { + "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "normal": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #EDEEF1)", + "hover": "var(--vkui--color_background--hover, #ECEEF1)", + "normal": "var(--vkui--color_background, #ebedf0)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #3792ED)", + "hover": "var(--vkui--color_background_accent--hover, #2F8DEC)", + "normal": "var(--vkui--color_background_accent, #2688eb)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #3792ED)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2F8DEC)", + "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", + }, + "colorBackgroundAccentThemed": { + "active": "var(--vkui--color_background_accent_themed--active, #3792ED)", + "hover": "var(--vkui--color_background_accent_themed--hover, #2F8DEC)", + "normal": "var(--vkui--color_background_accent_themed, #2688eb)", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + }, + "colorBackgroundAccentTint": { + "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", + }, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + "colorBackgroundContrastInverse": { + "active": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + "colorBackgroundInfoTint": { + "active": "var(--vkui--color_background_info_tint--active, #E1EFFF)", + "hover": "var(--vkui--color_background_info_tint--hover, #DFEFFF)", + "normal": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #D7D8DB)", + "hover": "var(--vkui--color_background_modal--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", + }, + "colorBackgroundModalInverse": { + "active": "var(--vkui--color_background_modal_inverse--active, #3E3E3F)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #353536)", + "normal": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + }, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #E85555)", + "hover": "var(--vkui--color_background_negative--hover, #E74D4D)", + "normal": "var(--vkui--color_background_negative, #e64646)", + }, + "colorBackgroundNegativeTint": { + "active": "var(--vkui--color_background_negative_tint--active, #FFEBEB)", + "hover": "var(--vkui--color_background_negative_tint--hover, #FFEAEA)", + "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #59B959)", + "hover": "var(--vkui--color_background_positive--hover, #52B652)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", + }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #EAF9EA)", + "hover": "var(--vkui--color_background_positive_tint--hover, #E9F9E9)", + "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #F6F6F6)", + "hover": "var(--vkui--color_background_secondary--hover, #F5F5F5)", + "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + }, + "colorBackgroundSecondaryAlpha": { + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #F9F9F9)", + "hover": "var(--vkui--color_background_tertiary--hover, #F9F9F9)", + "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, + "colorBackgroundTertiaryAlpha": { + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #FFF3D9)", + "hover": "var(--vkui--color_background_warning--hover, #FFF3D8)", + "normal": "var(--vkui--color_background_warning, #FFF2D6)", + }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #3792ED)", + "hover": "var(--vkui--color_button_icon--hover, #2F8DEC)", + "normal": "var(--vkui--color_button_icon, #2688eb)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #3792ED)", + "hover": "var(--vkui--color_button_stroke--hover, #2F8DEC)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #3792ED)", + "hover": "var(--vkui--color_button_text--hover, #2F8DEC)", + "normal": "var(--vkui--color_button_text, #2688eb)", + }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #F3F4F6)", + "hover": "var(--vkui--color_field_background--hover, #F3F3F5)", + "normal": "var(--vkui--color_field_background, #f2f3f5)", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #D7D8DB)", + "hover": "var(--vkui--color_header_background--hover, #EBEDF0)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #3792ED)", + "hover": "var(--vkui--color_icon_accent--hover, #2F8DEC)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #3792ED)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #2F8DEC)", + "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #8B95A1)", + "hover": "var(--vkui--color_icon_medium--hover, #86919D)", + "normal": "var(--vkui--color_icon_medium, #818c99)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #E85555)", + "hover": "var(--vkui--color_icon_negative--hover, #E74D4D)", + "normal": "var(--vkui--color_icon_negative, #e64646)", + }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #59B959)", + "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary--hover, #343536)", + "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #A1A9B4)", + "hover": "var(--vkui--color_icon_secondary--hover, #9DA6B0)", + "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #BEC6D0)", + "hover": "var(--vkui--color_icon_tertiary--hover, #BBC3CE)", + "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #F9A82E)", + "hover": "var(--vkui--color_icon_warning--hover, #F8A425)", + "normal": "var(--vkui--color_icon_warning, #F8A01C)", + }, + "colorImageBorderAlpha": { + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #F3F4F6)", + "hover": "var(--vkui--color_image_placeholder--hover, #F3F3F5)", + "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + "colorOverlayPrimary": { + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #3792ED)", + "hover": "var(--vkui--color_panel_header_icon--hover, #2F8DEC)", + "normal": "var(--vkui--color_panel_header_icon, #2688eb)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #EDEEF1)", + "hover": "var(--vkui--color_search_field_background--hover, #ECEEF1)", + "normal": "var(--vkui--color_search_field_background, #ebedf0)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #D7D8DB)", + "hover": "var(--vkui--color_segmented_control--hover, #EBEDF0)", + "normal": "var(--vkui--color_segmented_control, #FFFFFF)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #DADBDC)", + "hover": "var(--vkui--color_separator_primary--hover, #D9DADB)", + "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #CFD0D1)", + "hover": "var(--vkui--color_separator_primary2x--hover, #CDCECF)", + "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #C3C4C6)", + "hover": "var(--vkui--color_separator_primary3x--hover, #C1C2C3)", + "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #E3E5E8)", + "hover": "var(--vkui--color_separator_secondary--hover, #E2E4E7)", + "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #F6F6F6)", + "hover": "var(--vkui--color_skeleton_from--hover, #F5F5F5)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #E3E5E8)", + "hover": "var(--vkui--color_skeleton_to--hover, #E2E4E7)", + "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #3792ED)", + "hover": "var(--vkui--color_stroke_accent--hover, #2F8DEC)", + "normal": "var(--vkui--color_stroke_accent, #2688eb)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #3792ED)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #2F8DEC)", + "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #E85555)", + "hover": "var(--vkui--color_stroke_negative--hover, #E74D4D)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", + }, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #59B959)", + "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #A1A9B4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #9DA6B0)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #3792ED)", + "hover": "var(--vkui--color_text_accent--hover, #2F8DEC)", + "normal": "var(--vkui--color_text_accent, #2688eb)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #3792ED)", + "hover": "var(--vkui--color_text_accent_themed--hover, #2F8DEC)", + "normal": "var(--vkui--color_text_accent_themed, #2688eb)", + }, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + "colorTextContrastThemed": { + "active": "var(--vkui--color_text_contrast_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #3E8BE2)", + "hover": "var(--vkui--color_text_link--hover, #3586E1)", + "normal": "var(--vkui--color_text_link, #2d81e0)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #3E8BE2)", + "hover": "var(--vkui--color_text_link_themed--hover, #3586E1)", + "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + }, + "colorTextLinkVisited": { + "active": "var(--vkui--color_text_link_visited--active, #5890D0)", + "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "normal": "var(--vkui--color_text_link_visited, #4986cc)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #3D3E3F)", + "hover": "var(--vkui--color_text_muted--hover, #343536)", + "normal": "var(--vkui--color_text_muted, #2c2d2e)", + }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #E85555)", + "hover": "var(--vkui--color_text_negative--hover, #E74D4D)", + "normal": "var(--vkui--color_text_negative, #e64646)", + }, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #59B959)", + "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #141414)", + "hover": "var(--vkui--color_text_primary--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_primary, #000000)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #141414)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_primary_invariably, #000000)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #8B95A1)", + "hover": "var(--vkui--color_text_secondary--hover, #86919D)", + "normal": "var(--vkui--color_text_secondary, #818c99)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #79838F)", + "hover": "var(--vkui--color_text_subhead--hover, #737D8A)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #A1A9B4)", + "hover": "var(--vkui--color_text_tertiary--hover, #9DA6B0)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #E3E5E8)", + "hover": "var(--vkui--color_track_background--hover, #E2E4E7)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #A8C4E6)", + "hover": "var(--vkui--color_track_buffer--hover, #A4C2E5)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #4E93E2)", + "hover": "var(--vkui--color_write_bar_icon--hover, #478FE1)", + "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #F3F4F6)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #F3F3F5)", + "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #E3E5E8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #E2E4E7)", + "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + }, + "colorsScheme": "var(--vkui--colors_scheme, dark)", + "elevation1": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "elevation2": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "elevation3": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFootnote": { + "regular": { + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.036) 13%, rgba(25, 25, 26, 0.15) 27%, rgba(25, 25, 26, 0.79) 68%, rgba(25, 25, 26, 0.95) 84%, rgba(25, 25, 26, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", + }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", + }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", + }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", + }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", + }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", + }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", + }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", + }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", + }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 10px)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", + }, + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", + }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", + }, + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", + }, + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", + }, + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", + }, + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", + "themeName": "var(--vkui--theme_name, vkIOSDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkIOS)", + "themeType": "pixelify", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` +{ + "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)", + "colorAccentBlue": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#F9BB5D", + "hover": "#F9B856", + "normal": "#F9B54F", + }, + "colorAccentPurple": { + "active": "#7E69E8", + "hover": "#7963E7", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#E24EB2", + "hover": "#E147AE", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#843FC5", + "hover": "#7E36C3", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorBackgroundAccentAlternative": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688EB", + }, + "colorBackgroundAccentThemed": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#E1EFFF", + "hover": "#DFEFFF", + "normal": "#DEEEFF", + }, + "colorBackgroundModal": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundModalInverse": { + "active": "#3E3E3F", + "hover": "#353536", + "normal": "#2d2d2e", + }, + "colorBackgroundNegative": { + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#FFEBEB", + "hover": "#FFEAEA", + "normal": "#FFE9E9", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#EAF9EA", + "hover": "#E9F9E9", + "normal": "#E8F9E8", + }, + "colorBackgroundSecondary": { + "active": "#F6F6F6", + "hover": "#F5F5F5", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundTertiary": { + "active": "#F9F9F9", + "hover": "#F9F9F9", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#FFF3D9", + "hover": "#FFF3D8", + "normal": "#FFF2D6", + }, + "colorButtonIcon": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorHeaderBackground": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconAccent": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorIconAccentThemed": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconMedium": { + "active": "#8B95A1", + "hover": "#86919D", + "normal": "#818c99", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorIconNegative": { + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#A1A9B4", + "hover": "#9DA6B0", + "normal": "#99a2ad", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", + }, + "colorIconTertiary": { + "active": "#BEC6D0", + "hover": "#BBC3CE", + "normal": "#b8c1cc", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", + }, + "colorIconWarning": { + "active": "#F9A82E", + "hover": "#F8A425", + "normal": "#F8A01C", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", + }, + "colorPanelHeaderIcon": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#ebedf0", + }, + "colorSegmentedControl": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorSeparatorPrimary": { + "active": "#DADBDC", + "hover": "#D9DADB", + "normal": "#d7d8d9", + }, + "colorSeparatorPrimary2x": { + "active": "#CFD0D1", + "hover": "#CDCECF", + "normal": "#cbcccd", + }, + "colorSeparatorPrimary3x": { + "active": "#C3C4C6", + "hover": "#C1C2C3", + "normal": "#bebfc1", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorSkeletonFrom": { + "active": "#F6F6F6", + "hover": "#F5F5F5", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorStrokeAccentThemed": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#A1A9B4", + "hover": "#9DA6B0", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorTextAccentThemed": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLink": { + "active": "#3E8BE2", + "hover": "#3586E1", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#3E8BE2", + "hover": "#3586E1", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextPrimaryInvariably": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#8B95A1", + "hover": "#86919D", + "normal": "#818c99", + }, + "colorTextSubhead": { + "active": "#79838F", + "hover": "#737D8A", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#A1A9B4", + "hover": "#9DA6B0", + "normal": "#99a2ad", + }, + "colorTrackBackground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#A8C4E6", + "hover": "#A4C2E5", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorsScheme": "dark", + "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)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.036) 13%, rgba(25, 25, 26, 0.15) 27%, rgba(25, 25, 26, 0.79) 68%, rgba(25, 25, 26, 0.95) 84%, rgba(25, 25, 26, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "sizeAvatarL": { + "regular": 96, + }, + "sizeAvatarM": { + "regular": 48, + }, + "sizeAvatarS": { + "regular": 32, + }, + "sizeAvatarXL": { + "regular": 128, + }, + "sizeAvatarXS": { + "regular": 24, + }, + "sizeBadgeL": { + "regular": 44, + }, + "sizeBadgeM": { + "regular": 24, + }, + "sizeBadgeS": { + "regular": 16, + }, + "sizeBadgeXL": { + "regular": 56, + }, + "sizeBadgeXS": { + "regular": 12, + }, + "sizeBasePaddingHorizontal": { + "regular": 12, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 10, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonGroupGapMedium": { + "regular": 12, + }, + "sizeButtonGroupGapSmall": { + "regular": 8, + }, + "sizeButtonGroupGapSpace": { + "regular": 1, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonSmallHeight": { + "compact": 28, + "regular": 30, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeCardBorderRadius": { + "regular": 10, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 52, + "regular": 52, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 27, + "regular": 31, + }, + "sizeSwitchPin": { + "compact": 23, + "regular": 27, + }, + "sizeSwitchWidth": { + "compact": 47, + "regular": 51, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkIOSDark", + "themeNameBase": "vkIOS", + "themeType": "root", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", + }, + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", + }, + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", + }, + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2688eb)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "colorAccentOrangeFire": { + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #f05c44)", + }, + }, + "colorAccentOrangePeach": { + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #735ce6)", + }, + }, + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + }, + }, + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #792ec0)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + }, + "colorAvatarOverlayInverseAlpha": { + "active": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--active", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #ebedf0)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #D87402)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #E57B04)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #EE8208)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #D87402)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #E57B04)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #EE8208)", + }, + }, + "colorBackgroundAccentThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + }, + }, + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #ffffff)", + }, + }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #ffffff)", + }, + }, + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + }, + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #ffffff)", + }, + }, + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #292B2F)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #e64646)", + }, + }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF2D6)", + }, + }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, + }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #f2f3f5)", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #ffffff)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #2688eb)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + }, + }, + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #ffffff)", + }, + }, + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #778292)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #818c99)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #e64646)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #2c2d2e)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #99a2ad)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #F8A01C)", + }, + }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + }, + }, + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #ffffff)", + }, + }, + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #ebedf0)", + }, + }, + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #ffffff)", + }, + }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #DB790C)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #E47D0A)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #EE8208)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, + }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #ffffff)", + }, + }, + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #e64646)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #DB790C)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #E47D0A)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #EE8208)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #DB790C)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #E47D0A)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #EE8208)", + }, + }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #ffffff)", + }, + }, + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2978D3)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #2d81e0)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", + }, + }, + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #437DC1)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #2c2d2e)", + }, + }, + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #e64646)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #000105)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #000102)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #000000)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #000105)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #778292)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #818c99)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #64707F)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #697482)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #6d7885)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #e1e3e6)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + }, + "elevation4": { + "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))", + }, + "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 14px)", + }, + }, + }, + "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + }, + "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + }, + "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + }, + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + }, + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + }, + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, + }, + "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontHeadline": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + }, + "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + }, + "fontSubhead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + }, + "fontText": { + "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + }, + "fontTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + }, + "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + }, + "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", + }, + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 600)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", + }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", + }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, + }, + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", + }, + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + }, + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", + }, + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", + }, + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", + }, + }, + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, + }, + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", + }, + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + }, + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", + }, + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", + }, + }, + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", + }, + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", + }, + }, + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", + }, + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", + }, + }, + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", + }, + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + }, + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", + }, + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + }, + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + }, + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + }, + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, + }, + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", + }, + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", + }, + }, + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", + }, + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", + }, + }, + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", + }, + }, + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", + }, + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + }, + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", + }, + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + }, + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", + }, + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + }, + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + }, + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + }, + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", + }, + }, + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + }, + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", + }, + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 8px)", + }, + }, + "sizeCardgridPadding": { + "auto": { + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", + }, + "regular": { + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + }, + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + }, + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + }, + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, + }, + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", + }, + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + }, + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + }, + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + }, + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + }, + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + }, + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + }, + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + }, + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 16px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + }, + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", + }, + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", + }, + }, + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", + }, + }, + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", + }, + }, + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + }, + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + }, + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + }, + "sizeSubnavigationBarPaddingVertical": { + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + }, + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", + }, + }, + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", + }, + }, + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", + }, + }, + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkIdOk)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkIdOk)", + }, + "themeType": "cssVars", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", + }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", + }, +} +`; + +exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` +{ + "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)", + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", + }, + "colorBackgroundAccentThemed": { + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundModalInverse": { + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2d2d2e", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", + }, + "colorIconTertiary": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", + }, + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "colorSeparatorPrimary2x": { + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", + }, + "colorSeparatorPrimary3x": { + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", + }, + "colorStrokeAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", + }, + "colorTextAccentThemed": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextPrimaryInvariably": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorTextSubhead": { + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTrackBackground": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorsScheme": "light", + "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)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "sizeAvatarL": { + "regular": "96px", + }, + "sizeAvatarM": { + "regular": "48px", + }, + "sizeAvatarS": { + "regular": "32px", + }, + "sizeAvatarXL": { + "regular": "128px", + }, + "sizeAvatarXS": { + "regular": "24px", + }, + "sizeBadgeL": { + "regular": "44px", + }, + "sizeBadgeM": { + "regular": "24px", + }, + "sizeBadgeS": { + "regular": "16px", + }, + "sizeBadgeXL": { + "regular": "56px", + }, + "sizeBadgeXS": { + "regular": "12px", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "8px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "20px", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonGroupGapMedium": { + "regular": "12px", + }, + "sizeButtonGroupGapSmall": { + "regular": "8px", + }, + "sizeButtonGroupGapSpace": { + "regular": "1px", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeCardBorderRadius": { + "regular": "8px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "48px", + "regular": "56px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", + }, + "sizeSwitchPin": { + "compact": "18px", + "regular": "20px", + }, + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeName": "vkIdOk", + "themeNameBase": "vkIdOk", + "themeType": "pixelify", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` +{ + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #237EDD)", + "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", + "normal": "var(--vkui--color_accent_blue, #2688eb)", + }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #96A0AE)", + "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", + }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #45A64A)", + "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", + }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #EB9405)", + "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", + }, + "colorAccentOrangeFire": { + "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", + }, + "colorAccentOrangePeach": { + "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #6A56D8)", + "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "normal": "var(--vkui--color_accent_purple, #735ce6)", + }, + "colorAccentRaspberryPink": { + "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "normal": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + }, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #EB3046)", + "hover": "var(--vkui--color_accent_red--hover, #F53247)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", + "normal": "var(--vkui--color_accent_violet, #792ec0)", + }, + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + "hover": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + "normal": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, + "colorAvatarOverlay": { + "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "normal": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #D87402)", + "hover": "var(--vkui--color_background_accent--hover, #E57B04)", + "normal": "var(--vkui--color_background_accent, #EE8208)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", + }, + "colorBackgroundAccentThemed": { + "active": "var(--vkui--color_background_accent_themed--active, #D87402)", + "hover": "var(--vkui--color_background_accent_themed--hover, #E57B04)", + "normal": "var(--vkui--color_background_accent_themed, #EE8208)", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + }, + "colorBackgroundAccentTint": { + "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", + }, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #ffffff)", + }, + "colorBackgroundContrastInverse": { + "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + "colorBackgroundInfoTint": { + "active": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + "hover": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + "normal": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #ffffff)", + }, + "colorBackgroundModalInverse": { + "active": "var(--vkui--color_background_modal_inverse--active, #292B2F)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", + "normal": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + }, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #D44245)", + "hover": "var(--vkui--color_background_negative--hover, #DD4446)", + "normal": "var(--vkui--color_background_negative, #e64646)", + }, + "colorBackgroundNegativeTint": { + "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #45A64A)", + "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", + }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", + "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", + "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + }, + "colorBackgroundSecondaryAlpha": { + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, + "colorBackgroundTertiaryAlpha": { + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #EBE0CA)", + "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "normal": "var(--vkui--color_background_warning, #FFF2D6)", + }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", + }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #DFE1E6)", + "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_field_background, #f2f3f5)", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #ffffff)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #ffffff)", + }, + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #778292)", + "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", + "normal": "var(--vkui--color_icon_medium, #818c99)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #D44245)", + "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", + "normal": "var(--vkui--color_icon_negative, #e64646)", + }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #45A64A)", + "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #E4941F)", + "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "normal": "var(--vkui--color_icon_warning, #F8A01C)", + }, + "colorImageBorderAlpha": { + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_link_contrast, #ffffff)", + }, + "colorOverlayPrimary": { + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", + "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "normal": "var(--vkui--color_panel_header_icon, #2688eb)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "hover": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_search_field_background, #ebedf0)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #EBECEF)", + "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "normal": "var(--vkui--color_segmented_control, #ffffff)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #C6C8CD)", + "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #DB790C)", + "hover": "var(--vkui--color_stroke_accent--hover, #E47D0A)", + "normal": "var(--vkui--color_stroke_accent, #EE8208)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_stroke_contrast, #ffffff)", + }, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", + }, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #45A64A)", + "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #DB790C)", + "hover": "var(--vkui--color_text_accent--hover, #E47D0A)", + "normal": "var(--vkui--color_text_accent, #EE8208)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #DB790C)", + "hover": "var(--vkui--color_text_accent_themed--hover, #E47D0A)", + "normal": "var(--vkui--color_text_accent_themed, #EE8208)", + }, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast, #ffffff)", + }, + "colorTextContrastThemed": { + "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #2978D3)", + "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link, #2d81e0)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #2978D3)", + "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #689EDD)", + "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + }, + "colorTextLinkVisited": { + "active": "var(--vkui--color_text_link_visited--active, #437DC1)", + "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "normal": "var(--vkui--color_text_link_visited, #4986cc)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2c2d2e)", + }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", + }, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #45A64A)", + "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #000105)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "normal": "var(--vkui--color_text_primary_invariably, #000000)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + }, + "colorsScheme": "var(--vkui--colors_scheme, light)", + "elevation1": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + "elevation2": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + "elevation3": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFootnote": { + "regular": { + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", + }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", + }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", + }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", + }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", + }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", + }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", + }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", + }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", + }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", + }, + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", + }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", + }, + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", + }, + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", + }, + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", + }, + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, vkIdOk)", + "themeNameBase": "var(--vkui--theme_name_base, vkIdOk)", + "themeType": "pixelify", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` +{ + "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)", + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", + }, + "colorBackgroundAccentThemed": { + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundModalInverse": { + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2d2d2e", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", + }, + "colorIconTertiary": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", + }, + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "colorSeparatorPrimary2x": { + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", + }, + "colorSeparatorPrimary3x": { + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", + }, + "colorStrokeAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", + }, + "colorTextAccentThemed": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextPrimaryInvariably": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorTextSubhead": { + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTrackBackground": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorsScheme": "light", + "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)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "sizeAvatarL": { + "regular": 96, + }, + "sizeAvatarM": { + "regular": 48, + }, + "sizeAvatarS": { + "regular": 32, + }, + "sizeAvatarXL": { + "regular": 128, + }, + "sizeAvatarXS": { + "regular": 24, + }, + "sizeBadgeL": { + "regular": 44, + }, + "sizeBadgeM": { + "regular": 24, + }, + "sizeBadgeS": { + "regular": 16, + }, + "sizeBadgeXL": { + "regular": 56, + }, + "sizeBadgeXS": { + "regular": 12, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 8, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonGroupGapMedium": { + "regular": 12, + }, + "sizeButtonGroupGapSmall": { + "regular": 8, + }, + "sizeButtonGroupGapSpace": { + "regular": 1, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonSmallHeight": { + "compact": 28, + "regular": 30, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeCardBorderRadius": { + "regular": 8, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, + }, + "sizeSwitchPin": { + "compact": 18, + "regular": 20, + }, + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeName": "vkIdOk", + "themeNameBase": "vkIdOk", + "themeType": "root", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", + }, + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", + }, + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", + }, + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #71aaeb)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "colorAccentOrangeFire": { + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #f05c44)", + }, + }, + "colorAccentOrangePeach": { + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #FFC062)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", + }, + }, + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)", + }, + }, + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #FF4356)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + }, + "colorAvatarOverlayInverseAlpha": { + "active": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--active", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #1E1E1E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #F58C15)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #F38910)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #EE8208)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + }, + }, + "colorBackgroundAccentThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", + }, + }, + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #19191a)", + }, + }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + }, + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + }, + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #323232)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #2E4962)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #25415B)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1C3954)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #2c2d2e)", + }, + }, + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ff5c5c)", + }, + }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353536)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232324)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323233)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202021)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #473315)", + }, + }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #353536)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #232324)", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #19191a)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #529ef4)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + }, + }, + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + }, + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #b0b1b6)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #818385)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #76787a)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #EDB055)", + }, + }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", + }, + }, + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + }, + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #464748)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #363738)", + }, + }, + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #6F6F70)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #68696A)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #626364)", + }, + }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #464748)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #363738)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #444546)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #505253)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #272728)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141415)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #353536)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #232324)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #EF8C1C)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #EF8712)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #EE8208)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + }, + }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + }, + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #76787a)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #EF8C1C)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #EF8712)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #EE8208)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #EDEEF1)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #ECEEF1)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #EBEDF0)", + }, + }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + }, + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #141414)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #529ef4)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", + }, + }, + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #5890D0)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #e1e3e6)", + }, + }, + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #ff5c5c)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #e1e3e6)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #141414)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #818385)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #76787a)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #969a9f)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #545556)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #454647)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #818385)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #76787a)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, dark)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + }, + "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 14px)", + }, + }, + }, + "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + }, + "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + }, + "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + }, + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + }, + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + }, + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, + }, + "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontHeadline": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + }, + "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + }, + "fontSubhead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + }, + "fontText": { + "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + }, + "fontTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + }, + "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + }, + "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", + }, + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 600)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", + }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", + }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.036) 13%, rgba(25, 25, 26, 0.15) 27%, rgba(25, 25, 26, 0.79) 68%, rgba(25, 25, 26, 0.95) 84%, rgba(25, 25, 26, 1) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, + }, + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", + }, + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + }, + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", + }, + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", + }, + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", + }, + }, + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, + }, + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", + }, + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + }, + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", + }, + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", + }, + }, + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", + }, + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", + }, + }, + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", + }, + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", + }, + }, + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", + }, + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + }, + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", + }, + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + }, + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + }, + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + }, + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, + }, + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", + }, + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", + }, + }, + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", + }, + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", + }, + }, + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", + }, + }, + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", + }, + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + }, + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", + }, + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + }, + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", + }, + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + }, + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + }, + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + }, + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", + }, + }, + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + }, + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", + }, + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 8px)", + }, + }, + "sizeCardgridPadding": { + "auto": { + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", + }, + "regular": { + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + }, + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + }, + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + }, + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, + }, + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", + }, + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + }, + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + }, + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + }, + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + }, + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + }, + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + }, + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + }, + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 16px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + }, + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", + }, + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", + }, + }, + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", + }, + }, + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", + }, + }, + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + }, + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + }, + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + }, + "sizeSubnavigationBarPaddingVertical": { + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + }, + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", + }, + }, + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", + }, + }, + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", + }, + }, + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkIdOkDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkIdOk)", + }, + "themeType": "cssVars", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", + }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", + }, +} +`; + +exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` +{ + "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)", + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#F58C15", + "hover": "#F38910", + "normal": "#EE8208", + }, + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", + }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", + }, + "colorBackgroundModal": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", + }, + "colorBackgroundSecondary": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", + }, + "colorBackgroundTertiary": { + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorFieldBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorHeaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorIconAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", + }, + "colorIconMediumAlpha": { + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", + }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", + }, + "colorIconTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", + }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", + }, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSeparatorPrimary2x": { + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", + }, + "colorSeparatorPrimary3x": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", + }, + "colorSkeletonFrom": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorSkeletonTo": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorStrokeAccent": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextAccent": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", + }, + "colorTextAccentThemed": { + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#EBEDF0", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextLink": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTextPrimaryInvariably": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextSubhead": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", + }, + "colorTextTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "colorTrackBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorWriteBarInputBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorWriteBarInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorsScheme": "dark", + "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)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.036) 13%, rgba(25, 25, 26, 0.15) 27%, rgba(25, 25, 26, 0.79) 68%, rgba(25, 25, 26, 0.95) 84%, rgba(25, 25, 26, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "sizeAvatarL": { + "regular": "96px", + }, + "sizeAvatarM": { + "regular": "48px", + }, + "sizeAvatarS": { + "regular": "32px", + }, + "sizeAvatarXL": { + "regular": "128px", + }, + "sizeAvatarXS": { + "regular": "24px", + }, + "sizeBadgeL": { + "regular": "44px", + }, + "sizeBadgeM": { + "regular": "24px", + }, + "sizeBadgeS": { + "regular": "16px", + }, + "sizeBadgeXL": { + "regular": "56px", + }, + "sizeBadgeXS": { + "regular": "12px", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "8px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "20px", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonGroupGapMedium": { + "regular": "12px", + }, + "sizeButtonGroupGapSmall": { + "regular": "8px", + }, + "sizeButtonGroupGapSpace": { + "regular": "1px", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeCardBorderRadius": { + "regular": "8px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "48px", + "regular": "56px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", + }, + "sizeSwitchPin": { + "compact": "18px", + "regular": "20px", + }, + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBase", + "themeName": "vkIdOkDark", + "themeNameBase": "vkIdOk", + "themeType": "pixelify", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = ` +{ + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "normal": "var(--vkui--color_accent_blue, #71aaeb)", + }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", + }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #59B959)", + "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", + }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #FFA814)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", + }, + "colorAccentOrangeFire": { + "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", + "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", + }, + "colorAccentOrangePeach": { + "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", + }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #A18FFF)", + "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "normal": "var(--vkui--color_accent_purple, #9985ff)", + }, + "colorAccentRaspberryPink": { + "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + "normal": "var(--vkui--color_accent_raspberry_pink, #f060c0)", + }, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #FF4356)", + "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #B05DFF)", + "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "normal": "var(--vkui--color_accent_violet, #a94fff)", + }, + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, + "colorAvatarOverlay": { + "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "normal": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #F58C15)", + "hover": "var(--vkui--color_background_accent--hover, #F38910)", + "normal": "var(--vkui--color_background_accent, #EE8208)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", + }, + "colorBackgroundAccentThemed": { + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", + }, + "colorBackgroundAccentTint": { + "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", + }, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + "colorBackgroundContrastInverse": { + "active": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #424242)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "normal": "var(--vkui--color_background_contrast_themed, #323232)", + }, + "colorBackgroundInfoTint": { + "active": "var(--vkui--color_background_info_tint--active, #2E4962)", + "hover": "var(--vkui--color_background_info_tint--hover, #25415B)", + "normal": "var(--vkui--color_background_info_tint, #1C3954)", + }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #3D3E3F)", + "hover": "var(--vkui--color_background_modal--hover, #343536)", + "normal": "var(--vkui--color_background_modal, #2c2d2e)", + }, + "colorBackgroundModalInverse": { + "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + }, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "var(--vkui--color_background_negative, #ff5c5c)", + }, + "colorBackgroundNegativeTint": { + "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", + "normal": "var(--vkui--color_background_negative_tint, #522E2E)", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #59B959)", + "hover": "var(--vkui--color_background_positive--hover, #52B652)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", + }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", + "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", + }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #353536)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_secondary, #232324)", + }, + "colorBackgroundSecondaryAlpha": { + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #323233)", + "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", + "normal": "var(--vkui--color_background_tertiary, #202021)", + }, + "colorBackgroundTertiaryAlpha": { + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #564328)", + "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "normal": "var(--vkui--color_background_warning, #473315)", + }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #60A6F5)", + "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_icon_accent, #529ef4)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_icon_contrast_themed, #000000)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #b0b1b6)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #59B959)", + "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #818385)", + "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_icon_secondary, #76787a)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", + "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", + }, + "colorImageBorderAlpha": { + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", + }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + "colorOverlayPrimary": { + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", + "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", + "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #464748)", + "hover": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "normal": "var(--vkui--color_search_field_background, #363738)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #464748)", + "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "normal": "var(--vkui--color_separator_primary, #363738)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #535455)", + "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "normal": "var(--vkui--color_separator_primary2x, #444546)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", + }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #272728)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "normal": "var(--vkui--color_separator_secondary, #141415)", + }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #353536)", + "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "normal": "var(--vkui--color_skeleton_from, #232324)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "hover": "var(--vkui--color_skeleton_to--hover, #343536)", + "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #EF8C1C)", + "hover": "var(--vkui--color_stroke_accent--hover, #EF8712)", + "normal": "var(--vkui--color_stroke_accent, #EE8208)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + }, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", + }, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #59B959)", + "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #EF8C1C)", + "hover": "var(--vkui--color_text_accent--hover, #EF8712)", + "normal": "var(--vkui--color_text_accent, #EE8208)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #EDEEF1)", + "hover": "var(--vkui--color_text_accent_themed--hover, #ECEEF1)", + "normal": "var(--vkui--color_text_accent_themed, #EBEDF0)", + }, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + "colorTextContrastThemed": { + "active": "var(--vkui--color_text_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_contrast_themed, #000000)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #60A6F5)", + "hover": "var(--vkui--color_text_link--hover, #59A2F4)", + "normal": "var(--vkui--color_text_link, #529ef4)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + }, + "colorTextLinkVisited": { + "active": "var(--vkui--color_text_link_visited--active, #5890D0)", + "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "normal": "var(--vkui--color_text_link_visited, #4986cc)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #E3E5E8)", + "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_muted, #e1e3e6)", + }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #ff5c5c)", + }, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #59B959)", + "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #141414)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_primary_invariably, #000000)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #4F647D)", + "hover": "var(--vkui--color_track_buffer--hover, #485E78)", + "normal": "var(--vkui--color_track_buffer, #405772)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #818385)", + "hover": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + "normal": "var(--vkui--color_write_bar_icon, #76787a)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + "colorsScheme": "var(--vkui--colors_scheme, dark)", + "elevation1": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "elevation2": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "elevation3": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFootnote": { + "regular": { + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.036) 13%, rgba(25, 25, 26, 0.15) 27%, rgba(25, 25, 26, 0.79) 68%, rgba(25, 25, 26, 0.95) 84%, rgba(25, 25, 26, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", + }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", + }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", + }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", + }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", + }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", + }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", + }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", + }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", + }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", + }, + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", + }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", + }, + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", + }, + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", + }, + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", + }, + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", + "themeName": "var(--vkui--theme_name, vkIdOkDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkIdOk)", + "themeType": "pixelify", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` +{ + "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)", + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#F58C15", + "hover": "#F38910", + "normal": "#EE8208", + }, + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", + }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundContrastThemed": { + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", + }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", + }, + "colorBackgroundModal": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", + }, + "colorBackgroundSecondary": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", + }, + "colorBackgroundTertiary": { + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorFieldBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorHeaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorIconAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", + }, + "colorIconMediumAlpha": { + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", + }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", + }, + "colorIconTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", + }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", + }, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSeparatorPrimary2x": { + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", + }, + "colorSeparatorPrimary3x": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", + }, + "colorSkeletonFrom": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorSkeletonTo": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorStrokeAccent": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextAccent": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", + }, + "colorTextAccentThemed": { + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#EBEDF0", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextLink": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTextPrimaryInvariably": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextSubhead": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", + }, + "colorTextTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "colorTrackBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorWriteBarInputBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorWriteBarInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorsScheme": "dark", + "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)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.036) 13%, rgba(25, 25, 26, 0.15) 27%, rgba(25, 25, 26, 0.79) 68%, rgba(25, 25, 26, 0.95) 84%, rgba(25, 25, 26, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "sizeAvatarL": { + "regular": 96, + }, + "sizeAvatarM": { + "regular": 48, + }, + "sizeAvatarS": { + "regular": 32, + }, + "sizeAvatarXL": { + "regular": 128, + }, + "sizeAvatarXS": { + "regular": 24, + }, + "sizeBadgeL": { + "regular": 44, + }, + "sizeBadgeM": { + "regular": 24, + }, + "sizeBadgeS": { + "regular": 16, + }, + "sizeBadgeXL": { + "regular": 56, + }, + "sizeBadgeXS": { + "regular": 12, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 8, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonGroupGapMedium": { + "regular": 12, + }, + "sizeButtonGroupGapSmall": { + "regular": 8, + }, + "sizeButtonGroupGapSpace": { + "regular": 1, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonSmallHeight": { + "compact": 28, + "regular": 30, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeCardBorderRadius": { + "regular": 8, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, + }, + "sizeSwitchPin": { + "compact": 18, + "regular": 20, + }, + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBase", + "themeName": "vkIdOkDark", + "themeNameBase": "vkIdOk", + "themeType": "root", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", + }, + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", + }, + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", + }, + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2688eb)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "colorAccentOrangeFire": { + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #f05c44)", + }, + }, + "colorAccentOrangePeach": { + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #735ce6)", + }, + }, + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + }, + }, + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #792ec0)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + }, + "colorAvatarOverlayInverseAlpha": { + "active": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--active", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #ebedf0)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #D87402)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #E57B04)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #EE8208)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #D87402)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #E57B04)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #EE8208)", + }, + }, + "colorBackgroundAccentThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + }, + }, + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #ffffff)", + }, + }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #ffffff)", + }, + }, + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + }, + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #ffffff)", + }, + }, + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #292B2F)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #e64646)", + }, + }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF2D6)", + }, + }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, + }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #f2f3f5)", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #ffffff)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #2688eb)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + }, + }, + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #ffffff)", + }, + }, + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #778292)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #818c99)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #e64646)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #2c2d2e)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #99a2ad)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #F8A01C)", + }, + }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + }, + }, + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #ffffff)", + }, + }, + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #ebedf0)", + }, + }, + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #ffffff)", + }, + }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #DB790C)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #E47D0A)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #EE8208)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, + }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #ffffff)", + }, + }, + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #e64646)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #DB790C)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #E47D0A)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #EE8208)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #DB790C)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #E47D0A)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #EE8208)", + }, + }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #ffffff)", + }, + }, + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2978D3)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #2d81e0)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", + }, + }, + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #437DC1)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #2c2d2e)", + }, + }, + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #e64646)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #000105)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #000102)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #000000)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #000105)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #778292)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #818c99)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #64707F)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #697482)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #6d7885)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #e1e3e6)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + }, + "elevation4": { + "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))", + }, + "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 14px)", + }, + }, + }, + "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + }, + "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + }, + "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + }, + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + }, + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + }, + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, + }, + "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontHeadline": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + }, + "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + }, + "fontSubhead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + }, + "fontText": { + "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + }, + "fontTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + }, + "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + }, + "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", + }, + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 600)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", + }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", + }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, + }, + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", + }, + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + }, + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", + }, + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", + }, + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", + }, + }, + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, + }, + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", + }, + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + }, + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", + }, + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", + }, + }, + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", + }, + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", + }, + }, + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", + }, + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", + }, + }, + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", + }, + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + }, + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", + }, + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + }, + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + }, + }, + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + }, + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, + }, + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", + }, + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", + }, + }, + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", + }, + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", + }, + }, + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 10px)", + }, + }, + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", + }, + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + }, + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", + }, + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + }, + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", + }, + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + }, + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + }, + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + }, + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", + }, + }, + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + }, + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", + }, + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", + }, + }, + "sizeCardgridPadding": { + "auto": { + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", + }, + "regular": { + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + }, + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + }, + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + }, + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, + }, + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", + }, + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + }, + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + }, + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + }, + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + }, + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + }, + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", + }, + }, + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + }, + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 16px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + }, + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", + }, + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", + }, + }, + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", + }, + }, + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", + }, + }, + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + }, + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + }, + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + }, + "sizeSubnavigationBarPaddingVertical": { + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + }, + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 27px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 31px)", + }, + }, + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 23px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 27px)", + }, + }, + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 47px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 51px)", + }, + }, + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkIdOkIOS)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkIdOkIOS)", + }, + "themeType": "cssVars", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", + }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", + }, +} +`; + +exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` +{ + "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)", + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", + }, + "colorBackgroundAccentThemed": { + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundModalInverse": { + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2d2d2e", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", + }, + "colorIconTertiary": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", + }, + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "colorSeparatorPrimary2x": { + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", + }, + "colorSeparatorPrimary3x": { + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", + }, + "colorStrokeAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", + }, + "colorTextAccentThemed": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextPrimaryInvariably": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorTextSubhead": { + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTrackBackground": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorsScheme": "light", + "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)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "sizeAvatarL": { + "regular": "96px", + }, + "sizeAvatarM": { + "regular": "48px", + }, + "sizeAvatarS": { + "regular": "32px", + }, + "sizeAvatarXL": { + "regular": "128px", + }, + "sizeAvatarXS": { + "regular": "24px", + }, + "sizeBadgeL": { + "regular": "44px", + }, + "sizeBadgeM": { + "regular": "24px", + }, + "sizeBadgeS": { + "regular": "16px", + }, + "sizeBadgeXL": { + "regular": "56px", + }, + "sizeBadgeXS": { + "regular": "12px", + }, + "sizeBasePaddingHorizontal": { + "regular": "12px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "10px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "20px", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonGroupGapMedium": { + "regular": "12px", + }, + "sizeButtonGroupGapSmall": { + "regular": "8px", + }, + "sizeButtonGroupGapSpace": { + "regular": "1px", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeCardBorderRadius": { + "regular": "10px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "52px", + "regular": "52px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "27px", + "regular": "31px", + }, + "sizeSwitchPin": { + "compact": "23px", + "regular": "27px", + }, + "sizeSwitchWidth": { + "compact": "47px", + "regular": "51px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBase", + "themeName": "vkIdOkIOS", + "themeNameBase": "vkIdOkIOS", + "themeType": "pixelify", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = ` +{ + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #237EDD)", + "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", + "normal": "var(--vkui--color_accent_blue, #2688eb)", + }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #96A0AE)", + "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", + }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #45A64A)", + "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", + }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #EB9405)", + "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", + }, + "colorAccentOrangeFire": { + "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", + }, + "colorAccentOrangePeach": { + "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #6A56D8)", + "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "normal": "var(--vkui--color_accent_purple, #735ce6)", + }, + "colorAccentRaspberryPink": { + "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "normal": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + }, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #EB3046)", + "hover": "var(--vkui--color_accent_red--hover, #F53247)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", + "normal": "var(--vkui--color_accent_violet, #792ec0)", + }, + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + "hover": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + "normal": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, + "colorAvatarOverlay": { + "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "normal": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #D87402)", + "hover": "var(--vkui--color_background_accent--hover, #E57B04)", + "normal": "var(--vkui--color_background_accent, #EE8208)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", + }, + "colorBackgroundAccentThemed": { + "active": "var(--vkui--color_background_accent_themed--active, #D87402)", + "hover": "var(--vkui--color_background_accent_themed--hover, #E57B04)", + "normal": "var(--vkui--color_background_accent_themed, #EE8208)", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + }, + "colorBackgroundAccentTint": { + "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", + }, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #ffffff)", + }, + "colorBackgroundContrastInverse": { + "active": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + }, + "colorBackgroundInfoTint": { + "active": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + "hover": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + "normal": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #ffffff)", + }, + "colorBackgroundModalInverse": { + "active": "var(--vkui--color_background_modal_inverse--active, #292B2F)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", + "normal": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + }, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #D44245)", + "hover": "var(--vkui--color_background_negative--hover, #DD4446)", + "normal": "var(--vkui--color_background_negative, #e64646)", + }, + "colorBackgroundNegativeTint": { + "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #45A64A)", + "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", + }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", + "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", + "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + }, + "colorBackgroundSecondaryAlpha": { + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, + "colorBackgroundTertiaryAlpha": { + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #EBE0CA)", + "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "normal": "var(--vkui--color_background_warning, #FFF2D6)", + }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", + }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #DFE1E6)", + "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_field_background, #f2f3f5)", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #ffffff)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #ffffff)", + }, + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #778292)", + "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", + "normal": "var(--vkui--color_icon_medium, #818c99)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #D44245)", + "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", + "normal": "var(--vkui--color_icon_negative, #e64646)", + }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #45A64A)", + "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #E4941F)", + "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "normal": "var(--vkui--color_icon_warning, #F8A01C)", + }, + "colorImageBorderAlpha": { + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_link_contrast, #ffffff)", + }, + "colorOverlayPrimary": { + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", + "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "normal": "var(--vkui--color_panel_header_icon, #2688eb)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "hover": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_search_field_background, #ebedf0)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #EBECEF)", + "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "normal": "var(--vkui--color_segmented_control, #ffffff)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #C6C8CD)", + "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #DB790C)", + "hover": "var(--vkui--color_stroke_accent--hover, #E47D0A)", + "normal": "var(--vkui--color_stroke_accent, #EE8208)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_stroke_contrast, #ffffff)", + }, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", + }, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #45A64A)", + "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #DB790C)", + "hover": "var(--vkui--color_text_accent--hover, #E47D0A)", + "normal": "var(--vkui--color_text_accent, #EE8208)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #DB790C)", + "hover": "var(--vkui--color_text_accent_themed--hover, #E47D0A)", + "normal": "var(--vkui--color_text_accent_themed, #EE8208)", + }, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast, #ffffff)", + }, + "colorTextContrastThemed": { + "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #2978D3)", + "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link, #2d81e0)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #2978D3)", + "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #689EDD)", + "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + }, + "colorTextLinkVisited": { + "active": "var(--vkui--color_text_link_visited--active, #437DC1)", + "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "normal": "var(--vkui--color_text_link_visited, #4986cc)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2c2d2e)", + }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", + }, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #45A64A)", + "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #000105)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "normal": "var(--vkui--color_text_primary_invariably, #000000)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + }, + "colorsScheme": "var(--vkui--colors_scheme, light)", + "elevation1": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + "elevation2": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + "elevation3": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "var(--vkui--font_caption3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFootnote": { + "regular": { + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", + }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", + }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", + }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", + }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", + }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", + }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", + }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", + }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", + }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 10px)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", + }, + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", + }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", + }, + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", + }, + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", + }, + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", + }, + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBase)", + "themeName": "var(--vkui--theme_name, vkIdOkIOS)", + "themeNameBase": "var(--vkui--theme_name_base, vkIdOkIOS)", + "themeType": "pixelify", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` +{ + "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)", + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", + }, + "colorBackgroundAccentThemed": { + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundModalInverse": { + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2d2d2e", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", + }, + "colorIconTertiary": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", + }, + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "colorSeparatorPrimary2x": { + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", + }, + "colorSeparatorPrimary3x": { + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", + }, + "colorStrokeAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", + }, + "colorTextAccentThemed": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextPrimaryInvariably": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorTextSubhead": { + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTrackBackground": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorsScheme": "light", + "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)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "sizeAvatarL": { + "regular": 96, + }, + "sizeAvatarM": { + "regular": 48, + }, + "sizeAvatarS": { + "regular": 32, + }, + "sizeAvatarXL": { + "regular": 128, + }, + "sizeAvatarXS": { + "regular": 24, + }, + "sizeBadgeL": { + "regular": 44, + }, + "sizeBadgeM": { + "regular": 24, + }, + "sizeBadgeS": { + "regular": 16, + }, + "sizeBadgeXL": { + "regular": 56, + }, + "sizeBadgeXS": { + "regular": 12, + }, + "sizeBasePaddingHorizontal": { + "regular": 12, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 10, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonGroupGapMedium": { + "regular": 12, + }, + "sizeButtonGroupGapSmall": { + "regular": 8, + }, + "sizeButtonGroupGapSpace": { + "regular": 1, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonSmallHeight": { + "compact": 28, + "regular": 30, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeCardBorderRadius": { + "regular": 10, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 52, + "regular": 52, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 27, + "regular": 31, + }, + "sizeSwitchPin": { + "compact": 23, + "regular": 27, + }, + "sizeSwitchWidth": { + "compact": 47, + "regular": 51, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBase", + "themeName": "vkIdOkIOS", + "themeNameBase": "vkIdOkIOS", + "themeType": "root", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", + }, + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", + }, + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", + }, + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #71aaeb)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "colorAccentOrangeFire": { + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #f05c44)", + }, + }, + "colorAccentOrangePeach": { + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #FFC062)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", + }, + }, + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)", + }, + }, + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #FF4356)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + }, + "colorAvatarOverlayInverseAlpha": { + "active": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--active", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #1E1E1E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #F58C15)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #F38910)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #EE8208)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + }, + }, + "colorBackgroundAccentThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", + }, + }, + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #19191a)", + }, + }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + }, + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + }, + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_contrast_secondary_alpha--active", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #323232)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #2E4962)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #25415B)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1C3954)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #2c2d2e)", + }, + }, + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ff5c5c)", + }, + }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353536)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232324)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323233)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202021)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #473315)", + }, + }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #353536)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #232324)", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #19191a)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #529ef4)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, "colorIconContrast": { @@ -416650,15 +441430,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "value": "var(--vkui--color_accent_blue--active, #3792ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentGray": { @@ -416720,43 +441500,43 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentOrangePeach": { "active": { "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + "value": "var(--vkui--color_accent_orange_peach--active, #F9BB5D)", }, "hover": { "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + "value": "var(--vkui--color_accent_orange_peach--hover, #F9B856)", }, "normal": { "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #FFC062)", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #7E69E8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #7963E7)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "colorAccentRaspberryPink": { "active": { "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "value": "var(--vkui--color_accent_raspberry_pink--active, #E24EB2)", }, "hover": { "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #E147AE)", }, "normal": { "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)", + "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", }, }, "colorAccentRed": { @@ -416790,29 +441570,29 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #843FC5)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #7E36C3)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", + "value": "var(--vkui--color_action_sheet_text--active, #4E93E2)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "value": "var(--vkui--color_action_sheet_text--hover, #478FE1)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -416846,71 +441626,71 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #1E1E1E)", + "value": "var(--vkui--color_background--active, #EDEEF1)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #ECEEF1)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #3792ED)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "value": "var(--vkui--color_background_accent_alternative--active, #3792ED)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_background_accent_themed--active, #3792ED)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -416930,15 +441710,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", + "value": "var(--vkui--color_background_content--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, "colorBackgroundContrast": { @@ -416980,91 +441760,91 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, }, "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #424242)", + "value": "var(--vkui--color_background_contrast_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "value": "var(--vkui--color_background_contrast_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", }, }, "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #2E4962)", + "value": "var(--vkui--color_background_info_tint--active, #E1EFFF)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #DFEFFF)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #3D3E3F)", + "value": "var(--vkui--color_background_modal--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #343536)", + "value": "var(--vkui--color_background_modal--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #2c2d2e)", + "value": "var(--vkui--color_background_modal, #FFFFFF)", }, }, "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_modal_inverse--active, #3E3E3F)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_modal_inverse--hover, #353536)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #2d2d2e)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #E85555)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #E74D4D)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "value": "var(--vkui--color_background_negative_tint--active, #FFEBEB)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #593636)", + "value": "var(--vkui--color_background_negative_tint--hover, #FFEAEA)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { @@ -417084,197 +441864,197 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "value": "var(--vkui--color_background_positive_tint--active, #EAF9EA)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + "value": "var(--vkui--color_background_positive_tint--hover, #E9F9E9)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #F6F6F6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #F5F5F5)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #F9F9F9)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #F9F9F9)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", }, }, "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #564328)", + "value": "var(--vkui--color_background_warning--active, #FFF3D9)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #FFF3D8)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #3792ED)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #3792ED)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #3792ED)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #F3F4F6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #F3F3F5)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #f2f3f5)", }, }, "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #FFFFFF)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #3792ED)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_icon_accent_themed--active, #3792ED)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_icon_accent_themed--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "colorIconContrast": { @@ -417308,57 +442088,57 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "value": "var(--vkui--color_icon_contrast_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "value": "var(--vkui--color_icon_medium--active, #8B95A1)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #86919D)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "value": "var(--vkui--color_icon_medium, #818c99)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #E85555)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #E74D4D)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { @@ -417378,15 +442158,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #343536)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "value": "var(--vkui--color_icon_primary, #2c2d2e)", }, }, "colorIconPrimaryInvariably": { @@ -417406,113 +442186,113 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #A1A9B4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #9DA6B0)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "value": "var(--vkui--color_icon_secondary, #99a2ad)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #BEC6D0)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #BBC3CE)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #F9A82E)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #F8A425)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "colorImageBorderAlpha": { "active": { "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", }, "hover": { "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", }, "normal": { "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #F3F4F6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #F3F3F5)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "colorImagePlaceholderAlpha": { "active": { "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", }, "hover": { "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", }, "normal": { "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", }, }, "colorLinkContrast": { @@ -417546,183 +442326,183 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", + "value": "var(--vkui--color_panel_header_icon--active, #3792ED)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", + "value": "var(--vkui--color_panel_header_icon--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #464748)", + "value": "var(--vkui--color_search_field_background--active, #EDEEF1)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #ECEEF1)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #6F6F70)", + "value": "var(--vkui--color_segmented_control--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #68696A)", + "value": "var(--vkui--color_segmented_control--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #626364)", + "value": "var(--vkui--color_segmented_control, #FFFFFF)", }, }, "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #464748)", + "value": "var(--vkui--color_separator_primary--active, #DADBDC)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #D9DADB)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #CFD0D1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #CDCECF)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #C3C4C6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #C1C2C3)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "colorSeparatorPrimaryAlpha": { "active": { "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", }, "hover": { "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", }, "normal": { "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #F6F6F6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #F5F5F5)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #3792ED)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_stroke_accent_themed--active, #3792ED)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "colorStrokeContrast": { @@ -417742,15 +442522,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #E85555)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #E74D4D)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { @@ -417770,43 +442550,43 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "value": "var(--vkui--color_tabbar_text_inactive--active, #A1A9B4)", }, "hover": { "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #9DA6B0)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #76787a)", + "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #3792ED)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "value": "var(--vkui--color_text_accent_themed--active, #3792ED)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_text_accent_themed--hover, #2F8DEC)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "colorTextContrast": { @@ -417826,43 +442606,43 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #141414)", + "value": "var(--vkui--color_text_contrast_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #3E8BE2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #3586E1)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "value": "var(--vkui--color_text_link_themed--active, #3E8BE2)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_text_link_themed--hover, #3586E1)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", }, }, "colorTextLinkTint": { @@ -417896,29 +442676,29 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + "value": "var(--vkui--color_text_muted--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #343536)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "value": "var(--vkui--color_text_muted, #2c2d2e)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #FF6969)", + "value": "var(--vkui--color_text_negative--active, #E85555)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #E74D4D)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { @@ -417938,15 +442718,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #141414)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryInvariably": { @@ -417966,71 +442746,71 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #8B95A1)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #86919D)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #79838F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #737D8A)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #A1A9B4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #9DA6B0)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #A8C4E6)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #A4C2E5)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "colorTransparent": { @@ -418050,57 +442830,57 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #818385)", + "value": "var(--vkui--color_write_bar_icon--active, #4E93E2)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + "value": "var(--vkui--color_write_bar_icon--hover, #478FE1)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + "value": "var(--vkui--color_write_bar_input_background--active, #F3F4F6)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", + "value": "var(--vkui--color_write_bar_input_background--hover, #F3F3F5)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "value": "var(--vkui--color_write_bar_input_border--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "value": "var(--vkui--color_write_bar_input_border--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", }, }, "colorWriteBarInputBorderAlpha": { "active": { "name": "--vkui--color_write_bar_input_border_alpha--active", - "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", }, "hover": { "name": "--vkui--color_write_bar_input_border_alpha--hover", - "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", }, "normal": { "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", }, }, "colorsScheme": { @@ -421029,9 +445809,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorAccentGray": { "active": "#AAB4BE", @@ -421054,19 +445834,19 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "active": "#F9BB5D", + "hover": "#F9B856", + "normal": "#F9B54F", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#7E69E8", + "hover": "#7963E7", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#E24EB2", + "hover": "#E147AE", + "normal": "#e03fab", }, "colorAccentRed": { "active": "#FF4356", @@ -421079,14 +445859,14 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#843FC5", + "hover": "#7E36C3", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -421099,29 +445879,29 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#67A6FF", @@ -421129,9 +445909,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -421146,37 +445926,37 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.20)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#E1EFFF", + "hover": "#DFEFFF", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "colorBackgroundModalInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorBackgroundModalInverse": { + "active": "#3E3E3F", + "hover": "#353536", + "normal": "#2d2d2e", + }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#FFEBEB", + "hover": "#FFEAEA", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { "active": "#59B959", @@ -421184,74 +445964,74 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#EAF9EA", + "hover": "#E9F9E9", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#F6F6F6", + "hover": "#F5F5F5", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#F9F9F9", + "hover": "#F9F9F9", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#FFF3D9", + "hover": "#FFF3D8", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#D7D8DB", @@ -421264,24 +446044,24 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#8B95A1", + "hover": "#86919D", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", }, "colorIconPositive": { "active": "#59B959", @@ -421289,9 +446069,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -421299,44 +446079,44 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#A1A9B4", + "hover": "#9DA6B0", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#BEC6D0", + "hover": "#BBC3CE", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#F9A82E", + "hover": "#F8A425", + "normal": "#F8A01C", }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -421349,69 +446129,69 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#DADBDC", + "hover": "#D9DADB", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#CFD0D1", + "hover": "#CDCECF", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#C3C4C6", + "hover": "#C1C2C3", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#F6F6F6", + "hover": "#F5F5F5", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -421419,9 +446199,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", }, "colorStrokePositive": { "active": "#59B959", @@ -421429,19 +446209,19 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#A1A9B4", + "hover": "#9DA6B0", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#D7D8DB", @@ -421449,19 +446229,19 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3E8BE2", + "hover": "#3586E1", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3E8BE2", + "hover": "#3586E1", + "normal": "#2d81e0", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -421474,14 +446254,14 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", }, "colorTextPositive": { "active": "#59B959", @@ -421489,9 +446269,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextPrimaryInvariably": { "active": "#141414", @@ -421499,29 +446279,29 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8B95A1", + "hover": "#86919D", + "normal": "#818c99", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#79838F", + "hover": "#737D8A", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A1A9B4", + "hover": "#9DA6B0", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#A8C4E6", + "hover": "#A4C2E5", + "normal": "#a0bfe4", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -421529,24 +446309,24 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorsScheme": "dark", "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", @@ -422404,9 +447184,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "active": "var(--vkui--color_accent_blue--active, #3792ED)", + "hover": "var(--vkui--color_accent_blue--hover, #2F8DEC)", + "normal": "var(--vkui--color_accent_blue, #2688eb)", }, "colorAccentGray": { "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", @@ -422429,19 +447209,19 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", }, "colorAccentOrangePeach": { - "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", - "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", - "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", + "active": "var(--vkui--color_accent_orange_peach--active, #F9BB5D)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #F9B856)", + "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "active": "var(--vkui--color_accent_purple--active, #7E69E8)", + "hover": "var(--vkui--color_accent_purple--hover, #7963E7)", + "normal": "var(--vkui--color_accent_purple, #735ce6)", }, "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", - "normal": "var(--vkui--color_accent_raspberry_pink, #f060c0)", + "active": "var(--vkui--color_accent_raspberry_pink--active, #E24EB2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #E147AE)", + "normal": "var(--vkui--color_accent_raspberry_pink, #e03fab)", }, "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #FF4356)", @@ -422454,14 +447234,14 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "active": "var(--vkui--color_accent_violet--active, #843FC5)", + "hover": "var(--vkui--color_accent_violet--hover, #7E36C3)", + "normal": "var(--vkui--color_accent_violet, #792ec0)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", - "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", - "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", + "active": "var(--vkui--color_action_sheet_text--active, #4E93E2)", + "hover": "var(--vkui--color_action_sheet_text--hover, #478FE1)", + "normal": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -422474,29 +447254,29 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #1E1E1E)", - "hover": "var(--vkui--color_background--hover, #141414)", - "normal": "var(--vkui--color_background, #0a0a0a)", + "active": "var(--vkui--color_background--active, #EDEEF1)", + "hover": "var(--vkui--color_background--hover, #ECEEF1)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent, #529ef4)", + "active": "var(--vkui--color_background_accent--active, #3792ED)", + "hover": "var(--vkui--color_background_accent--hover, #2F8DEC)", + "normal": "var(--vkui--color_background_accent, #2688eb)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", + "active": "var(--vkui--color_background_accent_alternative--active, #3792ED)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2F8DEC)", + "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_background_accent_themed--active, #3792ED)", + "hover": "var(--vkui--color_background_accent_themed--hover, #2F8DEC)", + "normal": "var(--vkui--color_background_accent_themed, #2688eb)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", @@ -422504,9 +447284,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #2B2B2C)", - "hover": "var(--vkui--color_background_content--hover, #222223)", - "normal": "var(--vkui--color_background_content, #19191a)", + "active": "var(--vkui--color_background_content--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", @@ -422521,37 +447301,37 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #424242)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", - "normal": "var(--vkui--color_background_contrast_themed, #323232)", + "active": "var(--vkui--color_background_contrast_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #2E4962)", - "hover": "var(--vkui--color_background_info_tint--hover, #25415B)", - "normal": "var(--vkui--color_background_info_tint, #1C3954)", + "active": "var(--vkui--color_background_info_tint--active, #E1EFFF)", + "hover": "var(--vkui--color_background_info_tint--hover, #DFEFFF)", + "normal": "var(--vkui--color_background_info_tint, #DEEEFF)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #3D3E3F)", - "hover": "var(--vkui--color_background_modal--hover, #343536)", - "normal": "var(--vkui--color_background_modal, #2c2d2e)", + "active": "var(--vkui--color_background_modal--active, #D7D8DB)", + "hover": "var(--vkui--color_background_modal--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_modal_inverse--active, #3E3E3F)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #353536)", + "normal": "var(--vkui--color_background_modal_inverse, #2d2d2e)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "active": "var(--vkui--color_background_negative--active, #E85555)", + "hover": "var(--vkui--color_background_negative--hover, #E74D4D)", + "normal": "var(--vkui--color_background_negative, #e64646)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", - "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", - "normal": "var(--vkui--color_background_negative_tint, #522E2E)", + "active": "var(--vkui--color_background_negative_tint--active, #FFEBEB)", + "hover": "var(--vkui--color_background_negative_tint--hover, #FFEAEA)", + "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", @@ -422559,74 +447339,74 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", - "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", - "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "active": "var(--vkui--color_background_positive_tint--active, #EAF9EA)", + "hover": "var(--vkui--color_background_positive_tint--hover, #E9F9E9)", + "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "active": "var(--vkui--color_background_secondary--active, #F6F6F6)", + "hover": "var(--vkui--color_background_secondary--hover, #F5F5F5)", + "normal": "var(--vkui--color_background_secondary, #f5f5f5)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "active": "var(--vkui--color_background_tertiary--active, #F9F9F9)", + "hover": "var(--vkui--color_background_tertiary--hover, #F9F9F9)", + "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "active": "var(--vkui--color_background_warning--active, #FFF3D9)", + "hover": "var(--vkui--color_background_warning--hover, #FFF3D8)", + "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "active": "var(--vkui--color_button_icon--active, #3792ED)", + "hover": "var(--vkui--color_button_icon--hover, #2F8DEC)", + "normal": "var(--vkui--color_button_icon, #2688eb)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "active": "var(--vkui--color_button_stroke--active, #3792ED)", + "hover": "var(--vkui--color_button_stroke--hover, #2F8DEC)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "active": "var(--vkui--color_button_text--active, #3792ED)", + "hover": "var(--vkui--color_button_text--hover, #2F8DEC)", + "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "active": "var(--vkui--color_field_background--active, #F3F4F6)", + "hover": "var(--vkui--color_field_background--hover, #F3F3F5)", + "normal": "var(--vkui--color_field_background, #f2f3f5)", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", + "normal": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "active": "var(--vkui--color_header_background--active, #D7D8DB)", + "hover": "var(--vkui--color_header_background--hover, #EBEDF0)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "active": "var(--vkui--color_icon_accent--active, #3792ED)", + "hover": "var(--vkui--color_icon_accent--hover, #2F8DEC)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_icon_accent_themed--active, #3792ED)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #2F8DEC)", + "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", @@ -422639,24 +447419,24 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", - "normal": "var(--vkui--color_icon_contrast_themed, #000000)", + "active": "var(--vkui--color_icon_contrast_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #b0b1b6)", + "active": "var(--vkui--color_icon_medium--active, #8B95A1)", + "hover": "var(--vkui--color_icon_medium--hover, #86919D)", + "normal": "var(--vkui--color_icon_medium, #818c99)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "active": "var(--vkui--color_icon_negative--active, #E85555)", + "hover": "var(--vkui--color_icon_negative--hover, #E74D4D)", + "normal": "var(--vkui--color_icon_negative, #e64646)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #59B959)", @@ -422664,9 +447444,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "active": "var(--vkui--color_icon_primary--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary--hover, #343536)", + "normal": "var(--vkui--color_icon_primary, #2c2d2e)", }, "colorIconPrimaryInvariably": { "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", @@ -422674,44 +447454,44 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #818385)", - "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "active": "var(--vkui--color_icon_secondary--active, #A1A9B4)", + "hover": "var(--vkui--color_icon_secondary--hover, #9DA6B0)", + "normal": "var(--vkui--color_icon_secondary, #99a2ad)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "active": "var(--vkui--color_icon_tertiary--active, #BEC6D0)", + "hover": "var(--vkui--color_icon_tertiary--hover, #BBC3CE)", + "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "active": "var(--vkui--color_icon_warning--active, #F9A82E)", + "hover": "var(--vkui--color_icon_warning--hover, #F8A425)", + "normal": "var(--vkui--color_icon_warning, #F8A01C)", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "active": "var(--vkui--color_image_placeholder--active, #F3F4F6)", + "hover": "var(--vkui--color_image_placeholder--hover, #F3F3F5)", + "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", @@ -422724,69 +447504,69 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", - "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", - "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", + "active": "var(--vkui--color_panel_header_icon--active, #3792ED)", + "hover": "var(--vkui--color_panel_header_icon--hover, #2F8DEC)", + "normal": "var(--vkui--color_panel_header_icon, #2688eb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #464748)", - "hover": "var(--vkui--color_search_field_background--hover, #3E3F40)", - "normal": "var(--vkui--color_search_field_background, #363738)", + "active": "var(--vkui--color_search_field_background--active, #EDEEF1)", + "hover": "var(--vkui--color_search_field_background--hover, #ECEEF1)", + "normal": "var(--vkui--color_search_field_background, #ebedf0)", }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #6F6F70)", - "hover": "var(--vkui--color_segmented_control--hover, #68696A)", - "normal": "var(--vkui--color_segmented_control, #626364)", + "active": "var(--vkui--color_segmented_control--active, #D7D8DB)", + "hover": "var(--vkui--color_segmented_control--hover, #EBEDF0)", + "normal": "var(--vkui--color_segmented_control, #FFFFFF)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "active": "var(--vkui--color_separator_primary--active, #DADBDC)", + "hover": "var(--vkui--color_separator_primary--hover, #D9DADB)", + "normal": "var(--vkui--color_separator_primary, #d7d8d9)", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "active": "var(--vkui--color_separator_primary2x--active, #CFD0D1)", + "hover": "var(--vkui--color_separator_primary2x--hover, #CDCECF)", + "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "active": "var(--vkui--color_separator_primary3x--active, #C3C4C6)", + "hover": "var(--vkui--color_separator_primary3x--hover, #C1C2C3)", + "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "active": "var(--vkui--color_separator_secondary--active, #E3E5E8)", + "hover": "var(--vkui--color_separator_secondary--hover, #E2E4E7)", + "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "active": "var(--vkui--color_skeleton_from--active, #F6F6F6)", + "hover": "var(--vkui--color_skeleton_from--hover, #F5F5F5)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "active": "var(--vkui--color_skeleton_to--active, #E3E5E8)", + "hover": "var(--vkui--color_skeleton_to--hover, #E2E4E7)", + "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "active": "var(--vkui--color_stroke_accent--active, #3792ED)", + "hover": "var(--vkui--color_stroke_accent--hover, #2F8DEC)", + "normal": "var(--vkui--color_stroke_accent, #2688eb)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_stroke_accent_themed--active, #3792ED)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #2F8DEC)", + "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", @@ -422794,9 +447574,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", + "active": "var(--vkui--color_stroke_negative--active, #E85555)", + "hover": "var(--vkui--color_stroke_negative--hover, #E74D4D)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #59B959)", @@ -422804,19 +447584,19 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", - "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", + "active": "var(--vkui--color_tabbar_text_inactive--active, #A1A9B4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #9DA6B0)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "active": "var(--vkui--color_text_accent--active, #3792ED)", + "hover": "var(--vkui--color_text_accent--hover, #2F8DEC)", + "normal": "var(--vkui--color_text_accent, #2688eb)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "active": "var(--vkui--color_text_accent_themed--active, #3792ED)", + "hover": "var(--vkui--color_text_accent_themed--hover, #2F8DEC)", + "normal": "var(--vkui--color_text_accent_themed, #2688eb)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", @@ -422824,19 +447604,19 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #141414)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", - "normal": "var(--vkui--color_text_contrast_themed, #000000)", + "active": "var(--vkui--color_text_contrast_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "active": "var(--vkui--color_text_link--active, #3E8BE2)", + "hover": "var(--vkui--color_text_link--hover, #3586E1)", + "normal": "var(--vkui--color_text_link, #2d81e0)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", + "active": "var(--vkui--color_text_link_themed--active, #3E8BE2)", + "hover": "var(--vkui--color_text_link_themed--hover, #3586E1)", + "normal": "var(--vkui--color_text_link_themed, #2d81e0)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", @@ -422849,14 +447629,14 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "active": "var(--vkui--color_text_muted--active, #3D3E3F)", + "hover": "var(--vkui--color_text_muted--hover, #343536)", + "normal": "var(--vkui--color_text_muted, #2c2d2e)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #ff5c5c)", + "active": "var(--vkui--color_text_negative--active, #E85555)", + "hover": "var(--vkui--color_text_negative--hover, #E74D4D)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #59B959)", @@ -422864,9 +447644,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "active": "var(--vkui--color_text_primary--active, #141414)", + "hover": "var(--vkui--color_text_primary--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryInvariably": { "active": "var(--vkui--color_text_primary_invariably--active, #141414)", @@ -422874,29 +447654,29 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #8B95A1)", + "hover": "var(--vkui--color_text_secondary--hover, #86919D)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", - "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_subhead, #969a9f)", + "active": "var(--vkui--color_text_subhead--active, #79838F)", + "hover": "var(--vkui--color_text_subhead--hover, #737D8A)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_text_tertiary--hover, #636567)", - "normal": "var(--vkui--color_text_tertiary, #5d5f61)", + "active": "var(--vkui--color_text_tertiary--active, #A1A9B4)", + "hover": "var(--vkui--color_text_tertiary--hover, #9DA6B0)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #545556)", - "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", - "normal": "var(--vkui--color_track_background, #454647)", + "active": "var(--vkui--color_track_background--active, #E3E5E8)", + "hover": "var(--vkui--color_track_background--hover, #E2E4E7)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #4F647D)", - "hover": "var(--vkui--color_track_buffer--hover, #485E78)", - "normal": "var(--vkui--color_track_buffer, #405772)", + "active": "var(--vkui--color_track_buffer--active, #A8C4E6)", + "hover": "var(--vkui--color_track_buffer--hover, #A4C2E5)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", @@ -422904,24 +447684,24 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #818385)", - "hover": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", - "normal": "var(--vkui--color_write_bar_icon, #76787a)", + "active": "var(--vkui--color_write_bar_icon--active, #4E93E2)", + "hover": "var(--vkui--color_write_bar_icon--hover, #478FE1)", + "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + "active": "var(--vkui--color_write_bar_input_background--active, #F3F4F6)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #F3F3F5)", + "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", - "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + "active": "var(--vkui--color_write_bar_input_border--active, #E3E5E8)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #E2E4E7)", + "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", }, "colorsScheme": "var(--vkui--colors_scheme, dark)", "elevation1": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", @@ -423779,9 +448559,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorAccentGray": { "active": "#AAB4BE", @@ -423804,19 +448584,19 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "active": "#F9BB5D", + "hover": "#F9B856", + "normal": "#F9B54F", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#7E69E8", + "hover": "#7963E7", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#E24EB2", + "hover": "#E147AE", + "normal": "#e03fab", }, "colorAccentRed": { "active": "#FF4356", @@ -423829,14 +448609,14 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#843FC5", + "hover": "#7E36C3", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -423849,29 +448629,29 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#67A6FF", @@ -423879,9 +448659,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -423896,37 +448676,37 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.20)", }, "colorBackgroundContrastThemed": { - "active": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#E1EFFF", + "hover": "#DFEFFF", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "colorBackgroundModalInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorBackgroundModalInverse": { + "active": "#3E3E3F", + "hover": "#353536", + "normal": "#2d2d2e", + }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#FFEBEB", + "hover": "#FFEAEA", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { "active": "#59B959", @@ -423934,74 +448714,74 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#EAF9EA", + "hover": "#E9F9E9", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#F6F6F6", + "hover": "#F5F5F5", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#F9F9F9", + "hover": "#F9F9F9", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#FFF3D9", + "hover": "#FFF3D8", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#D7D8DB", @@ -424014,24 +448794,24 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#8B95A1", + "hover": "#86919D", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", }, "colorIconPositive": { "active": "#59B959", @@ -424039,9 +448819,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -424049,44 +448829,44 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#A1A9B4", + "hover": "#9DA6B0", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#BEC6D0", + "hover": "#BBC3CE", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#F9A82E", + "hover": "#F8A425", + "normal": "#F8A01C", }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -424099,69 +448879,69 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#DADBDC", + "hover": "#D9DADB", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#CFD0D1", + "hover": "#CDCECF", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#C3C4C6", + "hover": "#C1C2C3", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#F6F6F6", + "hover": "#F5F5F5", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -424169,9 +448949,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", }, "colorStrokePositive": { "active": "#59B959", @@ -424179,19 +448959,19 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#A1A9B4", + "hover": "#9DA6B0", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#D7D8DB", @@ -424199,19 +448979,19 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3E8BE2", + "hover": "#3586E1", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3E8BE2", + "hover": "#3586E1", + "normal": "#2d81e0", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -424224,14 +449004,14 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#E85555", + "hover": "#E74D4D", + "normal": "#e64646", }, "colorTextPositive": { "active": "#59B959", @@ -424239,9 +449019,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextPrimaryInvariably": { "active": "#141414", @@ -424249,29 +449029,29 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8B95A1", + "hover": "#86919D", + "normal": "#818c99", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#79838F", + "hover": "#737D8A", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A1A9B4", + "hover": "#9DA6B0", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#A8C4E6", + "hover": "#A4C2E5", + "normal": "#a0bfe4", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -424279,24 +449059,24 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorsScheme": "dark", "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", diff --git a/src/interfaces/themes/vkAccessibility/index.ts b/src/interfaces/themes/vkAccessibility/index.ts new file mode 100644 index 000000000..7129aa149 --- /dev/null +++ b/src/interfaces/themes/vkAccessibility/index.ts @@ -0,0 +1,5 @@ +export { + ThemeVkBase as ThemeVkAccessibility, + ThemeVkBaseCssVars as ThemeVkAccessibilityCssVars, + ThemeVkBaseDescription as ThemeVkAccessibilityDescription, +} from '@/interfaces/themes/vkBase'; diff --git a/src/interfaces/themes/vkAccessibilityDark/index.ts b/src/interfaces/themes/vkAccessibilityDark/index.ts new file mode 100644 index 000000000..8132a8ab6 --- /dev/null +++ b/src/interfaces/themes/vkAccessibilityDark/index.ts @@ -0,0 +1,5 @@ +export { + ThemeVkBaseDark as ThemeVkAccessibilityDark, + ThemeVkBaseDarkCssVars as ThemeVkAccessibilityDarkCssVars, + ThemeVkBaseDarkDescription as ThemeVkAccessibilityDarkDescription, +} from '@/interfaces/themes/vkBaseDark'; diff --git a/src/interfaces/themes/vkAccessibilityIOS/index.ts b/src/interfaces/themes/vkAccessibilityIOS/index.ts new file mode 100644 index 000000000..9ff2d8214 --- /dev/null +++ b/src/interfaces/themes/vkAccessibilityIOS/index.ts @@ -0,0 +1,5 @@ +export { + ThemeVkBase as ThemeVkAccessibilityIOS, + ThemeVkBaseCssVars as ThemeVkAccessibilityIOSCssVars, + ThemeVkBaseDescription as ThemeVkAccessibilityIOSDescription, +} from '@/interfaces/themes/vkBase'; diff --git a/src/interfaces/themes/vkAccessibilityIOSDark/index.ts b/src/interfaces/themes/vkAccessibilityIOSDark/index.ts new file mode 100644 index 000000000..a4f8b8ae6 --- /dev/null +++ b/src/interfaces/themes/vkAccessibilityIOSDark/index.ts @@ -0,0 +1,5 @@ +export { + ThemeVkBaseDark as ThemeVkAccessibilityIOSDark, + ThemeVkBaseDarkCssVars as ThemeVkAccessibilityIOSDarkCssVars, + ThemeVkBaseDarkDescription as ThemeVkAccessibilityIOSDarkDescription, +} from '@/interfaces/themes/vkBaseDark'; diff --git a/src/themeDescriptions/index.ts b/src/themeDescriptions/index.ts index 03bcecb1c..7ba2ae426 100644 --- a/src/themeDescriptions/index.ts +++ b/src/themeDescriptions/index.ts @@ -22,6 +22,14 @@ import { promoTheme } from '@/themeDescriptions/themes/promo'; import { pulseTheme, pulseThemeDark } from '@/themeDescriptions/themes/pulse'; import { searchTheme } from '@/themeDescriptions/themes/search'; import { todoTheme } from '@/themeDescriptions/themes/todo'; +import { + vkAccessibilityTheme, + vkAccessibilityThemeDark, +} from '@/themeDescriptions/themes/vkAccessibility'; +import { + vkAccessibilityIOSTheme, + vkAccessibilityIOSThemeDark, +} from '@/themeDescriptions/themes/vkAccessibilityIOS'; import { vkComTheme, vkComThemeDark } from '@/themeDescriptions/themes/vkCom'; import { vkIdOkTheme, vkIdOkThemeDark } from '@/themeDescriptions/themes/vkIdOk'; import { vkIdOkIOSTheme, vkIdOkIOSThemeDark } from '@/themeDescriptions/themes/vkIdOkIOS'; @@ -46,6 +54,10 @@ export const themes = [ vkBaseDark, // ==== Темы, наследуемые от базовой темы VK ==== + vkAccessibilityTheme, + vkAccessibilityThemeDark, + vkAccessibilityIOSTheme, + vkAccessibilityIOSThemeDark, vkComTheme, vkComThemeDark, vkIOSTheme, diff --git a/src/themeDescriptions/themes/vkAccessibility/index.ts b/src/themeDescriptions/themes/vkAccessibility/index.ts new file mode 100644 index 000000000..f1c646bf7 --- /dev/null +++ b/src/themeDescriptions/themes/vkAccessibility/index.ts @@ -0,0 +1,66 @@ +import { ThemeVkAccessibilityDescription } from '@/interfaces/themes/vkAccessibility'; +import { ThemeVkAccessibilityDarkDescription } from '@/interfaces/themes/vkAccessibilityDark'; +import { darkColors, darkTheme, lightColors, lightTheme } from '@/themeDescriptions/base/vk'; + +export const vkAccessibilityTheme: ThemeVkAccessibilityDescription = { + ...lightTheme, + themeName: 'vkAccessibility', + themeNameBase: 'vkAccessibility', + themeInheritsFrom: 'vkBase', + + colors: { + ...lightColors.colors, + + // Text + colorTextSubhead: '#58636F', + colorTextSecondary: '#65707D', + colorTextTertiary: '#848D98', + + // Icon + colorIconMedium: '#65707D', + colorIconMediumAlpha: 'rgba(0, 0, 0, 55%)', + colorIconSecondary: '#868d97', + colorIconSecondaryAlpha: 'rgba(0, 0, 0, 44%)', + colorIconTertiary: '#a6adb7', + colorIconTertiaryAlpha: 'rgba(0, 0, 0, 32%)', + + // Background + colorFieldBackground: '#F5F5F5', + colorSearchFieldBackground: '#F2F3F5', + + // Other + colorImagePlaceholder: '#F5F5F5', + colorWriteBarInputBackground: '#F5F5F5', + }, +}; + +export const vkAccessibilityThemeDark: ThemeVkAccessibilityDarkDescription = { + ...vkAccessibilityTheme, + ...darkTheme, + + themeName: 'vkAccessibilityDark', + themeNameBase: 'vkAccessibility', + themeInheritsFrom: 'vkBaseDark', + colorsScheme: 'dark', + + colors: { + ...darkColors.colors, + + // Text + colorTextSubhead: '#B9BABF', + colorTextSecondary: '#909294', + colorTextTertiary: '#6B6D6F', + + // Icon + colorIconMedium: '#B9BABF', + colorIconMediumAlpha: 'rgba(247, 248, 255, 70%)', + colorIconSecondary: '#898B8D', + colorIconSecondaryAlpha: 'rgba(248, 252, 255, 50%)', + colorIconTertiary: '#5D5F61', + colorIconTertiaryAlpha: 'rgba(246, 250, 255, 37%)', + + // Background + colorFieldBackground: '#232324', + colorSearchFieldBackground: '#2A2A2B', + }, +}; diff --git a/src/themeDescriptions/themes/vkAccessibilityIOS/index.ts b/src/themeDescriptions/themes/vkAccessibilityIOS/index.ts new file mode 100644 index 000000000..6e2c739e1 --- /dev/null +++ b/src/themeDescriptions/themes/vkAccessibilityIOS/index.ts @@ -0,0 +1,27 @@ +import { ThemeVkAccessibilityIOSDescription } from '@/interfaces/themes/vkAccessibilityIOS'; +import { ThemeVkAccessibilityIOSDarkDescription } from '@/interfaces/themes/vkAccessibilityIOSDark'; +import { + vkAccessibilityTheme, + vkAccessibilityThemeDark, +} from '@/themeDescriptions/themes/vkAccessibility'; +import { vkIOSTheme, vkIOSThemeDark } from '@/themeDescriptions/themes/vkIOS'; + +export const vkAccessibilityIOSTheme: ThemeVkAccessibilityIOSDescription = { + ...vkIOSTheme, + themeName: 'vkAccessibilityIOS', + themeNameBase: 'vkAccessibilityIOS', + colors: { + ...vkIOSTheme.colors, + ...vkAccessibilityTheme.colors, + }, +}; + +export const vkAccessibilityIOSThemeDark: ThemeVkAccessibilityIOSDarkDescription = { + ...vkIOSThemeDark, + themeName: 'vkAccessibilityIOSDark', + themeNameBase: 'vkAccessibilityIOS', + colors: { + ...vkIOSThemeDark.colors, + ...vkAccessibilityThemeDark.colors, + }, +}; diff --git a/src/themeDescriptions/themes/vkIOS/index.ts b/src/themeDescriptions/themes/vkIOS/index.ts index 393a528c8..5b9808e41 100644 --- a/src/themeDescriptions/themes/vkIOS/index.ts +++ b/src/themeDescriptions/themes/vkIOS/index.ts @@ -1,6 +1,6 @@ import { ThemeVkIOSDescription } from '@/interfaces/themes/vkIOS'; import { ThemeVkIOSDarkDescription } from '@/interfaces/themes/vkIOSDark'; -import { darkColors, darkElevation, darkGradient, lightTheme } from '@/themeDescriptions/base/vk'; +import { darkElevation, darkGradient, lightTheme } from '@/themeDescriptions/base/vk'; export const vkIOSTheme: ThemeVkIOSDescription = { ...lightTheme, @@ -46,7 +46,6 @@ export const vkIOSTheme: ThemeVkIOSDescription = { export const vkIOSThemeDark: ThemeVkIOSDarkDescription = { ...vkIOSTheme, - ...darkColors, ...darkGradient, ...darkElevation, themeName: 'vkIOSDark', From de10ab9ed5331c5befd036e8daad1c86e99926b3 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Mon, 1 Jul 2024 05:56:45 +0000 Subject: [PATCH 05/14] build(deps-dev): bump @babel/core from 7.24.5 to 7.24.7 Bumps [@babel/core](https://github.com/babel/babel/tree/HEAD/packages/babel-core) from 7.24.5 to 7.24.7. - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.24.7/packages/babel-core) --- updated-dependencies: - dependency-name: "@babel/core" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 243 +++++++++++++++++++++++++++++---------------------- 2 files changed, 139 insertions(+), 106 deletions(-) diff --git a/package.json b/package.json index ae57332cc..da8ca6d1c 100644 --- a/package.json +++ b/package.json @@ -44,7 +44,7 @@ "csstype": "^3.1.1" }, "devDependencies": { - "@babel/core": "7.24.5", + "@babel/core": "7.24.7", "@svgr/webpack": "8.1.0", "@types/color": "3.0.6", "@types/common-tags": "1.8.4", diff --git a/yarn.lock b/yarn.lock index 5d1262f2e..77057c911 100644 --- a/yarn.lock +++ b/yarn.lock @@ -15,12 +15,12 @@ "@jridgewell/gen-mapping" "^0.3.0" "@jridgewell/trace-mapping" "^0.3.9" -"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.23.5", "@babel/code-frame@^7.24.2": - version "7.24.2" - resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.2.tgz#718b4b19841809a58b29b68cde80bc5e1aa6d9ae" - integrity sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ== +"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.7.tgz#882fd9e09e8ee324e496bd040401c6f046ef4465" + integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA== dependencies: - "@babel/highlight" "^7.24.2" + "@babel/highlight" "^7.24.7" picocolors "^1.0.0" "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.23.3", "@babel/compat-data@^7.23.5": @@ -28,33 +28,38 @@ resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.23.5.tgz#ffb878728bb6bdcb6f4510aa51b1be9afb8cfd98" integrity sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw== -"@babel/core@7.24.5", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.21.3": - version "7.24.5" - resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.5.tgz#15ab5b98e101972d171aeef92ac70d8d6718f06a" - integrity sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA== +"@babel/compat-data@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.7.tgz#d23bbea508c3883ba8251fb4164982c36ea577ed" + integrity sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw== + +"@babel/core@7.24.7", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.21.3": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.7.tgz#b676450141e0b52a3d43bc91da86aa608f950ac4" + integrity sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g== dependencies: "@ampproject/remapping" "^2.2.0" - "@babel/code-frame" "^7.24.2" - "@babel/generator" "^7.24.5" - "@babel/helper-compilation-targets" "^7.23.6" - "@babel/helper-module-transforms" "^7.24.5" - "@babel/helpers" "^7.24.5" - "@babel/parser" "^7.24.5" - "@babel/template" "^7.24.0" - "@babel/traverse" "^7.24.5" - "@babel/types" "^7.24.5" + "@babel/code-frame" "^7.24.7" + "@babel/generator" "^7.24.7" + "@babel/helper-compilation-targets" "^7.24.7" + "@babel/helper-module-transforms" "^7.24.7" + "@babel/helpers" "^7.24.7" + "@babel/parser" "^7.24.7" + "@babel/template" "^7.24.7" + "@babel/traverse" "^7.24.7" + "@babel/types" "^7.24.7" convert-source-map "^2.0.0" debug "^4.1.0" gensync "^1.0.0-beta.2" json5 "^2.2.3" semver "^6.3.1" -"@babel/generator@^7.24.5", "@babel/generator@^7.7.2": - version "7.24.5" - resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.5.tgz#e5afc068f932f05616b66713e28d0f04e99daeb3" - integrity sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA== +"@babel/generator@^7.24.7", "@babel/generator@^7.7.2": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.7.tgz#1654d01de20ad66b4b4d99c135471bc654c55e6d" + integrity sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA== dependencies: - "@babel/types" "^7.24.5" + "@babel/types" "^7.24.7" "@jridgewell/gen-mapping" "^0.3.5" "@jridgewell/trace-mapping" "^0.3.25" jsesc "^2.5.1" @@ -73,13 +78,13 @@ dependencies: "@babel/types" "^7.22.15" -"@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.23.6": - version "7.23.6" - resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz#4d79069b16cbcf1461289eccfbbd81501ae39991" - integrity sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ== +"@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.23.6", "@babel/helper-compilation-targets@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.7.tgz#4eb6c4a80d6ffeac25ab8cd9a21b5dfa48d503a9" + integrity sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg== dependencies: - "@babel/compat-data" "^7.23.5" - "@babel/helper-validator-option" "^7.23.5" + "@babel/compat-data" "^7.24.7" + "@babel/helper-validator-option" "^7.24.7" browserslist "^4.22.2" lru-cache "^5.1.1" semver "^6.3.1" @@ -124,6 +129,13 @@ resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167" integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA== +"@babel/helper-environment-visitor@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz#4b31ba9551d1f90781ba83491dd59cf9b269f7d9" + integrity sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ== + dependencies: + "@babel/types" "^7.24.7" + "@babel/helper-function-name@^7.22.5", "@babel/helper-function-name@^7.23.0": version "7.23.0" resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759" @@ -132,6 +144,14 @@ "@babel/template" "^7.22.15" "@babel/types" "^7.23.0" +"@babel/helper-function-name@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz#75f1e1725742f39ac6584ee0b16d94513da38dd2" + integrity sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA== + dependencies: + "@babel/template" "^7.24.7" + "@babel/types" "^7.24.7" + "@babel/helper-hoist-variables@^7.22.5": version "7.22.5" resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb" @@ -139,6 +159,13 @@ dependencies: "@babel/types" "^7.22.5" +"@babel/helper-hoist-variables@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz#b4ede1cde2fd89436397f30dc9376ee06b0f25ee" + integrity sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ== + dependencies: + "@babel/types" "^7.24.7" + "@babel/helper-member-expression-to-functions@^7.22.15", "@babel/helper-member-expression-to-functions@^7.23.0": version "7.23.0" resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz#9263e88cc5e41d39ec18c9a3e0eced59a3e7d366" @@ -153,23 +180,24 @@ dependencies: "@babel/types" "^7.22.15" -"@babel/helper-module-imports@^7.24.3": - version "7.24.3" - resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz#6ac476e6d168c7c23ff3ba3cf4f7841d46ac8128" - integrity sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg== +"@babel/helper-module-imports@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz#f2f980392de5b84c3328fc71d38bd81bbb83042b" + integrity sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA== dependencies: - "@babel/types" "^7.24.0" + "@babel/traverse" "^7.24.7" + "@babel/types" "^7.24.7" -"@babel/helper-module-transforms@^7.23.3", "@babel/helper-module-transforms@^7.24.5": - version "7.24.5" - resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.5.tgz#ea6c5e33f7b262a0ae762fd5986355c45f54a545" - integrity sha512-9GxeY8c2d2mdQUP1Dye0ks3VDyIMS98kt/llQ2nUId8IsWqTF0l1LkSX0/uP7l7MCDrzXS009Hyhe2gzTiGW8A== +"@babel/helper-module-transforms@^7.23.3", "@babel/helper-module-transforms@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz#31b6c9a2930679498db65b685b1698bfd6c7daf8" + integrity sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ== dependencies: - "@babel/helper-environment-visitor" "^7.22.20" - "@babel/helper-module-imports" "^7.24.3" - "@babel/helper-simple-access" "^7.24.5" - "@babel/helper-split-export-declaration" "^7.24.5" - "@babel/helper-validator-identifier" "^7.24.5" + "@babel/helper-environment-visitor" "^7.24.7" + "@babel/helper-module-imports" "^7.24.7" + "@babel/helper-simple-access" "^7.24.7" + "@babel/helper-split-export-declaration" "^7.24.7" + "@babel/helper-validator-identifier" "^7.24.7" "@babel/helper-optimise-call-expression@^7.22.5": version "7.22.5" @@ -208,12 +236,13 @@ dependencies: "@babel/types" "^7.22.5" -"@babel/helper-simple-access@^7.24.5": - version "7.24.5" - resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.24.5.tgz#50da5b72f58c16b07fbd992810be6049478e85ba" - integrity sha512-uH3Hmf5q5n7n8mz7arjUlDOCbttY/DW4DYhE6FUsjKJ/oYC1kQQUvwEQWxRwUpX9qQKRXeqLwWxrqilMrf32sQ== +"@babel/helper-simple-access@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz#bcade8da3aec8ed16b9c4953b74e506b51b5edb3" + integrity sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg== dependencies: - "@babel/types" "^7.24.5" + "@babel/traverse" "^7.24.7" + "@babel/types" "^7.24.7" "@babel/helper-skip-transparent-expression-wrappers@^7.22.5": version "7.22.5" @@ -229,33 +258,38 @@ dependencies: "@babel/types" "^7.22.5" -"@babel/helper-split-export-declaration@^7.24.5": - version "7.24.5" - resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.5.tgz#b9a67f06a46b0b339323617c8c6213b9055a78b6" - integrity sha512-5CHncttXohrHk8GWOFCcCl4oRD9fKosWlIRgWm4ql9VYioKm52Mk2xsmoohvm7f3JoiLSM5ZgJuRaf5QZZYd3Q== +"@babel/helper-split-export-declaration@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz#83949436890e07fa3d6873c61a96e3bbf692d856" + integrity sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA== dependencies: - "@babel/types" "^7.24.5" + "@babel/types" "^7.24.7" -"@babel/helper-string-parser@^7.24.1": - version "7.24.1" - resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz#f99c36d3593db9540705d0739a1f10b5e20c696e" - integrity sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ== +"@babel/helper-string-parser@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz#4d2d0f14820ede3b9807ea5fc36dfc8cd7da07f2" + integrity sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg== "@babel/helper-validator-identifier@^7.22.20": version "7.22.20" resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0" integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A== -"@babel/helper-validator-identifier@^7.24.5": - version "7.24.5" - resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz#918b1a7fa23056603506370089bd990d8720db62" - integrity sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA== +"@babel/helper-validator-identifier@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz#75b889cfaf9e35c2aaf42cf0d72c8e91719251db" + integrity sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w== "@babel/helper-validator-option@^7.22.15", "@babel/helper-validator-option@^7.23.5": version "7.23.5" resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz#907a3fbd4523426285365d1206c423c4c5520307" integrity sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw== +"@babel/helper-validator-option@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz#24c3bb77c7a425d1742eec8fb433b5a1b38e62f6" + integrity sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw== + "@babel/helper-wrap-function@^7.22.20": version "7.22.20" resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz#15352b0b9bfb10fc9c76f79f6342c00e3411a569" @@ -265,29 +299,28 @@ "@babel/template" "^7.22.15" "@babel/types" "^7.22.19" -"@babel/helpers@^7.24.5": - version "7.24.5" - resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.5.tgz#fedeb87eeafa62b621160402181ad8585a22a40a" - integrity sha512-CiQmBMMpMQHwM5m01YnrM6imUG1ebgYJ+fAIW4FZe6m4qHTPaRHti+R8cggAwkdz4oXhtO4/K9JWlh+8hIfR2Q== +"@babel/helpers@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.7.tgz#aa2ccda29f62185acb5d42fb4a3a1b1082107416" + integrity sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg== dependencies: - "@babel/template" "^7.24.0" - "@babel/traverse" "^7.24.5" - "@babel/types" "^7.24.5" + "@babel/template" "^7.24.7" + "@babel/types" "^7.24.7" -"@babel/highlight@^7.24.2": - version "7.24.2" - resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.2.tgz#3f539503efc83d3c59080a10e6634306e0370d26" - integrity sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA== +"@babel/highlight@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.7.tgz#a05ab1df134b286558aae0ed41e6c5f731bf409d" + integrity sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw== dependencies: - "@babel/helper-validator-identifier" "^7.22.20" + "@babel/helper-validator-identifier" "^7.24.7" chalk "^2.4.2" js-tokens "^4.0.0" picocolors "^1.0.0" -"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.24.0", "@babel/parser@^7.24.5": - version "7.24.5" - resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.5.tgz#4a4d5ab4315579e5398a82dcf636ca80c3392790" - integrity sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg== +"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.7.tgz#9a5226f92f0c5c8ead550b750f5608e766c8ce85" + integrity sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw== "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.23.3": version "7.23.3" @@ -1034,38 +1067,38 @@ dependencies: regenerator-runtime "^0.14.0" -"@babel/template@^7.22.15", "@babel/template@^7.24.0", "@babel/template@^7.3.3": - version "7.24.0" - resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.0.tgz#c6a524aa93a4a05d66aaf31654258fae69d87d50" - integrity sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA== - dependencies: - "@babel/code-frame" "^7.23.5" - "@babel/parser" "^7.24.0" - "@babel/types" "^7.24.0" - -"@babel/traverse@^7.24.5": - version "7.24.5" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.5.tgz#972aa0bc45f16983bf64aa1f877b2dd0eea7e6f8" - integrity sha512-7aaBLeDQ4zYcUFDUD41lJc1fG8+5IU9DaNSJAgal866FGvmD5EbWQgnEC6kO1gGLsX0esNkfnJSndbTXA3r7UA== - dependencies: - "@babel/code-frame" "^7.24.2" - "@babel/generator" "^7.24.5" - "@babel/helper-environment-visitor" "^7.22.20" - "@babel/helper-function-name" "^7.23.0" - "@babel/helper-hoist-variables" "^7.22.5" - "@babel/helper-split-export-declaration" "^7.24.5" - "@babel/parser" "^7.24.5" - "@babel/types" "^7.24.5" +"@babel/template@^7.22.15", "@babel/template@^7.24.7", "@babel/template@^7.3.3": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.7.tgz#02efcee317d0609d2c07117cb70ef8fb17ab7315" + integrity sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig== + dependencies: + "@babel/code-frame" "^7.24.7" + "@babel/parser" "^7.24.7" + "@babel/types" "^7.24.7" + +"@babel/traverse@^7.24.7": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.7.tgz#de2b900163fa741721ba382163fe46a936c40cf5" + integrity sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA== + dependencies: + "@babel/code-frame" "^7.24.7" + "@babel/generator" "^7.24.7" + "@babel/helper-environment-visitor" "^7.24.7" + "@babel/helper-function-name" "^7.24.7" + "@babel/helper-hoist-variables" "^7.24.7" + "@babel/helper-split-export-declaration" "^7.24.7" + "@babel/parser" "^7.24.7" + "@babel/types" "^7.24.7" debug "^4.3.1" globals "^11.1.0" -"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.21.3", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.4", "@babel/types@^7.24.0", "@babel/types@^7.24.5", "@babel/types@^7.3.3", "@babel/types@^7.4.4": - version "7.24.5" - resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.5.tgz#7661930afc638a5383eb0c4aee59b74f38db84d7" - integrity sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ== +"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.21.3", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.4", "@babel/types@^7.24.7", "@babel/types@^7.3.3", "@babel/types@^7.4.4": + version "7.24.7" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.7.tgz#6027fe12bc1aa724cd32ab113fb7f1988f1f66f2" + integrity sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q== dependencies: - "@babel/helper-string-parser" "^7.24.1" - "@babel/helper-validator-identifier" "^7.24.5" + "@babel/helper-string-parser" "^7.24.7" + "@babel/helper-validator-identifier" "^7.24.7" to-fast-properties "^2.0.0" "@bcoe/v8-coverage@^0.2.3": From 15a11566f2298faa464c1cf6cb0235389fbce51f Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Mon, 1 Jul 2024 05:57:13 +0000 Subject: [PATCH 06/14] build(deps-dev): bump @vkontakte/icons from 2.123.0 to 2.124.0 Bumps [@vkontakte/icons](https://github.com/VKCOM/icons/tree/HEAD/packages/icons) from 2.123.0 to 2.124.0. - [Release notes](https://github.com/VKCOM/icons/releases) - [Commits](https://github.com/VKCOM/icons/commits/@vkontakte/icons@2.124.0/packages/icons) --- updated-dependencies: - dependency-name: "@vkontakte/icons" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index ae57332cc..ea381f26f 100644 --- a/package.json +++ b/package.json @@ -54,7 +54,7 @@ "@types/react": "18.3.3", "@types/react-dom": "18.3.0", "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.2.0", - "@vkontakte/icons": "2.123.0", + "@vkontakte/icons": "2.124.0", "@vkontakte/prettier-config": "0.1.0", "@vkontakte/vk-bridge": "2.14.2", "@vkontakte/vkjs": "1.1.2", diff --git a/yarn.lock b/yarn.lock index 5d1262f2e..32523b4a2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2124,10 +2124,10 @@ dependencies: "@swc/helpers" "^0.5.11" -"@vkontakte/icons@2.123.0", "@vkontakte/icons@^2.115.0": - version "2.123.0" - resolved "https://registry.yarnpkg.com/@vkontakte/icons/-/icons-2.123.0.tgz#d6a561e50784c20da160b11d140f882fed8c3a07" - integrity sha512-kPPnRdpmMBSQCAtZ+D5zy3I1WiDBYwl8C2jVHEmH9v4IujfrUCgIaaLc7WeKZj3vUSnWOXZ7ftCI3NU3BPWzKQ== +"@vkontakte/icons@2.124.0", "@vkontakte/icons@^2.115.0": + version "2.124.0" + resolved "https://registry.yarnpkg.com/@vkontakte/icons/-/icons-2.124.0.tgz#42dbe547af9dc2f8e250e286f1912eee82084750" + integrity sha512-pD0DpA6kIyNQgSi53SLD3ghNyGq9fHTRrrvBu3ye2QvpbfZIvxnEPPfDfT5PjKlbK/uF0v1DYVq4MKIKaghwVw== dependencies: "@vkontakte/icons-sprite" "2.2.0" From dcf85f256e7a6b9cff02036f648724d94c784388 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Mon, 1 Jul 2024 05:57:28 +0000 Subject: [PATCH 07/14] build(deps-dev): bump @vkontakte/vkjs from 1.1.2 to 1.2.0 Bumps [@vkontakte/vkjs](https://github.com/VKCOM/vkjs) from 1.1.2 to 1.2.0. - [Release notes](https://github.com/VKCOM/vkjs/releases) - [Commits](https://github.com/VKCOM/vkjs/compare/v1.1.2...v1.2.0) --- updated-dependencies: - dependency-name: "@vkontakte/vkjs" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index ae57332cc..6e7c8b459 100644 --- a/package.json +++ b/package.json @@ -57,7 +57,7 @@ "@vkontakte/icons": "2.123.0", "@vkontakte/prettier-config": "0.1.0", "@vkontakte/vk-bridge": "2.14.2", - "@vkontakte/vkjs": "1.1.2", + "@vkontakte/vkjs": "1.2.0", "@vkontakte/vkui": "6.1.1", "babel-jest": "29.7.0", "babel-loader": "9.1.3", diff --git a/yarn.lock b/yarn.lock index 5d1262f2e..7add77cf8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2141,10 +2141,10 @@ resolved "https://registry.yarnpkg.com/@vkontakte/vk-bridge/-/vk-bridge-2.14.2.tgz#7b8e8f120b9128e9c6e8424f56afbb28f6918ff2" integrity sha512-npPEBw6nCLNv1vxJr7fUOsEEfglP8soOi2B2fscgE/aTxd00MF/nITzSq+LASrfSgpk/f3AtAw3CnE3Ia5E98w== -"@vkontakte/vkjs@1.1.2", "@vkontakte/vkjs@^1.1.2": - version "1.1.2" - resolved "https://registry.yarnpkg.com/@vkontakte/vkjs/-/vkjs-1.1.2.tgz#bde6c651aa2aac63faac008cd0121a96df6fab5f" - integrity sha512-GNrbq0zDW3hsPAnS7N6jML5G7+p1KetvaBt9wblwF5HgrKaHNFoaHnF50x8opIBGMZqS1OTkYJ/7BXA5hiVXjg== +"@vkontakte/vkjs@1.2.0", "@vkontakte/vkjs@^1.1.2": + version "1.2.0" + resolved "https://registry.yarnpkg.com/@vkontakte/vkjs/-/vkjs-1.2.0.tgz#ca4fa56f53aa84f25d072534c50fe73106400a64" + integrity sha512-l5u3EGvKACQaSB3DFphY3PNgmkK7H2KZ/6XqHcqqkwAw1wrMu4ESWvkyczLxaa6/9hMTfw2Jj3VssiYDaHhbeg== dependencies: "@swc/helpers" "^0.5.0" From 9692173e1a5eeaeb858deb0d9b5e0a6bcc4885cf Mon Sep 17 00:00:00 2001 From: Alibek Dzhukaev Date: Mon, 1 Jul 2024 09:25:32 +0300 Subject: [PATCH 08/14] added colors to ok --- .../__snapshots__/snapthots.test.ts.snap | 1056 ++++++++--------- src/themeDescriptions/themes/vkIdOk/index.ts | 28 +- 2 files changed, 554 insertions(+), 530 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index aa46bea7a..d08eec23d 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -348994,15 +348994,15 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", + "value": "var(--vkui--color_accent_orange--active, #DB790C)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + "value": "var(--vkui--color_accent_orange--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #EE8208)", }, }, "colorAccentOrangeFire": { @@ -349176,15 +349176,15 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "value": "var(--vkui--color_background_accent_alternative--active, #DB790C)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "value": "var(--vkui--color_background_accent_alternative, #EE8208)", }, }, "colorBackgroundAccentThemed": { @@ -349204,29 +349204,29 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(238, 130, 8, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(238, 130, 8, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(238, 130, 8, 0.2))", }, }, "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "value": "var(--vkui--color_background_accent_tint--active, #E07F14)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "value": "var(--vkui--color_background_accent_tint--hover, #E98412)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "value": "var(--vkui--color_background_accent_tint, #F38910)", }, }, "colorBackgroundContent": { @@ -349512,15 +349512,15 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #FFFFFF)", }, }, "colorFieldBorderAlpha": { @@ -349554,29 +349554,29 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #DB790C)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #EE8208)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_icon_accent_themed--active, #778292)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent_themed--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "value": "var(--vkui--color_icon_accent_themed, #818C99)", }, }, "colorIconContrast": { @@ -350002,29 +350002,29 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #DB790C)", + "value": "var(--vkui--color_stroke_accent--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #E47D0A)", + "value": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #EE8208)", + "value": "var(--vkui--color_stroke_accent, #BEBFC1)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent_themed--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "value": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", }, }, "colorStrokeContrast": { @@ -350142,57 +350142,57 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", + "value": "var(--vkui--color_text_link--active, #64707F)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #6D7885)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + "value": "var(--vkui--color_text_link_themed--active, #64707F)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link_themed--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "value": "var(--vkui--color_text_link_themed, #6D7885)", }, }, "colorTextLinkTint": { "active": { "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + "value": "var(--vkui--color_text_link_tint--active, #778292)", }, "hover": { "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "value": "var(--vkui--color_text_link_tint--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71aaeb)", + "value": "var(--vkui--color_text_link_tint, #818C99)", }, }, "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #437DC1)", + "value": "var(--vkui--color_text_link_visited--active, #64707F)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "value": "var(--vkui--color_text_link_visited--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", + "value": "var(--vkui--color_text_link_visited, #6D7885)", }, }, "colorTextMuted": { @@ -352198,9 +352198,9 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -352263,9 +352263,9 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorBackgroundAccentThemed": { "active": "#D87402", @@ -352273,14 +352273,14 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#EE8208", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(238, 130, 8, 0.28)", + "hover": "rgba(238, 130, 8, 0.24)", + "normal": "rgba(238, 130, 8, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": "#E07F14", + "hover": "#E98412", + "normal": "#F38910", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -352383,9 +352383,9 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -352398,14 +352398,14 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorIconContrast": { "active": "#EBECEF", @@ -352558,14 +352558,14 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -352608,24 +352608,24 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextMuted": { "active": "#282B2F", @@ -353178,9 +353178,9 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9405)", - "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "active": "var(--vkui--color_accent_orange--active, #DB790C)", + "hover": "var(--vkui--color_accent_orange--hover, #E47D0A)", + "normal": "var(--vkui--color_accent_orange, #EE8208)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", @@ -353243,9 +353243,9 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent, #EE8208)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", + "active": "var(--vkui--color_background_accent_alternative--active, #DB790C)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #E47D0A)", + "normal": "var(--vkui--color_background_accent_alternative, #EE8208)", }, "colorBackgroundAccentThemed": { "active": "var(--vkui--color_background_accent_themed--active, #D87402)", @@ -353253,14 +353253,14 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_accent_themed, #EE8208)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(238, 130, 8, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(238, 130, 8, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(238, 130, 8, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "active": "var(--vkui--color_background_accent_tint--active, #E07F14)", + "hover": "var(--vkui--color_background_accent_tint--hover, #E98412)", + "normal": "var(--vkui--color_background_accent_tint, #F38910)", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -353363,9 +353363,9 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "active": "var(--vkui--color_field_background--active, #EBECEF)", + "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_field_background, #FFFFFF)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -353378,14 +353378,14 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #ffffff)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent, #2688eb)", + "active": "var(--vkui--color_icon_accent--active, #DB790C)", + "hover": "var(--vkui--color_icon_accent--hover, #E47D0A)", + "normal": "var(--vkui--color_icon_accent, #EE8208)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + "active": "var(--vkui--color_icon_accent_themed--active, #778292)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #7C8795)", + "normal": "var(--vkui--color_icon_accent_themed, #818C99)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -353538,14 +353538,14 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #DB790C)", - "hover": "var(--vkui--color_stroke_accent--hover, #E47D0A)", - "normal": "var(--vkui--color_stroke_accent, #EE8208)", + "active": "var(--vkui--color_stroke_accent--active, #AFB1B6)", + "hover": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", + "normal": "var(--vkui--color_stroke_accent, #BEBFC1)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "active": "var(--vkui--color_stroke_accent_themed--active, #AFB1B6)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #B6B8BC)", + "normal": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -353588,24 +353588,24 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "active": "var(--vkui--color_text_link--active, #64707F)", + "hover": "var(--vkui--color_text_link--hover, #697482)", + "normal": "var(--vkui--color_text_link, #6D7885)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #2978D3)", - "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + "active": "var(--vkui--color_text_link_themed--active, #64707F)", + "hover": "var(--vkui--color_text_link_themed--hover, #697482)", + "normal": "var(--vkui--color_text_link_themed, #6D7885)", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #689EDD)", - "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", - "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + "active": "var(--vkui--color_text_link_tint--active, #778292)", + "hover": "var(--vkui--color_text_link_tint--hover, #7C8795)", + "normal": "var(--vkui--color_text_link_tint, #818C99)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #437DC1)", - "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", - "normal": "var(--vkui--color_text_link_visited, #4986cc)", + "active": "var(--vkui--color_text_link_visited--active, #64707F)", + "hover": "var(--vkui--color_text_link_visited--hover, #697482)", + "normal": "var(--vkui--color_text_link_visited, #6D7885)", }, "colorTextMuted": { "active": "var(--vkui--color_text_muted--active, #282B2F)", @@ -354158,9 +354158,9 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -354223,9 +354223,9 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorBackgroundAccentThemed": { "active": "#D87402", @@ -354233,14 +354233,14 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#EE8208", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(238, 130, 8, 0.28)", + "hover": "rgba(238, 130, 8, 0.24)", + "normal": "rgba(238, 130, 8, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": "#E07F14", + "hover": "#E98412", + "normal": "#F38910", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -354343,9 +354343,9 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -354358,14 +354358,14 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorIconContrast": { "active": "#EBECEF", @@ -354518,14 +354518,14 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -354568,24 +354568,24 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextMuted": { "active": "#282B2F", @@ -355182,15 +355182,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", + "value": "var(--vkui--color_accent_orange--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "value": "var(--vkui--color_accent_orange--hover, #EF8712)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #EE8208)", }, }, "colorAccentOrangeFire": { @@ -355364,15 +355364,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "value": "var(--vkui--color_background_accent_alternative--active, #F49223)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #F38E1A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "value": "var(--vkui--color_background_accent_alternative, #F38910)", }, }, "colorBackgroundAccentThemed": { @@ -355406,15 +355406,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "value": "var(--vkui--color_background_accent_tint--active, #F49223)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + "value": "var(--vkui--color_background_accent_tint--hover, #F38E1A)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "value": "var(--vkui--color_background_accent_tint, #F38910)", }, }, "colorBackgroundContent": { @@ -355700,15 +355700,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #222223)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #19191A)", }, }, "colorFieldBorderAlpha": { @@ -355742,15 +355742,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #EF8712)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #EE8208)", }, }, "colorIconAccentThemed": { @@ -356190,15 +356190,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #EF8C1C)", + "value": "var(--vkui--color_stroke_accent--active, #5E6061)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #EF8712)", + "value": "var(--vkui--color_stroke_accent--hover, #57595A)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #EE8208)", + "value": "var(--vkui--color_stroke_accent, #505253)", }, }, "colorStrokeAccentThemed": { @@ -356330,15 +356330,15 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #969A9F)", }, }, "colorTextLinkThemed": { @@ -356358,29 +356358,29 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorTextLinkTint": { "active": { "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "value": "var(--vkui--color_text_link_tint--active, #818385)", }, "hover": { "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "value": "var(--vkui--color_text_link_tint--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71aaeb)", + "value": "var(--vkui--color_text_link_tint, #76787A)", }, }, "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #5890D0)", + "value": "var(--vkui--color_text_link_visited--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "value": "var(--vkui--color_text_link_visited--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", + "value": "var(--vkui--color_text_link_visited, #969A9F)", }, }, "colorTextMuted": { @@ -358390,9 +358390,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -358455,9 +358455,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -358470,9 +358470,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundContent": { "active": "#2B2B2C", @@ -358575,9 +358575,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -358590,9 +358590,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#19191a", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -358750,9 +358750,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -358800,9 +358800,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#000000", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -358810,14 +358810,14 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextMuted": { "active": "#E3E5E8", @@ -359371,9 +359371,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "active": "var(--vkui--color_accent_orange--active, #EF8C1C)", + "hover": "var(--vkui--color_accent_orange--hover, #EF8712)", + "normal": "var(--vkui--color_accent_orange, #EE8208)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", @@ -359436,9 +359436,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent, #EE8208)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", + "active": "var(--vkui--color_background_accent_alternative--active, #F49223)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #F38E1A)", + "normal": "var(--vkui--color_background_accent_alternative, #F38910)", }, "colorBackgroundAccentThemed": { "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", @@ -359451,9 +359451,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "active": "var(--vkui--color_background_accent_tint--active, #F49223)", + "hover": "var(--vkui--color_background_accent_tint--hover, #F38E1A)", + "normal": "var(--vkui--color_background_accent_tint, #F38910)", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #2B2B2C)", @@ -359556,9 +359556,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "active": "var(--vkui--color_field_background--active, #2B2B2C)", + "hover": "var(--vkui--color_field_background--hover, #222223)", + "normal": "var(--vkui--color_field_background, #19191A)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", @@ -359571,9 +359571,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "active": "var(--vkui--color_icon_accent--active, #EF8C1C)", + "hover": "var(--vkui--color_icon_accent--hover, #EF8712)", + "normal": "var(--vkui--color_icon_accent, #EE8208)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -359731,9 +359731,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #EF8C1C)", - "hover": "var(--vkui--color_stroke_accent--hover, #EF8712)", - "normal": "var(--vkui--color_stroke_accent, #EE8208)", + "active": "var(--vkui--color_stroke_accent--active, #5E6061)", + "hover": "var(--vkui--color_stroke_accent--hover, #57595A)", + "normal": "var(--vkui--color_stroke_accent, #505253)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -359781,9 +359781,9 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "active": "var(--vkui--color_text_link--active, #9EA2A7)", + "hover": "var(--vkui--color_text_link--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_link, #969A9F)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -359791,14 +359791,14 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", - "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", - "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + "active": "var(--vkui--color_text_link_tint--active, #818385)", + "hover": "var(--vkui--color_text_link_tint--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_link_tint, #76787A)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #5890D0)", - "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", - "normal": "var(--vkui--color_text_link_visited, #4986cc)", + "active": "var(--vkui--color_text_link_visited--active, #9EA2A7)", + "hover": "var(--vkui--color_text_link_visited--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_link_visited, #969A9F)", }, "colorTextMuted": { "active": "var(--vkui--color_text_muted--active, #E3E5E8)", @@ -360352,9 +360352,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -360417,9 +360417,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -360432,9 +360432,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundContent": { "active": "#2B2B2C", @@ -360537,9 +360537,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -360552,9 +360552,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#19191a", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -360712,9 +360712,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -360762,9 +360762,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -360772,14 +360772,14 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextMuted": { "active": "#E3E5E8", @@ -361377,15 +361377,15 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", + "value": "var(--vkui--color_accent_orange--active, #DB790C)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + "value": "var(--vkui--color_accent_orange--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #EE8208)", }, }, "colorAccentOrangeFire": { @@ -361559,15 +361559,15 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "value": "var(--vkui--color_background_accent_alternative--active, #DB790C)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "value": "var(--vkui--color_background_accent_alternative, #EE8208)", }, }, "colorBackgroundAccentThemed": { @@ -361587,29 +361587,29 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(238, 130, 8, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(238, 130, 8, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(238, 130, 8, 0.2))", }, }, "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "value": "var(--vkui--color_background_accent_tint--active, #E07F14)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "value": "var(--vkui--color_background_accent_tint--hover, #E98412)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "value": "var(--vkui--color_background_accent_tint, #F38910)", }, }, "colorBackgroundContent": { @@ -361895,15 +361895,15 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #FFFFFF)", }, }, "colorFieldBorderAlpha": { @@ -361937,29 +361937,29 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #DB790C)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #EE8208)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_icon_accent_themed--active, #778292)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent_themed--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "value": "var(--vkui--color_icon_accent_themed, #818C99)", }, }, "colorIconContrast": { @@ -362385,29 +362385,29 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #DB790C)", + "value": "var(--vkui--color_stroke_accent--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #E47D0A)", + "value": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #EE8208)", + "value": "var(--vkui--color_stroke_accent, #BEBFC1)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent_themed--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "value": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", }, }, "colorStrokeContrast": { @@ -362525,57 +362525,57 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", + "value": "var(--vkui--color_text_link--active, #64707F)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #6D7885)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + "value": "var(--vkui--color_text_link_themed--active, #64707F)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link_themed--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "value": "var(--vkui--color_text_link_themed, #6D7885)", }, }, "colorTextLinkTint": { "active": { "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + "value": "var(--vkui--color_text_link_tint--active, #778292)", }, "hover": { "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "value": "var(--vkui--color_text_link_tint--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71aaeb)", + "value": "var(--vkui--color_text_link_tint, #818C99)", }, }, "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #437DC1)", + "value": "var(--vkui--color_text_link_visited--active, #64707F)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "value": "var(--vkui--color_text_link_visited--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", + "value": "var(--vkui--color_text_link_visited, #6D7885)", }, }, "colorTextMuted": { @@ -364585,9 +364585,9 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -364650,9 +364650,9 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorBackgroundAccentThemed": { "active": "#D87402", @@ -364660,14 +364660,14 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#EE8208", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(238, 130, 8, 0.28)", + "hover": "rgba(238, 130, 8, 0.24)", + "normal": "rgba(238, 130, 8, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": "#E07F14", + "hover": "#E98412", + "normal": "#F38910", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -364770,9 +364770,9 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -364785,14 +364785,14 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorIconContrast": { "active": "#EBECEF", @@ -364945,14 +364945,14 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -364995,24 +364995,24 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextMuted": { "active": "#282B2F", @@ -365566,9 +365566,9 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9405)", - "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "active": "var(--vkui--color_accent_orange--active, #DB790C)", + "hover": "var(--vkui--color_accent_orange--hover, #E47D0A)", + "normal": "var(--vkui--color_accent_orange, #EE8208)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", @@ -365631,9 +365631,9 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent, #EE8208)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", + "active": "var(--vkui--color_background_accent_alternative--active, #DB790C)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #E47D0A)", + "normal": "var(--vkui--color_background_accent_alternative, #EE8208)", }, "colorBackgroundAccentThemed": { "active": "var(--vkui--color_background_accent_themed--active, #D87402)", @@ -365641,14 +365641,14 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_themed, #EE8208)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(238, 130, 8, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(238, 130, 8, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(238, 130, 8, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "active": "var(--vkui--color_background_accent_tint--active, #E07F14)", + "hover": "var(--vkui--color_background_accent_tint--hover, #E98412)", + "normal": "var(--vkui--color_background_accent_tint, #F38910)", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -365751,9 +365751,9 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "active": "var(--vkui--color_field_background--active, #EBECEF)", + "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_field_background, #FFFFFF)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", @@ -365766,14 +365766,14 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_header_background, #ffffff)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent, #2688eb)", + "active": "var(--vkui--color_icon_accent--active, #DB790C)", + "hover": "var(--vkui--color_icon_accent--hover, #E47D0A)", + "normal": "var(--vkui--color_icon_accent, #EE8208)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + "active": "var(--vkui--color_icon_accent_themed--active, #778292)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #7C8795)", + "normal": "var(--vkui--color_icon_accent_themed, #818C99)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -365926,14 +365926,14 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #DB790C)", - "hover": "var(--vkui--color_stroke_accent--hover, #E47D0A)", - "normal": "var(--vkui--color_stroke_accent, #EE8208)", + "active": "var(--vkui--color_stroke_accent--active, #AFB1B6)", + "hover": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", + "normal": "var(--vkui--color_stroke_accent, #BEBFC1)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "active": "var(--vkui--color_stroke_accent_themed--active, #AFB1B6)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #B6B8BC)", + "normal": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -365976,24 +365976,24 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "active": "var(--vkui--color_text_link--active, #64707F)", + "hover": "var(--vkui--color_text_link--hover, #697482)", + "normal": "var(--vkui--color_text_link, #6D7885)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #2978D3)", - "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + "active": "var(--vkui--color_text_link_themed--active, #64707F)", + "hover": "var(--vkui--color_text_link_themed--hover, #697482)", + "normal": "var(--vkui--color_text_link_themed, #6D7885)", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #689EDD)", - "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", - "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + "active": "var(--vkui--color_text_link_tint--active, #778292)", + "hover": "var(--vkui--color_text_link_tint--hover, #7C8795)", + "normal": "var(--vkui--color_text_link_tint, #818C99)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #437DC1)", - "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", - "normal": "var(--vkui--color_text_link_visited, #4986cc)", + "active": "var(--vkui--color_text_link_visited--active, #64707F)", + "hover": "var(--vkui--color_text_link_visited--hover, #697482)", + "normal": "var(--vkui--color_text_link_visited, #6D7885)", }, "colorTextMuted": { "active": "var(--vkui--color_text_muted--active, #282B2F)", @@ -366547,9 +366547,9 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorAccentOrangeFire": { "active": "#DD5643", @@ -366612,9 +366612,9 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorBackgroundAccentThemed": { "active": "#D87402", @@ -366622,14 +366622,14 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#EE8208", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(238, 130, 8, 0.28)", + "hover": "rgba(238, 130, 8, 0.24)", + "normal": "rgba(238, 130, 8, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": "#E07F14", + "hover": "#E98412", + "normal": "#F38910", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -366732,9 +366732,9 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorFieldBorderAlpha": { "active": "rgba(0, 0, 0, 0.36)", @@ -366747,14 +366747,14 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorIconContrast": { "active": "#EBECEF", @@ -366907,14 +366907,14 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -366957,24 +366957,24 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextMuted": { "active": "#282B2F", @@ -367572,15 +367572,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", + "value": "var(--vkui--color_accent_orange--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "value": "var(--vkui--color_accent_orange--hover, #EF8712)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #EE8208)", }, }, "colorAccentOrangeFire": { @@ -367754,15 +367754,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "value": "var(--vkui--color_background_accent_alternative--active, #F49223)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent_alternative--hover, #F38E1A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "value": "var(--vkui--color_background_accent_alternative, #F38910)", }, }, "colorBackgroundAccentThemed": { @@ -367796,15 +367796,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "value": "var(--vkui--color_background_accent_tint--active, #F49223)", }, "hover": { "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + "value": "var(--vkui--color_background_accent_tint--hover, #F38E1A)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "value": "var(--vkui--color_background_accent_tint, #F38910)", }, }, "colorBackgroundContent": { @@ -368090,15 +368090,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #222223)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #19191A)", }, }, "colorFieldBorderAlpha": { @@ -368132,15 +368132,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #EF8712)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #EE8208)", }, }, "colorIconAccentThemed": { @@ -368580,15 +368580,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #EF8C1C)", + "value": "var(--vkui--color_stroke_accent--active, #5E6061)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #EF8712)", + "value": "var(--vkui--color_stroke_accent--hover, #57595A)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #EE8208)", + "value": "var(--vkui--color_stroke_accent, #505253)", }, }, "colorStrokeAccentThemed": { @@ -368720,15 +368720,15 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #969A9F)", }, }, "colorTextLinkThemed": { @@ -368748,29 +368748,29 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextLinkTint": { "active": { "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "value": "var(--vkui--color_text_link_tint--active, #818385)", }, "hover": { "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "value": "var(--vkui--color_text_link_tint--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71aaeb)", + "value": "var(--vkui--color_text_link_tint, #76787A)", }, }, "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #5890D0)", + "value": "var(--vkui--color_text_link_visited--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "value": "var(--vkui--color_text_link_visited--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", + "value": "var(--vkui--color_text_link_visited, #969A9F)", }, }, "colorTextMuted": { @@ -370780,9 +370780,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#4bb34b", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -370845,9 +370845,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -370860,9 +370860,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundContent": { "active": "#2B2B2C", @@ -370965,9 +370965,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -370980,9 +370980,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#19191a", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -371140,9 +371140,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -371190,9 +371190,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#000000", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -371200,14 +371200,14 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextMuted": { "active": "#E3E5E8", @@ -371761,9 +371761,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_accent_green, #4bb34b)", }, "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "active": "var(--vkui--color_accent_orange--active, #EF8C1C)", + "hover": "var(--vkui--color_accent_orange--hover, #EF8712)", + "normal": "var(--vkui--color_accent_orange, #EE8208)", }, "colorAccentOrangeFire": { "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", @@ -371826,9 +371826,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_background_accent, #EE8208)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", + "active": "var(--vkui--color_background_accent_alternative--active, #F49223)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #F38E1A)", + "normal": "var(--vkui--color_background_accent_alternative, #F38910)", }, "colorBackgroundAccentThemed": { "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", @@ -371841,9 +371841,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "active": "var(--vkui--color_background_accent_tint--active, #F49223)", + "hover": "var(--vkui--color_background_accent_tint--hover, #F38E1A)", + "normal": "var(--vkui--color_background_accent_tint, #F38910)", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #2B2B2C)", @@ -371946,9 +371946,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "active": "var(--vkui--color_field_background--active, #2B2B2C)", + "hover": "var(--vkui--color_field_background--hover, #222223)", + "normal": "var(--vkui--color_field_background, #19191A)", }, "colorFieldBorderAlpha": { "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", @@ -371961,9 +371961,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "active": "var(--vkui--color_icon_accent--active, #EF8C1C)", + "hover": "var(--vkui--color_icon_accent--hover, #EF8712)", + "normal": "var(--vkui--color_icon_accent, #EE8208)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -372121,9 +372121,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #EF8C1C)", - "hover": "var(--vkui--color_stroke_accent--hover, #EF8712)", - "normal": "var(--vkui--color_stroke_accent, #EE8208)", + "active": "var(--vkui--color_stroke_accent--active, #5E6061)", + "hover": "var(--vkui--color_stroke_accent--hover, #57595A)", + "normal": "var(--vkui--color_stroke_accent, #505253)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -372171,9 +372171,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "active": "var(--vkui--color_text_link--active, #9EA2A7)", + "hover": "var(--vkui--color_text_link--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_link, #969A9F)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -372181,14 +372181,14 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { - "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", - "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", - "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + "active": "var(--vkui--color_text_link_tint--active, #818385)", + "hover": "var(--vkui--color_text_link_tint--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_link_tint, #76787A)", }, "colorTextLinkVisited": { - "active": "var(--vkui--color_text_link_visited--active, #5890D0)", - "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", - "normal": "var(--vkui--color_text_link_visited, #4986cc)", + "active": "var(--vkui--color_text_link_visited--active, #9EA2A7)", + "hover": "var(--vkui--color_text_link_visited--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_link_visited, #969A9F)", }, "colorTextMuted": { "active": "var(--vkui--color_text_muted--active, #E3E5E8)", @@ -372742,9 +372742,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorAccentOrangeFire": { "active": "#F16953", @@ -372807,9 +372807,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -372822,9 +372822,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundContent": { "active": "#2B2B2C", @@ -372927,9 +372927,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -372942,9 +372942,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#19191a", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -373102,9 +373102,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -373152,9 +373152,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -373162,14 +373162,14 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextMuted": { "active": "#E3E5E8", diff --git a/src/themeDescriptions/themes/vkIdOk/index.ts b/src/themeDescriptions/themes/vkIdOk/index.ts index ce63a2500..70f3f3840 100644 --- a/src/themeDescriptions/themes/vkIdOk/index.ts +++ b/src/themeDescriptions/themes/vkIdOk/index.ts @@ -20,7 +20,19 @@ export const vkIdOkTheme: ThemeVkIdOkDescription = { hover: '#E57B04', active: '#D87402', }, - colorStrokeAccent: '#EE8208', + colorTextLink: '#6D7885', + colorTextLinkThemed: '#6D7885', + colorTextLinkTint: '#818C99', + colorTextLinkVisited: '#6D7885', + colorIconAccent: '#EE8208', + colorIconAccentThemed: '#818C99', + colorBackgroundAccentThemedAlpha: 'rgba(238, 130, 8, 0.2)', + colorBackgroundAccentTint: '#F38910', + colorBackgroundAccentAlternative: '#EE8208', + colorFieldBackground: '#FFFFFF', + colorStrokeAccent: '#BEBFC1', + colorStrokeAccentThemed: '#BEBFC1', + colorAccentOrange: '#EE8208', }, }; @@ -42,6 +54,18 @@ export const vkIdOkThemeDark: ThemeVkIdOkDarkDescription = { hover: '#EBEDF0', active: '#D7D8DB', }, - colorStrokeAccent: '#EE8208', + colorTextLink: '#969A9F', + colorTextLinkThemed: '#FFFFFF', + colorTextLinkTint: '#76787A', + colorTextLinkVisited: '#969A9F', + colorIconAccent: '#EE8208', + colorIconAccentThemed: '#FFFFFF', + colorBackgroundAccentThemedAlpha: 'rgba(255, 255, 255, 0.2)', + colorBackgroundAccentTint: '#F38910', + colorBackgroundAccentAlternative: '#F38910', + colorFieldBackground: '#19191A', + colorStrokeAccent: '#505253', + colorStrokeAccentThemed: '#FFFFFF', + colorAccentOrange: '#EE8208', }, }; From 45861c8109f5ce24bb5aa52b26ece502b97bfe75 Mon Sep 17 00:00:00 2001 From: nick Date: Mon, 1 Jul 2024 16:58:12 +0300 Subject: [PATCH 09/14] Restored removed dark colors from --- .../__snapshots__/snapthots.test.ts.snap | 3704 ++++++++--------- src/themeDescriptions/themes/vkIOS/index.ts | 3 +- 2 files changed, 1854 insertions(+), 1853 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 8d0702b02..c3c3b3bab 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -367537,15 +367537,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3792ED)", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2F8DEC)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "colorAccentGray": { @@ -367607,43 +367607,43 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentOrangePeach": { "active": { "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #F9BB5D)", + "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", }, "hover": { "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #F9B856)", + "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", }, "normal": { "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "value": "var(--vkui--color_accent_orange_peach, #FFC062)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #7E69E8)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #7963E7)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "value": "var(--vkui--color_accent_purple, #9985ff)", }, }, "colorAccentRaspberryPink": { "active": { "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #E24EB2)", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", }, "hover": { "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #E147AE)", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", }, "normal": { "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)", }, }, "colorAccentRed": { @@ -367677,29 +367677,29 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #843FC5)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #7E36C3)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4E93E2)", + "value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #478FE1)", + "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -367733,71 +367733,71 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #EDEEF1)", + "value": "var(--vkui--color_background--active, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #ECEEF1)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3792ED)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2F8DEC)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #3792ED)", + "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #2F8DEC)", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #3792ED)", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #2F8DEC)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -367817,15 +367817,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #D7D8DB)", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContrast": { @@ -367867,91 +367867,91 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #D7D8DB)", + "value": "var(--vkui--color_background_contrast_themed--active, #424242)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #323232)", }, }, "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #E1EFFF)", + "value": "var(--vkui--color_background_info_tint--active, #2E4962)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #DFEFFF)", + "value": "var(--vkui--color_background_info_tint--hover, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #D7D8DB)", + "value": "var(--vkui--color_background_modal--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #EBEDF0)", + "value": "var(--vkui--color_background_modal--hover, #343536)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #2c2d2e)", }, }, "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #3E3E3F)", + "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #353536)", + "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #E85555)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E74D4D)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #FFEBEB)", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #FFEAEA)", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "colorBackgroundPositive": { @@ -367971,197 +367971,197 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #EAF9EA)", + "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #E9F9E9)", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #F6F6F6)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #F5F5F5)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #F9F9F9)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #F9F9F9)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #FFF3D9)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #FFF3D8)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #3792ED)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2F8DEC)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #3792ED)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2F8DEC)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #3792ED)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2F8DEC)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #F3F4F6)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #F3F3F5)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #232324)", }, }, "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #D7D8DB)", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #EBEDF0)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", + "value": "var(--vkui--color_header_background, #19191a)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #3792ED)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2F8DEC)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #3792ED)", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #2F8DEC)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, "colorIconContrast": { @@ -368195,57 +368195,57 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #D7D8DB)", + "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #8B95A1)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #86919D)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "value": "var(--vkui--color_icon_medium, #b0b1b6)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #E85555)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E74D4D)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "colorIconPositive": { @@ -368265,15 +368265,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #3D3E3F)", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #343536)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "colorIconPrimaryInvariably": { @@ -368293,113 +368293,113 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #A1A9B4)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9DA6B0)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "value": "var(--vkui--color_icon_secondary, #76787a)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #BEC6D0)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #BBC3CE)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "value": "var(--vkui--color_icon_tertiary, #5d5f61)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #F9A82E)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F8A425)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "value": "var(--vkui--color_icon_warning, #EDB055)", }, }, "colorImageBorderAlpha": { "active": { "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #F3F4F6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #F3F3F5)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "value": "var(--vkui--color_image_placeholder, #2a2b2c)", }, }, "colorImagePlaceholderAlpha": { "active": { "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", }, "hover": { "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))", }, "normal": { "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "colorLinkContrast": { @@ -368433,183 +368433,183 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #3792ED)", + "value": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #2F8DEC)", + "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #EDEEF1)", + "value": "var(--vkui--color_search_field_background--active, #464748)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #ECEEF1)", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #363738)", }, }, "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #D7D8DB)", + "value": "var(--vkui--color_segmented_control--active, #6F6F70)", }, "hover": { "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #EBEDF0)", + "value": "var(--vkui--color_segmented_control--hover, #68696A)", }, "normal": { "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #FFFFFF)", + "value": "var(--vkui--color_segmented_control, #626364)", }, }, "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #DADBDC)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D9DADB)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #CFD0D1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #CDCECF)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #C3C4C6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #C1C2C3)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "value": "var(--vkui--color_separator_primary3x, #505253)", }, }, "colorSeparatorPrimaryAlpha": { "active": { "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #E3E5E8)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #E2E4E7)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #F6F6F6)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #F5F5F5)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #E3E5E8)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #E2E4E7)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #3792ED)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2F8DEC)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #3792ED)", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #2F8DEC)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, "colorStrokeContrast": { @@ -368629,15 +368629,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #E85555)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E74D4D)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "colorStrokePositive": { @@ -368657,43 +368657,43 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #A1A9B4)", + "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", }, "hover": { "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #9DA6B0)", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + "value": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #3792ED)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2F8DEC)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #3792ED)", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #2F8DEC)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, "colorTextContrast": { @@ -368713,43 +368713,43 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #D7D8DB)", + "value": "var(--vkui--color_text_contrast_themed--active, #141414)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_text_contrast_themed, #000000)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #3E8BE2)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #3586E1)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #3E8BE2)", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #3586E1)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", }, }, "colorTextLinkTint": { @@ -368783,29 +368783,29 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #3D3E3F)", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #343536)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2c2d2e)", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #E85555)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E74D4D)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "colorTextPositive": { @@ -368825,15 +368825,15 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #141414)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #0A0A0A)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryInvariably": { @@ -368853,71 +368853,71 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #8B95A1)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #86919D)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #79838F)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #737D8A)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #A1A9B4)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #9DA6B0)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #E3E5E8)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #E2E4E7)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #A8C4E6)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #A4C2E5)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "colorTransparent": { @@ -368937,57 +368937,57 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4E93E2)", + "value": "var(--vkui--color_write_bar_icon--active, #818385)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #478FE1)", + "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "value": "var(--vkui--color_write_bar_icon, #76787a)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #F3F4F6)", + "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #F3F3F5)", + "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #E3E5E8)", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #E2E4E7)", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, }, "colorWriteBarInputBorderAlpha": { "active": { "name": "--vkui--color_write_bar_input_border_alpha--active", - "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--color_write_bar_input_border_alpha--hover", - "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", }, "normal": { "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, }, "colorsScheme": { @@ -370772,9 +370772,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentBlue": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentGray": { "active": "#AAB4BE", @@ -370797,19 +370797,19 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#F9BB5D", - "hover": "#F9B856", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPurple": { - "active": "#7E69E8", - "hover": "#7963E7", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#E24EB2", - "hover": "#E147AE", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, "colorAccentRed": { "active": "#FF4356", @@ -370822,14 +370822,14 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#843FC5", - "hover": "#7E36C3", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -370842,29 +370842,29 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#67A6FF", @@ -370872,9 +370872,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -370889,37 +370889,37 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", }, "colorBackgroundInfoTint": { - "active": "#E1EFFF", - "hover": "#DFEFFF", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundModalInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorBackgroundModalInverse": { - "active": "#3E3E3F", - "hover": "#353536", - "normal": "#2d2d2e", - }, "colorBackgroundNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#FFEBEB", - "hover": "#FFEAEA", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { "active": "#59B959", @@ -370927,74 +370927,74 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#EAF9EA", - "hover": "#E9F9E9", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#F6F6F6", - "hover": "#F5F5F5", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#F9F9F9", - "hover": "#F9F9F9", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#FFF3D9", - "hover": "#FFF3D8", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { "active": "#D7D8DB", @@ -371007,24 +371007,24 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#8B95A1", - "hover": "#86919D", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { "active": "#59B959", @@ -371032,9 +371032,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -371042,44 +371042,44 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#A1A9B4", - "hover": "#9DA6B0", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#BEC6D0", - "hover": "#BBC3CE", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#F9A82E", - "hover": "#F8A425", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -371092,69 +371092,69 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#DADBDC", - "hover": "#D9DADB", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#CFD0D1", - "hover": "#CDCECF", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#C3C4C6", - "hover": "#C1C2C3", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#F6F6F6", - "hover": "#F5F5F5", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -371162,9 +371162,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { "active": "#59B959", @@ -371172,39 +371172,39 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#A1A9B4", - "hover": "#9DA6B0", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", - }, - "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorTextContrastThemed": { + "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, "colorTextLink": { - "active": "#3E8BE2", - "hover": "#3586E1", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#3E8BE2", - "hover": "#3586E1", - "normal": "#2d81e0", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -371217,14 +371217,14 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { "active": "#59B959", @@ -371232,9 +371232,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { "active": "#141414", @@ -371242,29 +371242,29 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "#000000", }, "colorTextSecondary": { - "active": "#8B95A1", - "hover": "#86919D", - "normal": "#818c99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSubhead": { - "active": "#79838F", - "hover": "#737D8A", - "normal": "#6d7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#A1A9B4", - "hover": "#9DA6B0", - "normal": "#99a2ad", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#A8C4E6", - "hover": "#A4C2E5", - "normal": "#a0bfe4", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -371272,24 +371272,24 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorsScheme": "dark", "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", @@ -371753,9 +371753,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3792ED)", - "hover": "var(--vkui--color_accent_blue--hover, #2F8DEC)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "normal": "var(--vkui--color_accent_blue, #71aaeb)", }, "colorAccentGray": { "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", @@ -371778,19 +371778,19 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", }, "colorAccentOrangePeach": { - "active": "var(--vkui--color_accent_orange_peach--active, #F9BB5D)", - "hover": "var(--vkui--color_accent_orange_peach--hover, #F9B856)", - "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #7E69E8)", - "hover": "var(--vkui--color_accent_purple--hover, #7963E7)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "active": "var(--vkui--color_accent_purple--active, #A18FFF)", + "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "normal": "var(--vkui--color_accent_purple, #9985ff)", }, "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #E24EB2)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #E147AE)", - "normal": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + "normal": "var(--vkui--color_accent_raspberry_pink, #f060c0)", }, "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #FF4356)", @@ -371803,14 +371803,14 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #843FC5)", - "hover": "var(--vkui--color_accent_violet--hover, #7E36C3)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "active": "var(--vkui--color_accent_violet--active, #B05DFF)", + "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "normal": "var(--vkui--color_accent_violet, #a94fff)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4E93E2)", - "hover": "var(--vkui--color_action_sheet_text--hover, #478FE1)", - "normal": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "active": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -371823,29 +371823,29 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #EDEEF1)", - "hover": "var(--vkui--color_background--hover, #ECEEF1)", - "normal": "var(--vkui--color_background, #ebedf0)", + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3792ED)", - "hover": "var(--vkui--color_background_accent--hover, #2F8DEC)", - "normal": "var(--vkui--color_background_accent, #2688eb)", + "active": "var(--vkui--color_background_accent--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent, #529ef4)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #3792ED)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #2F8DEC)", - "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", + "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #3792ED)", - "hover": "var(--vkui--color_background_accent_themed--hover, #2F8DEC)", - "normal": "var(--vkui--color_background_accent_themed, #2688eb)", + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", @@ -371853,9 +371853,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", @@ -371870,37 +371870,37 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_background_contrast_themed--active, #424242)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "normal": "var(--vkui--color_background_contrast_themed, #323232)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #E1EFFF)", - "hover": "var(--vkui--color_background_info_tint--hover, #DFEFFF)", - "normal": "var(--vkui--color_background_info_tint, #DEEEFF)", + "active": "var(--vkui--color_background_info_tint--active, #2E4962)", + "hover": "var(--vkui--color_background_info_tint--hover, #25415B)", + "normal": "var(--vkui--color_background_info_tint, #1C3954)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #D7D8DB)", - "hover": "var(--vkui--color_background_modal--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "active": "var(--vkui--color_background_modal--active, #3D3E3F)", + "hover": "var(--vkui--color_background_modal--hover, #343536)", + "normal": "var(--vkui--color_background_modal, #2c2d2e)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #3E3E3F)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #353536)", - "normal": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #E85555)", - "hover": "var(--vkui--color_background_negative--hover, #E74D4D)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "var(--vkui--color_background_negative, #ff5c5c)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #FFEBEB)", - "hover": "var(--vkui--color_background_negative_tint--hover, #FFEAEA)", - "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", + "normal": "var(--vkui--color_background_negative_tint, #522E2E)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", @@ -371908,74 +371908,74 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #EAF9EA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #E9F9E9)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", + "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #F6F6F6)", - "hover": "var(--vkui--color_background_secondary--hover, #F5F5F5)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "active": "var(--vkui--color_background_secondary--active, #353536)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_secondary, #232324)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #F9F9F9)", - "hover": "var(--vkui--color_background_tertiary--hover, #F9F9F9)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "active": "var(--vkui--color_background_tertiary--active, #323233)", + "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", + "normal": "var(--vkui--color_background_tertiary, #202021)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #FFF3D9)", - "hover": "var(--vkui--color_background_warning--hover, #FFF3D8)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "active": "var(--vkui--color_background_warning--active, #564328)", + "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "normal": "var(--vkui--color_background_warning, #473315)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #3792ED)", - "hover": "var(--vkui--color_button_icon--hover, #2F8DEC)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #3792ED)", - "hover": "var(--vkui--color_button_stroke--hover, #2F8DEC)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #3792ED)", - "hover": "var(--vkui--color_button_text--hover, #2F8DEC)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #F3F4F6)", - "hover": "var(--vkui--color_field_background--hover, #F3F3F5)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", - "normal": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #D7D8DB)", - "hover": "var(--vkui--color_header_background--hover, #EBEDF0)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "active": "var(--vkui--color_header_background--active, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #3792ED)", - "hover": "var(--vkui--color_icon_accent--hover, #2F8DEC)", - "normal": "var(--vkui--color_icon_accent, #2688eb)", + "active": "var(--vkui--color_icon_accent--active, #60A6F5)", + "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_icon_accent, #529ef4)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #3792ED)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #2F8DEC)", - "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", @@ -371988,24 +371988,24 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_icon_contrast_themed, #000000)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #8B95A1)", - "hover": "var(--vkui--color_icon_medium--hover, #86919D)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #b0b1b6)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #E85555)", - "hover": "var(--vkui--color_icon_negative--hover, #E74D4D)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #ff5c5c)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #59B959)", @@ -372013,9 +372013,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_primary--hover, #343536)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_primary, #e1e3e6)", }, "colorIconPrimaryInvariably": { "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", @@ -372023,44 +372023,44 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #A1A9B4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9DA6B0)", - "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + "active": "var(--vkui--color_icon_secondary--active, #818385)", + "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_icon_secondary, #76787a)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #BEC6D0)", - "hover": "var(--vkui--color_icon_tertiary--hover, #BBC3CE)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", + "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #F9A82E)", - "hover": "var(--vkui--color_icon_warning--hover, #F8A425)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #F3F4F6)", - "hover": "var(--vkui--color_image_placeholder--hover, #F3F3F5)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", @@ -372073,69 +372073,69 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #3792ED)", - "hover": "var(--vkui--color_panel_header_icon--hover, #2F8DEC)", - "normal": "var(--vkui--color_panel_header_icon, #2688eb)", + "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", + "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", + "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #EDEEF1)", - "hover": "var(--vkui--color_search_field_background--hover, #ECEEF1)", - "normal": "var(--vkui--color_search_field_background, #ebedf0)", + "active": "var(--vkui--color_search_field_background--active, #464748)", + "hover": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "normal": "var(--vkui--color_search_field_background, #363738)", }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #D7D8DB)", - "hover": "var(--vkui--color_segmented_control--hover, #EBEDF0)", - "normal": "var(--vkui--color_segmented_control, #FFFFFF)", + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #DADBDC)", - "hover": "var(--vkui--color_separator_primary--hover, #D9DADB)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "active": "var(--vkui--color_separator_primary--active, #464748)", + "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "normal": "var(--vkui--color_separator_primary, #363738)", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #CFD0D1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #CDCECF)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "active": "var(--vkui--color_separator_primary2x--active, #535455)", + "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "normal": "var(--vkui--color_separator_primary2x, #444546)", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #C3C4C6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #C1C2C3)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #E3E5E8)", - "hover": "var(--vkui--color_separator_secondary--hover, #E2E4E7)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "active": "var(--vkui--color_separator_secondary--active, #272728)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "normal": "var(--vkui--color_separator_secondary, #141415)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #F6F6F6)", - "hover": "var(--vkui--color_skeleton_from--hover, #F5F5F5)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "active": "var(--vkui--color_skeleton_from--active, #353536)", + "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "normal": "var(--vkui--color_skeleton_from, #232324)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #E3E5E8)", - "hover": "var(--vkui--color_skeleton_to--hover, #E2E4E7)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "hover": "var(--vkui--color_skeleton_to--hover, #343536)", + "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #3792ED)", - "hover": "var(--vkui--color_stroke_accent--hover, #2F8DEC)", - "normal": "var(--vkui--color_stroke_accent, #2688eb)", + "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_stroke_accent, #529ef4)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #3792ED)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #2F8DEC)", - "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", @@ -372143,9 +372143,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #E85555)", - "hover": "var(--vkui--color_stroke_negative--hover, #E74D4D)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #59B959)", @@ -372153,19 +372153,19 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #A1A9B4)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #9DA6B0)", - "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #3792ED)", - "hover": "var(--vkui--color_text_accent--hover, #2F8DEC)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "active": "var(--vkui--color_text_accent--active, #60A6F5)", + "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_text_accent, #529ef4)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #3792ED)", - "hover": "var(--vkui--color_text_accent_themed--hover, #2F8DEC)", - "normal": "var(--vkui--color_text_accent_themed, #2688eb)", + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", @@ -372173,19 +372173,19 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_text_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #3E8BE2)", - "hover": "var(--vkui--color_text_link--hover, #3586E1)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "active": "var(--vkui--color_text_link--active, #60A6F5)", + "hover": "var(--vkui--color_text_link--hover, #59A2F4)", + "normal": "var(--vkui--color_text_link, #529ef4)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #3E8BE2)", - "hover": "var(--vkui--color_text_link_themed--hover, #3586E1)", - "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", @@ -372198,14 +372198,14 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #3D3E3F)", - "hover": "var(--vkui--color_text_muted--hover, #343536)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "active": "var(--vkui--color_text_muted--active, #E3E5E8)", + "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_muted, #e1e3e6)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #E85555)", - "hover": "var(--vkui--color_text_negative--hover, #E74D4D)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #ff5c5c)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #59B959)", @@ -372213,9 +372213,9 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #141414)", - "hover": "var(--vkui--color_text_primary--hover, #0A0A0A)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryInvariably": { "active": "var(--vkui--color_text_primary_invariably--active, #141414)", @@ -372223,29 +372223,29 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #8B95A1)", - "hover": "var(--vkui--color_text_secondary--hover, #86919D)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #79838F)", - "hover": "var(--vkui--color_text_subhead--hover, #737D8A)", - "normal": "var(--vkui--color_text_subhead, #6d7885)", + "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #A1A9B4)", - "hover": "var(--vkui--color_text_tertiary--hover, #9DA6B0)", - "normal": "var(--vkui--color_text_tertiary, #99a2ad)", + "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #E3E5E8)", - "hover": "var(--vkui--color_track_background--hover, #E2E4E7)", - "normal": "var(--vkui--color_track_background, #e1e3e6)", + "active": "var(--vkui--color_track_background--active, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #A8C4E6)", - "hover": "var(--vkui--color_track_buffer--hover, #A4C2E5)", - "normal": "var(--vkui--color_track_buffer, #a0bfe4)", + "active": "var(--vkui--color_track_buffer--active, #4F647D)", + "hover": "var(--vkui--color_track_buffer--hover, #485E78)", + "normal": "var(--vkui--color_track_buffer, #405772)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", @@ -372253,24 +372253,24 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4E93E2)", - "hover": "var(--vkui--color_write_bar_icon--hover, #478FE1)", - "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "active": "var(--vkui--color_write_bar_icon--active, #818385)", + "hover": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + "normal": "var(--vkui--color_write_bar_icon, #76787a)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #F3F4F6)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #F3F3F5)", - "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "active": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #E3E5E8)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #E2E4E7)", - "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, "colorsScheme": "var(--vkui--colors_scheme, dark)", "elevation1": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", @@ -372734,9 +372734,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentBlue": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentGray": { "active": "#AAB4BE", @@ -372759,19 +372759,19 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#F9BB5D", - "hover": "#F9B856", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPurple": { - "active": "#7E69E8", - "hover": "#7963E7", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#E24EB2", - "hover": "#E147AE", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, "colorAccentRed": { "active": "#FF4356", @@ -372784,14 +372784,14 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#843FC5", - "hover": "#7E36C3", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -372804,29 +372804,29 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#67A6FF", @@ -372834,9 +372834,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -372851,37 +372851,37 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", }, "colorBackgroundInfoTint": { - "active": "#E1EFFF", - "hover": "#DFEFFF", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundModalInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorBackgroundModalInverse": { - "active": "#3E3E3F", - "hover": "#353536", - "normal": "#2d2d2e", - }, "colorBackgroundNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#FFEBEB", - "hover": "#FFEAEA", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { "active": "#59B959", @@ -372889,74 +372889,74 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#EAF9EA", - "hover": "#E9F9E9", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#F6F6F6", - "hover": "#F5F5F5", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#F9F9F9", - "hover": "#F9F9F9", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#FFF3D9", - "hover": "#FFF3D8", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { "active": "#D7D8DB", @@ -372969,24 +372969,24 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#8B95A1", - "hover": "#86919D", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { "active": "#59B959", @@ -372994,9 +372994,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -373004,44 +373004,44 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#A1A9B4", - "hover": "#9DA6B0", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#BEC6D0", - "hover": "#BBC3CE", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#F9A82E", - "hover": "#F8A425", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -373054,69 +373054,69 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#DADBDC", - "hover": "#D9DADB", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#CFD0D1", - "hover": "#CDCECF", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#C3C4C6", - "hover": "#C1C2C3", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#F6F6F6", - "hover": "#F5F5F5", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -373124,9 +373124,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { "active": "#59B959", @@ -373134,39 +373134,39 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#A1A9B4", - "hover": "#9DA6B0", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", - }, - "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorTextContrastThemed": { + "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, "colorTextLink": { - "active": "#3E8BE2", - "hover": "#3586E1", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#3E8BE2", - "hover": "#3586E1", - "normal": "#2d81e0", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -373179,14 +373179,14 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { "active": "#59B959", @@ -373194,9 +373194,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { "active": "#141414", @@ -373204,29 +373204,29 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextSecondary": { - "active": "#8B95A1", - "hover": "#86919D", - "normal": "#818c99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSubhead": { - "active": "#79838F", - "hover": "#737D8A", - "normal": "#6d7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#A1A9B4", - "hover": "#9DA6B0", - "normal": "#99a2ad", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#A8C4E6", - "hover": "#A4C2E5", - "normal": "#a0bfe4", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -373234,24 +373234,24 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorsScheme": "dark", "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", @@ -441430,15 +441430,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #3792ED)", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2F8DEC)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "colorAccentGray": { @@ -441500,43 +441500,43 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentOrangePeach": { "active": { "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #F9BB5D)", + "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", }, "hover": { "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #F9B856)", + "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", }, "normal": { "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "value": "var(--vkui--color_accent_orange_peach, #FFC062)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #7E69E8)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #7963E7)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "value": "var(--vkui--color_accent_purple, #9985ff)", }, }, "colorAccentRaspberryPink": { "active": { "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #E24EB2)", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", }, "hover": { "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #E147AE)", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", }, "normal": { "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)", }, }, "colorAccentRed": { @@ -441570,29 +441570,29 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #843FC5)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #7E36C3)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #4E93E2)", + "value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #478FE1)", + "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -441626,71 +441626,71 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #EDEEF1)", + "value": "var(--vkui--color_background--active, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #ECEEF1)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3792ED)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2F8DEC)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #3792ED)", + "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #2F8DEC)", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #3792ED)", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #2F8DEC)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, }, "colorBackgroundAccentThemedAlpha": { "active": { "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", }, "hover": { "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -441710,15 +441710,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #D7D8DB)", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContrast": { @@ -441760,91 +441760,91 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #D7D8DB)", + "value": "var(--vkui--color_background_contrast_themed--active, #424242)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #323232)", }, }, "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #E1EFFF)", + "value": "var(--vkui--color_background_info_tint--active, #2E4962)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #DFEFFF)", + "value": "var(--vkui--color_background_info_tint--hover, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #D7D8DB)", + "value": "var(--vkui--color_background_modal--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #EBEDF0)", + "value": "var(--vkui--color_background_modal--hover, #343536)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #2c2d2e)", }, }, "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #3E3E3F)", + "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #353536)", + "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #E85555)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E74D4D)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #FFEBEB)", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #FFEAEA)", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "colorBackgroundPositive": { @@ -441864,197 +441864,197 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #EAF9EA)", + "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #E9F9E9)", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #F6F6F6)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #F5F5F5)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #F9F9F9)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #F9F9F9)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #FFF3D9)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #FFF3D8)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #3792ED)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2F8DEC)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #3792ED)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2F8DEC)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #3792ED)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2F8DEC)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #F3F4F6)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #F3F3F5)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #232324)", }, }, "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #D7D8DB)", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #EBEDF0)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", + "value": "var(--vkui--color_header_background, #19191a)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #3792ED)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2F8DEC)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #3792ED)", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #2F8DEC)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, "colorIconContrast": { @@ -442088,57 +442088,57 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorIconContrastThemed": { "active": { "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #D7D8DB)", + "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", }, "hover": { "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #8B95A1)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #86919D)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "value": "var(--vkui--color_icon_medium, #b0b1b6)", }, }, "colorIconMediumAlpha": { "active": { "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", }, "hover": { "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", }, "normal": { "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #E85555)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E74D4D)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "colorIconPositive": { @@ -442158,15 +442158,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #3D3E3F)", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #343536)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "colorIconPrimaryInvariably": { @@ -442186,113 +442186,113 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #A1A9B4)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9DA6B0)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "value": "var(--vkui--color_icon_secondary, #76787a)", }, }, "colorIconSecondaryAlpha": { "active": { "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", }, "hover": { "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", }, "normal": { "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #BEC6D0)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #BBC3CE)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "value": "var(--vkui--color_icon_tertiary, #5d5f61)", }, }, "colorIconTertiaryAlpha": { "active": { "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", }, "hover": { "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", }, "normal": { "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #F9A82E)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F8A425)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "value": "var(--vkui--color_icon_warning, #EDB055)", }, }, "colorImageBorderAlpha": { "active": { "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #F3F4F6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #F3F3F5)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "value": "var(--vkui--color_image_placeholder, #2a2b2c)", }, }, "colorImagePlaceholderAlpha": { "active": { "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", }, "hover": { "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))", }, "normal": { "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "colorLinkContrast": { @@ -442326,183 +442326,183 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #3792ED)", + "value": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #2F8DEC)", + "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", }, }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #EDEEF1)", + "value": "var(--vkui--color_search_field_background--active, #464748)", }, "hover": { "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #ECEEF1)", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #363738)", }, }, "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #D7D8DB)", + "value": "var(--vkui--color_segmented_control--active, #6F6F70)", }, "hover": { "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #EBEDF0)", + "value": "var(--vkui--color_segmented_control--hover, #68696A)", }, "normal": { "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #FFFFFF)", + "value": "var(--vkui--color_segmented_control, #626364)", }, }, "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #DADBDC)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D9DADB)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #CFD0D1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #CDCECF)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #C3C4C6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #C1C2C3)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "value": "var(--vkui--color_separator_primary3x, #505253)", }, }, "colorSeparatorPrimaryAlpha": { "active": { "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #E3E5E8)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #E2E4E7)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #F6F6F6)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #F5F5F5)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #E3E5E8)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #E2E4E7)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #3792ED)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2F8DEC)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #3792ED)", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #2F8DEC)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, "colorStrokeContrast": { @@ -442522,15 +442522,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #E85555)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E74D4D)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "colorStrokePositive": { @@ -442550,43 +442550,43 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #A1A9B4)", + "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", }, "hover": { "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #9DA6B0)", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + "value": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #3792ED)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2F8DEC)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #3792ED)", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #2F8DEC)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, "colorTextContrast": { @@ -442606,43 +442606,43 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorTextContrastThemed": { "active": { "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #D7D8DB)", + "value": "var(--vkui--color_text_contrast_themed--active, #141414)", }, "hover": { "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #EBEDF0)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_text_contrast_themed, #000000)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #3E8BE2)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #3586E1)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #3E8BE2)", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #3586E1)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", }, }, "colorTextLinkTint": { @@ -442676,29 +442676,29 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #3D3E3F)", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #343536)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2c2d2e)", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #E85555)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E74D4D)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "colorTextPositive": { @@ -442718,15 +442718,15 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #141414)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #0A0A0A)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryInvariably": { @@ -442746,71 +442746,71 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #8B95A1)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #86919D)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #79838F)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #737D8A)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #A1A9B4)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #9DA6B0)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #E3E5E8)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #E2E4E7)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #A8C4E6)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #A4C2E5)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "colorTransparent": { @@ -442830,57 +442830,57 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #4E93E2)", + "value": "var(--vkui--color_write_bar_icon--active, #818385)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #478FE1)", + "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "value": "var(--vkui--color_write_bar_icon, #76787a)", }, }, "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #F3F4F6)", + "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #F3F3F5)", + "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #E3E5E8)", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #E2E4E7)", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, }, "colorWriteBarInputBorderAlpha": { "active": { "name": "--vkui--color_write_bar_input_border_alpha--active", - "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--color_write_bar_input_border_alpha--hover", - "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", }, "normal": { "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, }, "colorsScheme": { @@ -445809,9 +445809,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentBlue": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentGray": { "active": "#AAB4BE", @@ -445834,19 +445834,19 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#F9BB5D", - "hover": "#F9B856", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPurple": { - "active": "#7E69E8", - "hover": "#7963E7", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#E24EB2", - "hover": "#E147AE", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, "colorAccentRed": { "active": "#FF4356", @@ -445859,14 +445859,14 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#843FC5", - "hover": "#7E36C3", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -445879,29 +445879,29 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#67A6FF", @@ -445909,9 +445909,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -445926,37 +445926,37 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", }, "colorBackgroundInfoTint": { - "active": "#E1EFFF", - "hover": "#DFEFFF", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundModalInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorBackgroundModalInverse": { - "active": "#3E3E3F", - "hover": "#353536", - "normal": "#2d2d2e", - }, "colorBackgroundNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#FFEBEB", - "hover": "#FFEAEA", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { "active": "#59B959", @@ -445964,74 +445964,74 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#EAF9EA", - "hover": "#E9F9E9", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#F6F6F6", - "hover": "#F5F5F5", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#F9F9F9", - "hover": "#F9F9F9", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#FFF3D9", - "hover": "#FFF3D8", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { "active": "#D7D8DB", @@ -446044,24 +446044,24 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#8B95A1", - "hover": "#86919D", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { "active": "#59B959", @@ -446069,9 +446069,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -446079,44 +446079,44 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#A1A9B4", - "hover": "#9DA6B0", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#BEC6D0", - "hover": "#BBC3CE", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#F9A82E", - "hover": "#F8A425", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -446129,69 +446129,69 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#DADBDC", - "hover": "#D9DADB", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#CFD0D1", - "hover": "#CDCECF", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#C3C4C6", - "hover": "#C1C2C3", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#F6F6F6", - "hover": "#F5F5F5", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -446199,9 +446199,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { "active": "#59B959", @@ -446209,39 +446209,39 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#A1A9B4", - "hover": "#9DA6B0", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", - }, - "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorTextContrastThemed": { + "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, "colorTextLink": { - "active": "#3E8BE2", - "hover": "#3586E1", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#3E8BE2", - "hover": "#3586E1", - "normal": "#2d81e0", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -446254,14 +446254,14 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#4986cc", }, "colorTextMuted": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { "active": "#59B959", @@ -446269,9 +446269,9 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { "active": "#141414", @@ -446279,29 +446279,29 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "#000000", }, "colorTextSecondary": { - "active": "#8B95A1", - "hover": "#86919D", - "normal": "#818c99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSubhead": { - "active": "#79838F", - "hover": "#737D8A", - "normal": "#6d7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#A1A9B4", - "hover": "#9DA6B0", - "normal": "#99a2ad", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#A8C4E6", - "hover": "#A4C2E5", - "normal": "#a0bfe4", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -446309,24 +446309,24 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorsScheme": "dark", "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", @@ -447184,9 +447184,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #3792ED)", - "hover": "var(--vkui--color_accent_blue--hover, #2F8DEC)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "normal": "var(--vkui--color_accent_blue, #71aaeb)", }, "colorAccentGray": { "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", @@ -447209,19 +447209,19 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", }, "colorAccentOrangePeach": { - "active": "var(--vkui--color_accent_orange_peach--active, #F9BB5D)", - "hover": "var(--vkui--color_accent_orange_peach--hover, #F9B856)", - "normal": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #7E69E8)", - "hover": "var(--vkui--color_accent_purple--hover, #7963E7)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "active": "var(--vkui--color_accent_purple--active, #A18FFF)", + "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "normal": "var(--vkui--color_accent_purple, #9985ff)", }, "colorAccentRaspberryPink": { - "active": "var(--vkui--color_accent_raspberry_pink--active, #E24EB2)", - "hover": "var(--vkui--color_accent_raspberry_pink--hover, #E147AE)", - "normal": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + "normal": "var(--vkui--color_accent_raspberry_pink, #f060c0)", }, "colorAccentRed": { "active": "var(--vkui--color_accent_red--active, #FF4356)", @@ -447234,14 +447234,14 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #843FC5)", - "hover": "var(--vkui--color_accent_violet--hover, #7E36C3)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "active": "var(--vkui--color_accent_violet--active, #B05DFF)", + "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "normal": "var(--vkui--color_accent_violet, #a94fff)", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #4E93E2)", - "hover": "var(--vkui--color_action_sheet_text--hover, #478FE1)", - "normal": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "active": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -447254,29 +447254,29 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #EDEEF1)", - "hover": "var(--vkui--color_background--hover, #ECEEF1)", - "normal": "var(--vkui--color_background, #ebedf0)", + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #3792ED)", - "hover": "var(--vkui--color_background_accent--hover, #2F8DEC)", - "normal": "var(--vkui--color_background_accent, #2688eb)", + "active": "var(--vkui--color_background_accent--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent, #529ef4)", }, "colorBackgroundAccentAlternative": { - "active": "var(--vkui--color_background_accent_alternative--active, #3792ED)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #2F8DEC)", - "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", + "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent_alternative, #529EF4)", }, "colorBackgroundAccentThemed": { - "active": "var(--vkui--color_background_accent_themed--active, #3792ED)", - "hover": "var(--vkui--color_background_accent_themed--hover, #2F8DEC)", - "normal": "var(--vkui--color_background_accent_themed, #2688eb)", + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, "colorBackgroundAccentThemedAlpha": { - "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", - "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", - "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", @@ -447284,9 +447284,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", @@ -447301,37 +447301,37 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_background_contrast_themed--active, #424242)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #3A3A3A)", + "normal": "var(--vkui--color_background_contrast_themed, #323232)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #E1EFFF)", - "hover": "var(--vkui--color_background_info_tint--hover, #DFEFFF)", - "normal": "var(--vkui--color_background_info_tint, #DEEEFF)", + "active": "var(--vkui--color_background_info_tint--active, #2E4962)", + "hover": "var(--vkui--color_background_info_tint--hover, #25415B)", + "normal": "var(--vkui--color_background_info_tint, #1C3954)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #D7D8DB)", - "hover": "var(--vkui--color_background_modal--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "active": "var(--vkui--color_background_modal--active, #3D3E3F)", + "hover": "var(--vkui--color_background_modal--hover, #343536)", + "normal": "var(--vkui--color_background_modal, #2c2d2e)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #3E3E3F)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #353536)", - "normal": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #E85555)", - "hover": "var(--vkui--color_background_negative--hover, #E74D4D)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "var(--vkui--color_background_negative, #ff5c5c)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #FFEBEB)", - "hover": "var(--vkui--color_background_negative_tint--hover, #FFEAEA)", - "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", + "normal": "var(--vkui--color_background_negative_tint, #522E2E)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", @@ -447339,74 +447339,74 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #EAF9EA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #E9F9E9)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", + "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #F6F6F6)", - "hover": "var(--vkui--color_background_secondary--hover, #F5F5F5)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "active": "var(--vkui--color_background_secondary--active, #353536)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_secondary, #232324)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #F9F9F9)", - "hover": "var(--vkui--color_background_tertiary--hover, #F9F9F9)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "active": "var(--vkui--color_background_tertiary--active, #323233)", + "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", + "normal": "var(--vkui--color_background_tertiary, #202021)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", - "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #FFF3D9)", - "hover": "var(--vkui--color_background_warning--hover, #FFF3D8)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "active": "var(--vkui--color_background_warning--active, #564328)", + "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "normal": "var(--vkui--color_background_warning, #473315)", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #3792ED)", - "hover": "var(--vkui--color_button_icon--hover, #2F8DEC)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #3792ED)", - "hover": "var(--vkui--color_button_stroke--hover, #2F8DEC)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #3792ED)", - "hover": "var(--vkui--color_button_text--hover, #2F8DEC)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #F3F4F6)", - "hover": "var(--vkui--color_field_background--hover, #F3F3F5)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.36))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.24))", - "normal": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #D7D8DB)", - "hover": "var(--vkui--color_header_background--hover, #EBEDF0)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "active": "var(--vkui--color_header_background--active, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #3792ED)", - "hover": "var(--vkui--color_icon_accent--hover, #2F8DEC)", - "normal": "var(--vkui--color_icon_accent, #2688eb)", + "active": "var(--vkui--color_icon_accent--active, #60A6F5)", + "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_icon_accent, #529ef4)", }, "colorIconAccentThemed": { - "active": "var(--vkui--color_icon_accent_themed--active, #3792ED)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #2F8DEC)", - "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", @@ -447419,24 +447419,24 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", }, "colorIconContrastThemed": { - "active": "var(--vkui--color_icon_contrast_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_icon_contrast_themed, #000000)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #8B95A1)", - "hover": "var(--vkui--color_icon_medium--hover, #86919D)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #b0b1b6)", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #E85555)", - "hover": "var(--vkui--color_icon_negative--hover, #E74D4D)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #ff5c5c)", }, "colorIconPositive": { "active": "var(--vkui--color_icon_positive--active, #59B959)", @@ -447444,9 +447444,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #3D3E3F)", - "hover": "var(--vkui--color_icon_primary--hover, #343536)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_primary, #e1e3e6)", }, "colorIconPrimaryInvariably": { "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", @@ -447454,44 +447454,44 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #A1A9B4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9DA6B0)", - "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + "active": "var(--vkui--color_icon_secondary--active, #818385)", + "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_icon_secondary, #76787a)", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", - "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(241, 247, 255, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(241, 247, 255, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #BEC6D0)", - "hover": "var(--vkui--color_icon_tertiary--hover, #BBC3CE)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", + "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", }, "colorIconTertiaryAlpha": { - "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", - "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", - "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #F9A82E)", - "hover": "var(--vkui--color_icon_warning--hover, #F8A425)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #F3F4F6)", - "hover": "var(--vkui--color_image_placeholder--hover, #F3F3F5)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", - "normal": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", @@ -447504,69 +447504,69 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { - "active": "var(--vkui--color_panel_header_icon--active, #3792ED)", - "hover": "var(--vkui--color_panel_header_icon--hover, #2F8DEC)", - "normal": "var(--vkui--color_panel_header_icon, #2688eb)", + "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", + "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", + "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #EDEEF1)", - "hover": "var(--vkui--color_search_field_background--hover, #ECEEF1)", - "normal": "var(--vkui--color_search_field_background, #ebedf0)", + "active": "var(--vkui--color_search_field_background--active, #464748)", + "hover": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "normal": "var(--vkui--color_search_field_background, #363738)", }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #D7D8DB)", - "hover": "var(--vkui--color_segmented_control--hover, #EBEDF0)", - "normal": "var(--vkui--color_segmented_control, #FFFFFF)", + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #DADBDC)", - "hover": "var(--vkui--color_separator_primary--hover, #D9DADB)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "active": "var(--vkui--color_separator_primary--active, #464748)", + "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "normal": "var(--vkui--color_separator_primary, #363738)", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #CFD0D1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #CDCECF)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "active": "var(--vkui--color_separator_primary2x--active, #535455)", + "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "normal": "var(--vkui--color_separator_primary2x, #444546)", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #C3C4C6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #C1C2C3)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #E3E5E8)", - "hover": "var(--vkui--color_separator_secondary--hover, #E2E4E7)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "active": "var(--vkui--color_separator_secondary--active, #272728)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "normal": "var(--vkui--color_separator_secondary, #141415)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #F6F6F6)", - "hover": "var(--vkui--color_skeleton_from--hover, #F5F5F5)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "active": "var(--vkui--color_skeleton_from--active, #353536)", + "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "normal": "var(--vkui--color_skeleton_from, #232324)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #E3E5E8)", - "hover": "var(--vkui--color_skeleton_to--hover, #E2E4E7)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "hover": "var(--vkui--color_skeleton_to--hover, #343536)", + "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #3792ED)", - "hover": "var(--vkui--color_stroke_accent--hover, #2F8DEC)", - "normal": "var(--vkui--color_stroke_accent, #2688eb)", + "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_stroke_accent, #529ef4)", }, "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #3792ED)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #2F8DEC)", - "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", @@ -447574,9 +447574,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #E85555)", - "hover": "var(--vkui--color_stroke_negative--hover, #E74D4D)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", }, "colorStrokePositive": { "active": "var(--vkui--color_stroke_positive--active, #59B959)", @@ -447584,19 +447584,19 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #A1A9B4)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #9DA6B0)", - "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #3792ED)", - "hover": "var(--vkui--color_text_accent--hover, #2F8DEC)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "active": "var(--vkui--color_text_accent--active, #60A6F5)", + "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_text_accent, #529ef4)", }, "colorTextAccentThemed": { - "active": "var(--vkui--color_text_accent_themed--active, #3792ED)", - "hover": "var(--vkui--color_text_accent_themed--hover, #2F8DEC)", - "normal": "var(--vkui--color_text_accent_themed, #2688eb)", + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", @@ -447604,19 +447604,19 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": "var(--vkui--color_text_contrast_themed--active, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast_themed--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + "active": "var(--vkui--color_text_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #3E8BE2)", - "hover": "var(--vkui--color_text_link--hover, #3586E1)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "active": "var(--vkui--color_text_link--active, #60A6F5)", + "hover": "var(--vkui--color_text_link--hover, #59A2F4)", + "normal": "var(--vkui--color_text_link, #529ef4)", }, "colorTextLinkThemed": { - "active": "var(--vkui--color_text_link_themed--active, #3E8BE2)", - "hover": "var(--vkui--color_text_link_themed--hover, #3586E1)", - "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", @@ -447629,14 +447629,14 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_link_visited, #4986cc)", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #3D3E3F)", - "hover": "var(--vkui--color_text_muted--hover, #343536)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "active": "var(--vkui--color_text_muted--active, #E3E5E8)", + "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_muted, #e1e3e6)", }, "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #E85555)", - "hover": "var(--vkui--color_text_negative--hover, #E74D4D)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #ff5c5c)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #59B959)", @@ -447644,9 +447644,9 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #141414)", - "hover": "var(--vkui--color_text_primary--hover, #0A0A0A)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryInvariably": { "active": "var(--vkui--color_text_primary_invariably--active, #141414)", @@ -447654,29 +447654,29 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_primary_invariably, #000000)", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #8B95A1)", - "hover": "var(--vkui--color_text_secondary--hover, #86919D)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #79838F)", - "hover": "var(--vkui--color_text_subhead--hover, #737D8A)", - "normal": "var(--vkui--color_text_subhead, #6d7885)", + "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #A1A9B4)", - "hover": "var(--vkui--color_text_tertiary--hover, #9DA6B0)", - "normal": "var(--vkui--color_text_tertiary, #99a2ad)", + "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #E3E5E8)", - "hover": "var(--vkui--color_track_background--hover, #E2E4E7)", - "normal": "var(--vkui--color_track_background, #e1e3e6)", + "active": "var(--vkui--color_track_background--active, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #A8C4E6)", - "hover": "var(--vkui--color_track_buffer--hover, #A4C2E5)", - "normal": "var(--vkui--color_track_buffer, #a0bfe4)", + "active": "var(--vkui--color_track_buffer--active, #4F647D)", + "hover": "var(--vkui--color_track_buffer--hover, #485E78)", + "normal": "var(--vkui--color_track_buffer, #405772)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", @@ -447684,24 +447684,24 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #4E93E2)", - "hover": "var(--vkui--color_write_bar_icon--hover, #478FE1)", - "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "active": "var(--vkui--color_write_bar_icon--active, #818385)", + "hover": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + "normal": "var(--vkui--color_write_bar_icon, #76787a)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #F3F4F6)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #F3F3F5)", - "normal": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "active": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #E3E5E8)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #E2E4E7)", - "normal": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, "colorsScheme": "var(--vkui--colors_scheme, dark)", "elevation1": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", @@ -448559,9 +448559,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentBlue": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentGray": { "active": "#AAB4BE", @@ -448584,19 +448584,19 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#F9BB5D", - "hover": "#F9B856", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPurple": { - "active": "#7E69E8", - "hover": "#7963E7", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#E24EB2", - "hover": "#E147AE", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, "colorAccentRed": { "active": "#FF4356", @@ -448609,14 +448609,14 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#843FC5", - "hover": "#7E36C3", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -448629,29 +448629,29 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#67A6FF", @@ -448659,9 +448659,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContrast": { "active": "#D7D8DB", @@ -448676,37 +448676,37 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", }, "colorBackgroundInfoTint": { - "active": "#E1EFFF", - "hover": "#DFEFFF", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundModalInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorBackgroundModalInverse": { - "active": "#3E3E3F", - "hover": "#353536", - "normal": "#2d2d2e", - }, "colorBackgroundNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#FFEBEB", - "hover": "#FFEAEA", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { "active": "#59B959", @@ -448714,74 +448714,74 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#EAF9EA", - "hover": "#E9F9E9", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#F6F6F6", - "hover": "#F5F5F5", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#F9F9F9", - "hover": "#F9F9F9", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#FFF3D9", - "hover": "#FFF3D8", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { "active": "#D7D8DB", @@ -448794,24 +448794,24 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#8B95A1", - "hover": "#86919D", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { "active": "#59B959", @@ -448819,9 +448819,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -448829,44 +448829,44 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#A1A9B4", - "hover": "#9DA6B0", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#BEC6D0", - "hover": "#BBC3CE", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#F9A82E", - "hover": "#F8A425", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -448879,69 +448879,69 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#DADBDC", - "hover": "#D9DADB", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#CFD0D1", - "hover": "#CDCECF", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#C3C4C6", - "hover": "#C1C2C3", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#F6F6F6", - "hover": "#F5F5F5", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -448949,9 +448949,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { "active": "#59B959", @@ -448959,39 +448959,39 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#A1A9B4", - "hover": "#9DA6B0", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", - }, - "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorTextContrastThemed": { + "colorTextContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, "colorTextLink": { - "active": "#3E8BE2", - "hover": "#3586E1", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#3E8BE2", - "hover": "#3586E1", - "normal": "#2d81e0", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { "active": "#7CB1ED", @@ -449004,14 +449004,14 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#4986cc", }, "colorTextMuted": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#E85555", - "hover": "#E74D4D", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { "active": "#59B959", @@ -449019,9 +449019,9 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryInvariably": { "active": "#141414", @@ -449029,29 +449029,29 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "#000000", }, "colorTextSecondary": { - "active": "#8B95A1", - "hover": "#86919D", - "normal": "#818c99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSubhead": { - "active": "#79838F", - "hover": "#737D8A", - "normal": "#6d7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#A1A9B4", - "hover": "#9DA6B0", - "normal": "#99a2ad", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#A8C4E6", - "hover": "#A4C2E5", - "normal": "#a0bfe4", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -449059,24 +449059,24 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, "colorsScheme": "dark", "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", diff --git a/src/themeDescriptions/themes/vkIOS/index.ts b/src/themeDescriptions/themes/vkIOS/index.ts index 5b9808e41..393a528c8 100644 --- a/src/themeDescriptions/themes/vkIOS/index.ts +++ b/src/themeDescriptions/themes/vkIOS/index.ts @@ -1,6 +1,6 @@ import { ThemeVkIOSDescription } from '@/interfaces/themes/vkIOS'; import { ThemeVkIOSDarkDescription } from '@/interfaces/themes/vkIOSDark'; -import { darkElevation, darkGradient, lightTheme } from '@/themeDescriptions/base/vk'; +import { darkColors, darkElevation, darkGradient, lightTheme } from '@/themeDescriptions/base/vk'; export const vkIOSTheme: ThemeVkIOSDescription = { ...lightTheme, @@ -46,6 +46,7 @@ export const vkIOSTheme: ThemeVkIOSDescription = { export const vkIOSThemeDark: ThemeVkIOSDarkDescription = { ...vkIOSTheme, + ...darkColors, ...darkGradient, ...darkElevation, themeName: 'vkIOSDark', From 5a0f2c467c2f220debbbf20d2062b5dbb929ceb3 Mon Sep 17 00:00:00 2001 From: Daniil Suvorov Date: Thu, 4 Jul 2024 12:11:24 +0300 Subject: [PATCH 10/14] fix: fontFamilyFallbacks & set fontFamilyBase --- src/themeDescriptions/themes/vkCom/index.ts | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/themeDescriptions/themes/vkCom/index.ts b/src/themeDescriptions/themes/vkCom/index.ts index 60199ec38..e21f9ef91 100644 --- a/src/themeDescriptions/themes/vkCom/index.ts +++ b/src/themeDescriptions/themes/vkCom/index.ts @@ -20,6 +20,7 @@ const fontFamilyAccent = '"VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif'; const fontFamilyBase = '-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif'; +const fontFamilyFallbacks = fontFamilyBase; const fontWeightAccent2 = 500; const fontWeightBase3 = 400; @@ -156,6 +157,7 @@ const vkComLightColor: ColorsDescription = { }; const vkComFontsPartial: DeepPartial = { + fontFamilyFallbacks, fontFamilyAccent, fontFamilyBase, @@ -184,22 +186,22 @@ const vkComFontsPartial: DeepPartial = { }, fontTitle1: { regular: { - fontFamily: fontFamilyAccent, + fontFamily: fontFamilyBase, }, }, fontTitle2: { regular: { - fontFamily: fontFamilyAccent, + fontFamily: fontFamilyBase, }, }, fontTitle3: { regular: { - fontFamily: fontFamilyAccent, + fontFamily: fontFamilyBase, }, }, fontHeadline2: { regular: { - fontFamily: fontFamilyAccent, + fontFamily: fontFamilyBase, }, }, fontParagraph: { From 2706648b70e5b58f63d1d91295eceaac76a7a85c Mon Sep 17 00:00:00 2001 From: Daniil Suvorov Date: Thu, 4 Jul 2024 12:12:39 +0300 Subject: [PATCH 11/14] test: update snapshot --- .../__snapshots__/snapthots.test.ts.snap | 160 +++++++++--------- 1 file changed, 80 insertions(+), 80 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index cbe6894da..75b9de83e 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -326081,7 +326081,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFootnote": { "auto": { @@ -326295,7 +326295,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -326467,7 +326467,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -326505,7 +326505,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -326543,7 +326543,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -328023,7 +328023,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", @@ -328071,7 +328071,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -328111,7 +328111,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -328119,7 +328119,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -328127,7 +328127,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -329004,7 +329004,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFootnote": { "regular": { "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", @@ -329052,7 +329052,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -329092,7 +329092,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -329100,7 +329100,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -329108,7 +329108,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -329985,7 +329985,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", @@ -330033,7 +330033,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -330073,7 +330073,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -330081,7 +330081,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -330089,7 +330089,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -332276,7 +332276,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFootnote": { "auto": { @@ -332490,7 +332490,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -332662,7 +332662,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -332700,7 +332700,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -332738,7 +332738,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -334218,7 +334218,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", @@ -334266,7 +334266,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -334306,7 +334306,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -334314,7 +334314,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -334322,7 +334322,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -335199,7 +335199,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFootnote": { "regular": { "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", @@ -335247,7 +335247,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -335287,7 +335287,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -335295,7 +335295,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -335303,7 +335303,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -336180,7 +336180,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontFamilyAccent": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", @@ -336228,7 +336228,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -336268,7 +336268,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -336276,7 +336276,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -336284,7 +336284,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -392996,7 +392996,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFootnote": { "auto": { @@ -393210,7 +393210,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -393382,7 +393382,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -393420,7 +393420,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -393458,7 +393458,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -396082,7 +396082,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", @@ -396130,7 +396130,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "lineHeight": "20px", }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -396170,7 +396170,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontTitle1": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -396178,7 +396178,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontTitle2": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -396186,7 +396186,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = }, "fontTitle3": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -397457,7 +397457,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFootnote": { "regular": { "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", @@ -397505,7 +397505,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -397545,7 +397545,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -397553,7 +397553,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -397561,7 +397561,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -398832,7 +398832,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", @@ -398880,7 +398880,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -398920,7 +398920,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -398928,7 +398928,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -398936,7 +398936,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, @@ -401517,7 +401517,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontFootnote": { "auto": { @@ -401731,7 +401731,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -401903,7 +401903,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -401941,7 +401941,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -401979,7 +401979,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -404603,7 +404603,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", @@ -404651,7 +404651,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "lineHeight": "20px", }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -404691,7 +404691,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontTitle1": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "24px", "fontWeight": 600, "lineHeight": "28px", @@ -404699,7 +404699,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontTitle2": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "20px", "fontWeight": 600, "lineHeight": "24px", @@ -404707,7 +404707,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 }, "fontTitle3": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": "17px", "fontWeight": 600, "lineHeight": "22px", @@ -405978,7 +405978,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontFootnote": { "regular": { "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", @@ -406026,7 +406026,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "var(--vkui--font_headline2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", @@ -406066,7 +406066,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -406074,7 +406074,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", @@ -406082,7 +406082,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, "VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif)", "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", @@ -407353,7 +407353,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontFamilyBase": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontFootnote": { "regular": { "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", @@ -407401,7 +407401,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "lineHeight": 20, }, "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -407441,7 +407441,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontTitle1": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 24, "fontWeight": 600, "lineHeight": 28, @@ -407449,7 +407449,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontTitle2": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 20, "fontWeight": 600, "lineHeight": 24, @@ -407457,7 +407457,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = }, "fontTitle3": { "regular": { - "fontFamily": ""VK Sans Display", "VK Sans Display Faux", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", + "fontFamily": "-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", arial, Tahoma, verdana, sans-serif", "fontSize": 17, "fontWeight": 600, "lineHeight": 22, From 50c74f8249a27b9c21260fbbf116ff46edc28042 Mon Sep 17 00:00:00 2001 From: "s.peshkov" Date: Thu, 4 Jul 2024 13:08:10 +0300 Subject: [PATCH 12/14] feat/accessibility-theme: fix tests --- .../__snapshots__/snapthots.test.ts.snap | 112 +++++++++--------- 1 file changed, 56 insertions(+), 56 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index ab1dd3218..dc882413e 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -312161,21 +312161,21 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #ffffff)", + "value": "var(--vkui--color_background_modal, #FFFFFF)", }, }, "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #292B2F)", + "value": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", + "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { @@ -315156,12 +315156,12 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#292B2F", - "hover": "#2B2C2F", - "normal": "#2d2d2e", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { "active": "#D44245", @@ -316137,12 +316137,12 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #ffffff)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #292B2F)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", - "normal": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + "active": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + "normal": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", @@ -317118,12 +317118,12 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#292B2F", - "hover": "#2B2C2F", - "normal": "#2d2d2e", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { "active": "#D44245", @@ -318348,15 +318348,15 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #3D3E3F)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #343536)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #2c2d2e)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "colorBackgroundModalInverse": { @@ -321349,9 +321349,9 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -322330,9 +322330,9 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_background_info_tint, #1C3954)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #3D3E3F)", - "hover": "var(--vkui--color_background_modal--hover, #343536)", - "normal": "var(--vkui--color_background_modal, #2c2d2e)", + "active": "var(--vkui--color_background_modal--active, #2E2F30)", + "hover": "var(--vkui--color_background_modal--hover, #252627)", + "normal": "var(--vkui--color_background_modal, #1C1D1E)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -323311,9 +323311,9 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -324551,21 +324551,21 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #ffffff)", + "value": "var(--vkui--color_background_modal, #FFFFFF)", }, }, "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #292B2F)", + "value": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", + "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { @@ -327546,12 +327546,12 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#292B2F", - "hover": "#2B2C2F", - "normal": "#2d2d2e", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { "active": "#D44245", @@ -328527,12 +328527,12 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #ffffff)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #292B2F)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #2B2C2F)", - "normal": "var(--vkui--color_background_modal_inverse, #2d2d2e)", + "active": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + "normal": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", @@ -329508,12 +329508,12 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#292B2F", - "hover": "#2B2C2F", - "normal": "#2d2d2e", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { "active": "#D44245", @@ -330738,15 +330738,15 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #3D3E3F)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #343536)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #2c2d2e)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "colorBackgroundModalInverse": { @@ -333739,9 +333739,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -334720,9 +334720,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "normal": "var(--vkui--color_background_info_tint, #1C3954)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #3D3E3F)", - "hover": "var(--vkui--color_background_modal--hover, #343536)", - "normal": "var(--vkui--color_background_modal, #2c2d2e)", + "active": "var(--vkui--color_background_modal--active, #2E2F30)", + "hover": "var(--vkui--color_background_modal--hover, #252627)", + "normal": "var(--vkui--color_background_modal, #1C1D1E)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -335701,9 +335701,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", From de1d56cb6e2595252ed82f1e68290567ed4c12c2 Mon Sep 17 00:00:00 2001 From: "s.peshkov" Date: Thu, 4 Jul 2024 16:22:16 +0300 Subject: [PATCH 13/14] 4.49.0: update deps --- package.json | 2 +- yarn.lock | 43 +++++++++---------------------------------- 2 files changed, 10 insertions(+), 35 deletions(-) diff --git a/package.json b/package.json index 5f6b33da6..c434f9976 100644 --- a/package.json +++ b/package.json @@ -58,7 +58,7 @@ "@vkontakte/prettier-config": "0.1.0", "@vkontakte/vk-bridge": "2.14.2", "@vkontakte/vkjs": "1.2.0", - "@vkontakte/vkui": "6.1.1", + "@vkontakte/vkui": "6.2.0", "babel-jest": "29.7.0", "babel-loader": "9.1.3", "clean-webpack-plugin": "4.0.0", diff --git a/yarn.lock b/yarn.lock index 6a3968ed9..8af11bc4f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2174,7 +2174,7 @@ resolved "https://registry.yarnpkg.com/@vkontakte/vk-bridge/-/vk-bridge-2.14.2.tgz#7b8e8f120b9128e9c6e8424f56afbb28f6918ff2" integrity sha512-npPEBw6nCLNv1vxJr7fUOsEEfglP8soOi2B2fscgE/aTxd00MF/nITzSq+LASrfSgpk/f3AtAw3CnE3Ia5E98w== -"@vkontakte/vkjs@1.2.0", "@vkontakte/vkjs@^1.1.2": +"@vkontakte/vkjs@1.2.0", "@vkontakte/vkjs@^1.2.0": version "1.2.0" resolved "https://registry.yarnpkg.com/@vkontakte/vkjs/-/vkjs-1.2.0.tgz#ca4fa56f53aa84f25d072534c50fe73106400a64" integrity sha512-l5u3EGvKACQaSB3DFphY3PNgmkK7H2KZ/6XqHcqqkwAw1wrMu4ESWvkyczLxaa6/9hMTfw2Jj3VssiYDaHhbeg== @@ -2189,14 +2189,14 @@ "@floating-ui/react-dom" "^2.1.0" "@swc/helpers" "^0.5.11" -"@vkontakte/vkui@6.1.1": - version "6.1.1" - resolved "https://registry.yarnpkg.com/@vkontakte/vkui/-/vkui-6.1.1.tgz#0bd185a3718fc3f9a2c585d3f8ba6b6eb9a04ca4" - integrity sha512-2+6VtDkBNpLsDYW0VGeC+n5HNB7Lgx+liGHEzDlX6c6i7fYg4wSL/82/99lTn91iYOFQldbjpW3HwfJLTlRMlw== +"@vkontakte/vkui@6.2.0": + version "6.2.0" + resolved "https://registry.yarnpkg.com/@vkontakte/vkui/-/vkui-6.2.0.tgz#4acc5ae8d739b53c8a3ee758874d88717486612a" + integrity sha512-bzH1sL8r0/DgiKao+j0mQKYK2zcOIZTO5XV+plblTMad8D/Mk+pQF7gnCNMnbFWEgXjowcx0+pfCJUE5A7Omrg== dependencies: "@swc/helpers" "^0.5.11" "@vkontakte/icons" "^2.115.0" - "@vkontakte/vkjs" "^1.1.2" + "@vkontakte/vkjs" "^1.2.0" "@vkontakte/vkui-floating-ui" "^0.2.1" dayjs "^1.11.11" mitt "^3.0.1" @@ -7641,16 +7641,7 @@ string-length@^4.0.1: char-regex "^1.0.2" strip-ansi "^6.0.0" -"string-width-cjs@npm:string-width@^4.2.0": - version "4.2.3" - resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" - integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== - dependencies: - emoji-regex "^8.0.0" - is-fullwidth-code-point "^3.0.0" - strip-ansi "^6.0.1" - -string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -7718,14 +7709,7 @@ string_decoder@~1.1.1: dependencies: safe-buffer "~5.1.0" -"strip-ansi-cjs@npm:strip-ansi@^6.0.1": - version "6.0.1" - resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" - integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== - dependencies: - ansi-regex "^5.0.1" - -strip-ansi@^6.0.0, strip-ansi@^6.0.1: +"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -8443,16 +8427,7 @@ wildcard@^2.0.0: resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.1.tgz#5ab10d02487198954836b6349f74fff961e10f67" integrity sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ== -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": - version "7.0.0" - resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" - integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== - dependencies: - ansi-styles "^4.0.0" - string-width "^4.1.0" - strip-ansi "^6.0.0" - -wrap-ansi@^7.0.0: +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== From 4ee4fd3e1dc8d849aaee0a3baefee47d8617ec6d Mon Sep 17 00:00:00 2001 From: "s.peshkov" Date: Fri, 5 Jul 2024 13:52:32 +0300 Subject: [PATCH 14/14] 4.49.0 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 74d4a1bc2..a61e1af8c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@vkontakte/vkui-tokens", - "version": "4.48.0", + "version": "4.49.0", "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm", "license": "MIT", "homepage": "https://vkcom.github.io/vkui-tokens",