feat(vkontakteCom): Added vkontaktePaletteBlack (#1088)

VKCOM · Nov 20, 2024 · ba8b180 · ba8b180
1 parent 6081caa
commit ba8b180
Show file tree

Hide file tree

Showing 4 changed files with 184 additions and 0 deletions.
diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap
@@ -448717,6 +448717,20 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = `
       "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))",
     },
   },
+  "vkontaktePaletteBlack": {
+    "active": {
+      "name": "--vkui--vkontakte_palette_black--active",
+      "value": "var(--vkui--vkontakte_palette_black--active, #000105)",
+    },
+    "hover": {
+      "name": "--vkui--vkontakte_palette_black--hover",
+      "value": "var(--vkui--vkontakte_palette_black--hover, #000102)",
+    },
+    "normal": {
+      "name": "--vkui--vkontakte_palette_black",
+      "value": "var(--vkui--vkontakte_palette_black, #000000)",
+    },
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": {
       "name": "--vkui--vkontakte_stories_skeleton_loader_background--active",
@@ -450158,6 +450172,11 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1
     "hover": "rgba(0, 57, 115, 0.14)",
     "normal": "rgba(0, 57, 115, 0.10)",
   },
+  "vkontaktePaletteBlack": {
+    "active": "#000105",
+    "hover": "#000102",
+    "normal": "#000000",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "#3F4246",
     "hover": "#424447",
@@ -451584,6 +451603,11 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars
     "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))",
     "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))",
   },
+  "vkontaktePaletteBlack": {
+    "active": "var(--vkui--vkontakte_palette_black--active, #000105)",
+    "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)",
+    "normal": "var(--vkui--vkontakte_palette_black, #000000)",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)",
     "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)",
@@ -453010,6 +453034,11 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] =
     "hover": "rgba(0, 57, 115, 0.14)",
     "normal": "rgba(0, 57, 115, 0.10)",
   },
+  "vkontaktePaletteBlack": {
+    "active": "#000105",
+    "hover": "#000102",
+    "normal": "#000000",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "#3F4246",
     "hover": "#424447",
@@ -457601,6 +457630,20 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`]
       "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))",
     },
   },
+  "vkontaktePaletteBlack": {
+    "active": {
+      "name": "--vkui--vkontakte_palette_black--active",
+      "value": "var(--vkui--vkontakte_palette_black--active, #141414)",
+    },
+    "hover": {
+      "name": "--vkui--vkontakte_palette_black--hover",
+      "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)",
+    },
+    "normal": {
+      "name": "--vkui--vkontakte_palette_black",
+      "value": "var(--vkui--vkontakte_palette_black, #000000)",
+    },
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": {
       "name": "--vkui--vkontakte_stories_skeleton_loader_background--active",
@@ -459042,6 +459085,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh
     "hover": "rgba(255, 255, 255, 0.19)",
     "normal": "rgba(255, 255, 255, 0.15)",
   },
+  "vkontaktePaletteBlack": {
+    "active": "#141414",
+    "hover": "#0A0A0A",
+    "normal": "#000000",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "#C9CCD0",
     "hover": "#C6CACE",
@@ -460468,6 +460516,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css
     "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19))",
     "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))",
   },
+  "vkontaktePaletteBlack": {
+    "active": "var(--vkui--vkontakte_palette_black--active, #141414)",
+    "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)",
+    "normal": "var(--vkui--vkontakte_palette_black, #000000)",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)",
     "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)",
@@ -461894,6 +461947,11 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1
     "hover": "rgba(255, 255, 255, 0.19)",
     "normal": "rgba(255, 255, 255, 0.15)",
   },
+  "vkontaktePaletteBlack": {
+    "active": "#141414",
+    "hover": "#0A0A0A",
+    "normal": "#000000",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "#C9CCD0",
     "hover": "#C6CACE",
@@ -466373,6 +466431,20 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = `
       "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.102))",
     },
   },
+  "vkontaktePaletteBlack": {
+    "active": {
+      "name": "--vkui--vkontakte_palette_black--active",
+      "value": "var(--vkui--vkontakte_palette_black--active, #000105)",
+    },
+    "hover": {
+      "name": "--vkui--vkontakte_palette_black--hover",
+      "value": "var(--vkui--vkontakte_palette_black--hover, #000102)",
+    },
+    "normal": {
+      "name": "--vkui--vkontakte_palette_black",
+      "value": "var(--vkui--vkontakte_palette_black, #000000)",
+    },
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": {
       "name": "--vkui--vkontakte_stories_skeleton_loader_background--active",
@@ -467798,6 +467870,11 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] =
     "hover": "rgba(0, 57, 115, 0.14)",
     "normal": "rgba(0, 57, 115, 0.102)",
   },
+  "vkontaktePaletteBlack": {
+    "active": "#000105",
+    "hover": "#000102",
+    "normal": "#000000",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "#BCBDC1",
     "hover": "#C4C4C6",
@@ -469208,6 +469285,11 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`]
     "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))",
     "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.102))",
   },
