enable dark theme on uppy importer

owncloud · Oct 30, 2023 · 6827238 · 6827238
1 parent 1887490
commit 6827238
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/changelog/unreleased/enhancement-enable-dark-theme-on-importer b/changelog/unreleased/enhancement-enable-dark-theme-on-importer
@@ -0,0 +1,7 @@
+Enhancement: Enable dark theme on importer
+
+We've enabled the dark theme on our importer, so the user will see a dark-themed dialog, whenever they activate the
+dark mode.
+
+https://github.com/owncloud/web/pull/9884
+https://github.com/owncloud/web/issues/9452
diff --git a/packages/web-app-importer/src/extensions.ts b/packages/web-app-importer/src/extensions.ts
@@ -51,6 +51,9 @@ export const extensions = ({ applicationConfig }: ApplicationSetupOptions) => {
   })
 
   const handler = async () => {
+    const currentThemeName = window.localStorage.getItem('oc_currentThemeName')
+    const renderDarkTheme = unref(currentThemeName) === 'default-dark'
+
     const modal = {
       variation: 'passive',
       title: $gettext('Import files'),
@@ -69,6 +72,7 @@ export const extensions = ({ applicationConfig }: ApplicationSetupOptions) => {
       disableLocalFiles: true,
       disableStatusBar: true,
       showSelectedFiles: false,
+      ...(renderDarkTheme && { theme: 'dark' }),
       locale: {
         strings: {
           cancel: $gettext('Cancel'),