Force editor with dark theme

Signed-off-by: John Molakvoæ <[email protected]> Signed-off-by: nextcloud-command <[email protected]>
nextcloud · Aug 17, 2022 · b0ad7a4 · b0ad7a4
1 parent e4bce96
commit b0ad7a4
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 4 deletions.
diff --git a/js/viewer-main.js b/js/viewer-main.js
diff --git a/js/viewer-main.js.map b/js/viewer-main.js.map
diff --git a/src/components/ImageEditor.vue b/src/components/ImageEditor.vue
@@ -1,5 +1,5 @@
 <template>
-	<div ref="editor" class="viewer__image-editor" />
+	<div ref="editor" class="viewer__image-editor" v-bind="themeDataAttr" />
 </template>
 <script>
 import FilerobotImageEditor from 'filerobot-image-editor'
@@ -84,12 +84,29 @@ export default {
 				},
 			}
 		},
+
 		defaultSavedImageName() {
 			return basename(this.src, extname(this.src))
 		},
 		defaultSavedImageType() {
 			return extname(this.src).slice(1) || 'jpeg'
 		},
+
+		hasHighContrastEnabled() {
+			const themes = OCA?.Theming?.enabledThemes || []
+			return themes.find(theme => theme.indexOf('highcontrast') !== -1)
+		},
+
+		themeDataAttr() {
+			if (this.hasHighContrastEnabled) {
+				return {
+					'data-theme-dark-highcontrast': true,
+				}
+			}
+			return {
+				'data-theme-dark': true,
+			}
+		}
 	},
 
 	mounted() {