fix(NcModal): make dark header configurable

Required to fix regression with Text in Viewer in Nextcloud 30, where we still want a white viewer header. Signed-off-by: Jonas <[email protected]>
nextcloud-libraries · Sep 15, 2024 · 96f58f3 · 96f58f3
1 parent d3c2377
commit 96f58f3
Showing 1 changed file with 9 additions and 1 deletion.
diff --git 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
 		 */