diff --git a/api/src/unraid-api/unraid-file-modifier/modifications/default-azure-css.modification.ts b/api/src/unraid-api/unraid-file-modifier/modifications/default-azure-css.modification.ts
index 3b823f065..53f22bca6 100644
--- a/api/src/unraid-api/unraid-file-modifier/modifications/default-azure-css.modification.ts
+++ b/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.replace(/background-color:\s*#f2f2f2/g, 'background-color: var(--header-background-color)')}\n}`;
+        return `${before}\n@scope (:root) to (.unapi) {${after}\n}`;
     }
 }
diff --git a/api/src/unraid-api/unraid-file-modifier/modifications/default-black-css.modification.ts b/api/src/unraid-api/unraid-file-modifier/modifications/default-black-css.modification.ts
index 6fce93e84..47e01b7ee 100644
--- a/api/src/unraid-api/unraid-file-modifier/modifications/default-black-css.modification.ts
+++ b/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.replace(/background-color:\s*#f2f2f2/g, 'background-color: var(--header-background-color)')}\n}`;
+        return `${before}\n@scope (:root) to (.unapi) {${after}\n}`;
     }
 }
diff --git a/api/src/unraid-api/unraid-file-modifier/modifications/default-gray-css.modification.ts b/api/src/unraid-api/unraid-file-modifier/modifications/default-gray-css.modification.ts
index e4cfad990..036d3e401 100644
--- a/api/src/unraid-api/unraid-file-modifier/modifications/default-gray-css.modification.ts
+++ b/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.replace(/background-color:\s*#f2f2f2/g, 'background-color: var(--header-background-color)')}\n}`;
+        return `${before}\n@scope (:root) to (.unapi) {${after}\n}`;
     }
 }
diff --git a/api/src/unraid-api/unraid-file-modifier/modifications/default-white-css.modification.ts b/api/src/unraid-api/unraid-file-modifier/modifications/default-white-css.modification.ts
index 700ae9a09..528375457 100644
--- a/api/src/unraid-api/unraid-file-modifier/modifications/default-white-css.modification.ts
+++ b/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.replace(/background-color:\s*#f2f2f2/g, 'background-color: var(--header-background-color)')}\n}`;
+        return `${before}\n@scope (:root) to (.unapi) {${after}\n}`;
     }
 }