Add available themes and plugins in feature table

2 files changed, 29 insertions, 2 deletions

diff --git a/client/src/app/shared/shared-instance/instance-features-table.component.html b/client/src/app/shared/shared-instance/instance-features-table.component.html
index 83440e87c..0d4e77b73 100644
--- a/client/src/app/shared/shared-instance/instance-features-table.component.html
+++ b/client/src/app/shared/shared-instance/instance-features-table.component.html
@@ -128,5 +128,27 @@
         <my-feature-boolean [value]="serverConfig.search.remoteUri.users"></my-feature-boolean>
       </td>
     </tr>
+
+    <tr>
+      <th i18n class="label" colspan="2">Plugins & Themes</th>
+    </tr>
+
+    <tr>
+      <th i18n class="sub-label" scope="row">Available themes</th>
+      <td>
+        <span class="theme" *ngFor="let theme of serverConfig.theme.registered">
+          {{ theme.name }}
+        </span>
+      </td>
+    </tr>
+
+    <tr>
+      <th i18n class="sub-label" scope="row">Plugins enabled</th>
+      <td>
+        <span class="plugin" *ngFor="let plugin of serverConfig.plugin.registered">
+          {{ plugin.name }}
+        </span>
+      </td>
+    </tr>
   </table>
 </div>
diff --git a/client/src/app/shared/shared-instance/instance-features-table.component.scss b/client/src/app/shared/shared-instance/instance-features-table.component.scss
index d8efd8cdf..6107909a2 100644
--- a/client/src/app/shared/shared-instance/instance-features-table.component.scss
+++ b/client/src/app/shared/shared-instance/instance-features-table.component.scss
@@ -34,6 +34,11 @@ table {
     font-weight: $font-semibold;
     color: pvar(--mainForegroundColor);
   }
-}
-
 
+  .plugin,
+  .theme {
+    &:not(:last-child):after {
+      content: '•';
+    }
+  }
+}