+  "vkontaktePaletteBlack": {
+    "active": "var(--vkui--vkontakte_palette_black--active, #000105)",
+    "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)",
+    "normal": "var(--vkui--vkontakte_palette_black, #000000)",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #BCBDC1)",
     "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C4C4C6)",
@@ -470618,6 +470700,11 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = `
     "hover": "rgba(0, 57, 115, 0.14)",
     "normal": "rgba(0, 57, 115, 0.102)",
   },
+  "vkontaktePaletteBlack": {
+    "active": "#000105",
+    "hover": "#000102",
+    "normal": "#000000",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "#BCBDC1",
     "hover": "#C4C4C6",
@@ -475097,6 +475184,20 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = `
       "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.16))",
     },
   },
+  "vkontaktePaletteBlack": {
+    "active": {
+      "name": "--vkui--vkontakte_palette_black--active",
+      "value": "var(--vkui--vkontakte_palette_black--active, #141414)",
+    },
+    "hover": {
+      "name": "--vkui--vkontakte_palette_black--hover",
+      "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)",
+    },
+    "normal": {
+      "name": "--vkui--vkontakte_palette_black",
+      "value": "var(--vkui--vkontakte_palette_black, #000000)",
+    },
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": {
       "name": "--vkui--vkontakte_stories_skeleton_loader_background--active",
@@ -476522,6 +476623,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1
     "hover": "rgba(255, 255, 255, 0.2)",
     "normal": "rgba(255, 255, 255, 0.16)",
   },
+  "vkontaktePaletteBlack": {
+    "active": "#141414",
+    "hover": "#0A0A0A",
+    "normal": "#000000",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "#636363",
     "hover": "#5C5C5C",
@@ -477932,6 +478038,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars
     "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.2))",
     "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.16))",
   },
+  "vkontaktePaletteBlack": {
+    "active": "var(--vkui--vkontakte_palette_black--active, #141414)",
+    "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)",
+    "normal": "var(--vkui--vkontakte_palette_black, #000000)",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #636363)",
     "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #5C5C5C)",
@@ -479342,6 +479453,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] =
     "hover": "rgba(255, 255, 255, 0.2)",
     "normal": "rgba(255, 255, 255, 0.16)",
   },
+  "vkontaktePaletteBlack": {
+    "active": "#141414",
+    "hover": "#0A0A0A",
+    "normal": "#000000",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "#636363",
     "hover": "#5C5C5C",
@@ -483821,6 +483937,20 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = `
       "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))",
     },
   },
+  "vkontaktePaletteBlack": {
+    "active": {
+      "name": "--vkui--vkontakte_palette_black--active",
+      "value": "var(--vkui--vkontakte_palette_black--active, #000105)",
+    },
+    "hover": {
+      "name": "--vkui--vkontakte_palette_black--hover",
+      "value": "var(--vkui--vkontakte_palette_black--hover, #000102)",
+    },
+    "normal": {
+      "name": "--vkui--vkontakte_palette_black",
+      "value": "var(--vkui--vkontakte_palette_black, #000000)",
+    },
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": {
       "name": "--vkui--vkontakte_stories_skeleton_loader_background--active",
@@ -485246,6 +485376,11 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] =
     "hover": "rgba(0, 57, 115, 0.14)",
     "normal": "rgba(0, 57, 115, 0.10)",
   },
+  "vkontaktePaletteBlack": {
+    "active": "#000105",
+    "hover": "#000102",
+    "normal": "#000000",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "#3F4246",
     "hover": "#424447",
@@ -486656,6 +486791,11 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`]
     "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))",
     "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))",
   },
+  "vkontaktePaletteBlack": {
+    "active": "var(--vkui--vkontakte_palette_black--active, #000105)",
+    "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)",
+    "normal": "var(--vkui--vkontakte_palette_black, #000000)",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)",
     "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)",
@@ -488066,6 +488206,11 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = `
     "hover": "rgba(0, 57, 115, 0.14)",
     "normal": "rgba(0, 57, 115, 0.10)",
   },
+  "vkontaktePaletteBlack": {
+    "active": "#000105",
+    "hover": "#000102",
+    "normal": "#000000",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "#3F4246",
     "hover": "#424447",
@@ -492545,6 +492690,20 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = `
       "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))",
     },
   },
