Save appearance settings on server

- app theme
- theme mode
- pure black mode
- manga grid item width

src/modules/metadata/Metadata.constants.ts

@@ -89,6 +89,10 @@ const APP_METADATA_OBJECT: Record<AppMetadataKeys, undefined> = {
     showNsfw: undefined,
     shouldUseInfiniteScroll: undefined,
     shouldShowTransitionPage: undefined,
+    appTheme: undefined,
+    themeMode: undefined,
+    shouldUsePureBlackMode: undefined,
+    mangaGridItemWidth: undefined,
 };
 
 export const VALID_APP_METADATA_KEYS = Object.keys(APP_METADATA_OBJECT);

src/modules/metadata/Metadata.types.ts

@@ -21,7 +21,7 @@ export interface IMetadataMigration {
          * Otherwise, all metadata keys will get migrated.
          */
         key?: string;
-        oldValue: string | RegExp;
+        oldValue: string | RegExp | undefined;
         newValue: string | ((oldValue: string) => string);
     }[];
     keys?: { oldKey: string; newKey: string }[];

src/modules/metadata/services/MetadataMigrations.ts

@@ -83,7 +83,10 @@ const applyMetadataValueMigration = (meta: Metadata, migration: IMetadataMigrati
 
     metadataValueChanges.forEach(({ key, oldValue, newValue }) => {
         const migrateValue = (metaKey: string) => {
-            if (meta[metaKey].match(oldValue)) {
+            if (
+                (oldValue === undefined && meta[metaKey] === oldValue) ||
+                (oldValue !== undefined && meta[metaKey].match(oldValue))
+            ) {
                 migratedMetadata[metaKey] = typeof newValue === 'function' ? newValue(meta[metaKey]) : newValue;
             }
         };