fix: update header background file modification

Author: Ajit-Mehrotra

api/src/unraid-api/unraid-file-modifier/modifications/default-azure-css.modification.ts

@@ -50,6 +50,6 @@ export default class DefaultAzureCssModification extends FileModification {
         const before = source.slice(0, insertIndex);
         const after = source.slice(insertIndex);
 
-        return `${before}\n@scope (:root) to (.unapi) {${after}\n}`;
+        return `${before}\n@scope (:root) to (.unapi) {${after.replace(/background-color:\s*#f2f2f2/g, 'background-color: var(--header-background-color)')}\n}`;
     }
 }

api/src/unraid-api/unraid-file-modifier/modifications/default-black-css.modification.ts

@@ -50,6 +50,6 @@ export default class DefaultBlackCssModification extends FileModification {
         const before = source.slice(0, insertIndex);
         const after = source.slice(insertIndex);
 
-        return `${before}\n@scope (:root) to (.unapi) {${after}\n}`;
+        return `${before}\n@scope (:root) to (.unapi) {${after.replace(/background-color:\s*#f2f2f2/g, 'background-color: var(--header-background-color)')}\n}`;
     }
 }

api/src/unraid-api/unraid-file-modifier/modifications/default-gray-css.modification.ts

@@ -50,6 +50,6 @@ export default class DefaultGrayCssModification extends FileModification {
         const before = source.slice(0, insertIndex);
         const after = source.slice(insertIndex);
 
-        return `${before}\n@scope (:root) to (.unapi) {${after}\n}`;
+        return `${before}\n@scope (:root) to (.unapi) {${after.replace(/background-color:\s*#f2f2f2/g, 'background-color: var(--header-background-color)')}\n}`;
     }
 }

api/src/unraid-api/unraid-file-modifier/modifications/default-white-css.modification.ts

@@ -57,6 +57,6 @@ export default class DefaultWhiteCssModification extends FileModification {
         const before = source.slice(0, insertIndex);
         const after = source.slice(insertIndex);
 
-        return `${before}\n@scope (:root) to (.unapi) {${after}\n}`;
+        return `${before}\n@scope (:root) to (.unapi) {${after.replace(/background-color:\s*#f2f2f2/g, 'background-color: var(--header-background-color)')}\n}`;
     }
 }