+  "vkontaktePaletteBlack": {
+    "active": {
+      "name": "--vkui--vkontakte_palette_black--active",
+      "value": "var(--vkui--vkontakte_palette_black--active, #141414)",
+    },
+    "hover": {
+      "name": "--vkui--vkontakte_palette_black--hover",
+      "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)",
+    },
+    "normal": {
+      "name": "--vkui--vkontakte_palette_black",
+      "value": "var(--vkui--vkontakte_palette_black, #000000)",
+    },
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": {
       "name": "--vkui--vkontakte_stories_skeleton_loader_background--active",
@@ -493970,6 +494129,11 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1
     "hover": "rgba(255, 255, 255, 0.19)",
     "normal": "rgba(255, 255, 255, 0.15)",
   },
+  "vkontaktePaletteBlack": {
+    "active": "#141414",
+    "hover": "#0A0A0A",
+    "normal": "#000000",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "#C9CCD0",
     "hover": "#C6CACE",
@@ -495380,6 +495544,11 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars
     "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19))",
     "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))",
   },
+  "vkontaktePaletteBlack": {
+    "active": "var(--vkui--vkontakte_palette_black--active, #141414)",
+    "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)",
+    "normal": "var(--vkui--vkontakte_palette_black, #000000)",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)",
     "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)",
@@ -496790,6 +496959,11 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] =
     "hover": "rgba(255, 255, 255, 0.19)",
     "normal": "rgba(255, 255, 255, 0.15)",
   },
+  "vkontaktePaletteBlack": {
+    "active": "#141414",
+    "hover": "#0A0A0A",
+    "normal": "#000000",
+  },
   "vkontakteStoriesSkeletonLoaderBackground": {
     "active": "#C9CCD0",
     "hover": "#C6CACE",

diff --git a/src/interfaces/themes/vkontakteAndroid/index.ts b/src/interfaces/themes/vkontakteAndroid/index.ts
@@ -285,6 +285,8 @@ export interface LocalVkontakteAndroidColorsDescriptionStruct {
 
 	vkontakteLandingSecondaryButtonBackground: ColorDescription;
 	vkontakteStoriesSkeletonLoaderBackground: ColorDescription;
+
+	vkontaktePaletteBlack: ColorDescription;
 }
 
 export type VkontakteAndroidLocalColors = {

diff --git a/src/themeDescriptions/themes/vkontakteAndroid/index.ts b/src/themeDescriptions/themes/vkontakteAndroid/index.ts
@@ -116,6 +116,8 @@ export const vkontakteLocalColorLight: LocalVkontakteAndroidColorsDescriptionStr
 
 	vkontakteLandingSecondaryButtonBackground: 'rgba(0, 57, 115, 0.10)',
 	vkontakteStoriesSkeletonLoaderBackground: '#454647',
+
+	vkontaktePaletteBlack: '#000000',
 };
 
 export const vkontakteLocalColorDark: LocalVkontakteAndroidColorsDescriptionStruct = {
@@ -220,6 +222,8 @@ export const vkontakteLocalColorDark: LocalVkontakteAndroidColorsDescriptionStru
 
 	vkontakteLandingSecondaryButtonBackground: 'rgba(255, 255, 255, 0.15)',
 	vkontakteStoriesSkeletonLoaderBackground: '#c4c8cc',
+
+	vkontaktePaletteBlack: '#000000',
 };
 
 const fontFamilyAccent =

diff --git a/src/themeDescriptions/themes/vkontakteCom/index.ts b/src/themeDescriptions/themes/vkontakteCom/index.ts
@@ -111,6 +111,8 @@ const vkontakteComLocalColorLight: LocalVkontakteAndroidColorsDescriptionStruct
 
 	vkontakteLandingSecondaryButtonBackground: 'rgba(0, 57, 115, 0.102)',
 	vkontakteStoriesSkeletonLoaderBackground: '#cccccc',
+
+	vkontaktePaletteBlack: '#000000',
 };
 
 const vkontakteComLocalColorDark: LocalVkontakteAndroidColorsDescriptionStruct = {
@@ -213,6 +215,8 @@ const vkontakteComLocalColorDark: LocalVkontakteAndroidColorsDescriptionStruct =
 
 	vkontakteLandingSecondaryButtonBackground: 'rgba(255, 255, 255, 0.16)',
 	vkontakteStoriesSkeletonLoaderBackground: '#555555',
+
+	vkontaktePaletteBlack: '#000000',
 };
 
 const vkontakteComFonts = lodash.merge<typeof vkComFonts, DeepPartial<typeof vkComFonts>>(