✨ Image properties customization (#1590)

src/types/settings.ts

@@ -45,6 +45,9 @@ export interface CustomizationSettingsType {
   logoImageUrl?: string;
   faviconUrl?: string;
   backgroundImageUrl?: string;
+  backgroundImageAttachment?: typeof BackgroundImageAttachment[number];
+  backgroundImageSize?: typeof BackgroundImageSize[number];
+  backgroundImageRepeat?: typeof BackgroundImageRepeat[number];
   customCss?: string;
   colors: ColorsCustomizationSettingsType;
   appOpacity?: number;
@@ -52,6 +55,12 @@ export interface CustomizationSettingsType {
   accessibility: AccessibilitySettings;
 }
 
+export const BackgroundImageAttachment = ['fixed',  'scroll'] as const;
+
+export const BackgroundImageSize = ['cover', 'contain'] as const;
+
+export const BackgroundImageRepeat = ['no-repeat', 'repeat', 'repeat-x', 'repeat-y'] as const;
+
 export interface AccessibilitySettings {
   disablePingPulse: boolean;
   replacePingDotsWithIcons: boolean;