:wrench: Make stylesheet config be an array of files

diff --git a/docs/configuration.md b/docs/configuration.md
index f0b0a31504b3614d93f36f111314514c036c9d60..edcf1ed8592c6bade2184592c3e2483307921f60 100644 (file)
--- a/docs/configuration.md
+++ b/docs/configuration.md
@@ -27,8 +27,9 @@ connectivityCheck: true # whether you want to display a message when the apps ar
 theme: default # 'default' or one of the theme available in 'src/assets/themes'.
 
 # Optional custom stylesheet
-# Will load a custom CSS file. Especially useful for custom icon sets.
-# stylesheet: "assets/custom.css"
+# Will load custom CSS files. Especially useful for custom icon sets.
+# stylesheet:
+#   - "assets/custom.css"
 
 # Here is the exaustive list of customization parameters
 # However all value are optional and will fallback to default if not set.

diff --git a/src/App.vue b/src/App.vue
index 272b3f6770bf020777482707cca867345d98ea2d..03760fdd3190119397bec6d48532373f06466afd 100644 (file)
--- a/src/App.vue
+++ b/src/App.vue
@@ -161,7 +161,11 @@ export default {
     this.services = this.config.services;
     document.title = `${this.config.title} | ${this.config.subtitle}`;
     if (this.config.stylesheet) {
-      this.createStylesheet(`@import "${this.config.stylesheet}";`);
+      let stylesheet = '';
+      for (const file of this.config.stylesheet) {
+        stylesheet += `@import "${file}";`;
+      }
+      this.createStylesheet(stylesheet);
     }
   },
   methods: {