From ba8b18078694e99daefafe38651b126a421c4345 Mon Sep 17 00:00:00 2001 From: nick <32414396+qurle@users.noreply.github.com> Date: Wed, 20 Nov 2024 18:00:57 +0300 Subject: [PATCH] feat(vkontakteCom): Added vkontaktePaletteBlack (#1088) --- .../__snapshots__/snapthots.test.ts.snap | 174 ++++++++++++++++++ .../themes/vkontakteAndroid/index.ts | 2 + .../themes/vkontakteAndroid/index.ts | 4 + .../themes/vkontakteCom/index.ts | 4 + 4 files changed, 184 insertions(+) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 38feb2b1..efef38d6 100644 --- 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 index 60180dfd..56e5949b 100644 --- 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 index 757153aa..2d7d5264 100644 --- 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 index ee48212c..9e65eced 100644 --- 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>(