Phase 2+3: Chat backgrounds and per-message profiles settings

src/app/state/settings.ts

@@ -3,6 +3,7 @@ import { atom } from 'jotai';
 const STORAGE_KEY = 'settings';
 export type DateFormat = 'D MMM YYYY' | 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY/MM/DD' | '';
 export type MessageSpacing = '0' | '100' | '200' | '300' | '400' | '500';
+export type ChatBackground = 'none' | 'dots' | 'grid' | 'diagonal' | 'solid-navy' | 'solid-void';
 export enum MessageLayout {
   Modern = 0,
   Compact = 1,
@@ -41,6 +42,9 @@ export interface Settings {
   dateFormatString: string;
 
   developerTools: boolean;
+
+  chatBackground: ChatBackground;
+  perMessageProfiles: boolean;
 }
 
 const defaultSettings: Settings = {
@@ -75,6 +79,9 @@ const defaultSettings: Settings = {
   dateFormatString: 'D MMM YYYY',
 
   developerTools: false,
+
+  chatBackground: 'none',
+  perMessageProfiles: false,
 };
 
 export const getSettings = () => {