Fix themes in about page

diff --git a/client/src/app/+about/about-instance/about-instance.component.html b/client/src/app/+about/about-instance/about-instance.component.html
index bb337fdf307f6d0e4b1f24eae280d59f3f2f2fba..40602311cef9316f4ee0dd2be3419bac612046a0 100644 (file)
--- a/client/src/app/+about/about-instance/about-instance.component.html
+++ b/client/src/app/+about/about-instance/about-instance.component.html
@@ -7,7 +7,7 @@
       <button i18n *ngIf="isContactFormEnabled" (click)="openContactModal()" (keydown.enter)="openContactModal()" class="contact-admin">Contact administrator</button>
     </div>
 
-    <div class="block instance-badges">
+    <div class="block instance-badges" *ngIf="categories.length !== 0 || languages.length !== 0">
       <span *ngFor="let category of categories" class="badge badge-primary category">{{ category }}</span>
 
       <span *ngFor="let language of languages" class="badge badge-secondary language">{{ language }}</span>

diff --git a/client/src/app/+about/about-instance/about-instance.component.scss b/client/src/app/+about/about-instance/about-instance.component.scss
index fe3ce22b0bb589afb42b0d615255b11c4753fc9a..aa6e5ab19ec635b4f5d85e2edf2cc1f758cd71cf 100644 (file)
--- a/client/src/app/+about/about-instance/about-instance.component.scss
+++ b/client/src/app/+about/about-instance/about-instance.component.scss
@@ -75,6 +75,6 @@
   }
 
   .section-title {
-    color: initial;
+    color: var(--mainForegroundColor);
   }
 }