diff --git a/src/components/NcModal/NcModal.vue b/src/components/NcModal/NcModal.vue
index fefdf92156..e6c0d68984 100644
--- a/src/components/NcModal/NcModal.vue
+++ b/src/components/NcModal/NcModal.vue
@@ -200,7 +200,7 @@ export default {
 			tabindex="-1">
 			<!-- Header -->
 			<transition name="fade-visibility" appear>
-				<div class="modal-header" data-theme-dark>
+				<div class="modal-header" v-bind="dataThemeDarkAttr">
 					<h2 v-if="name.trim() !== ''"
 						:id="'modal-name-' + randId"
 						class="modal-header__name">
@@ -455,6 +455,14 @@ export default {
 			default: false,
 		},
 
+		/**
+		 * Make the modal header appear dark.
+		 */
+		darkHeader: {
+			type: Boolean,
+			default: true,
+		},
+
 		/**
 		 * Selector for the modal container, pass `null` to prevent automatic container mounting
 		 */