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 53f22bca6..3b823f065 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}\n}`;
+        return `${before}\n@scope (:root) to (.unapi) {${after.replace(/background-color:\s*#f2f2f2/g, 'background-color: var(--header-background-color)')}\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 47e01b7ee..6fce93e84 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}\n}`;
+        return `${before}\n@scope (:root) to (.unapi) {${after.replace(/background-color:\s*#f2f2f2/g, 'background-color: var(--header-background-color)')}\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 036d3e401..e4cfad990 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}\n}`;
+        return `${before}\n@scope (:root) to (.unapi) {${after.replace(/background-color:\s*#f2f2f2/g, 'background-color: var(--header-background-color)')}\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 528375457..700ae9a09 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}\n}`;
+        return `${before}\n@scope (:root) to (.unapi) {${after.replace(/background-color:\s*#f2f2f2/g, 'background-color: var(--header-background-color)')}\n}`;
     }
 }