changes to the theme toggle button

2021-12-17 19:30:20 +02:00
parent 61900a7ba8
commit 498e30c633
6 changed files with 1339 additions and 1467 deletions
--- a/ui/src/app/app.component.html
+++ b/ui/src/app/app.component.html
@@ -12,12 +12,9 @@
    </ul>
  </div>
  -->
-  <div>
-    <button class="btn btn-secondary" aria-label="Toggle theme" (click)="themeChanged()">
-      <i *ngIf="darkMode; else sunIcon" class="bi bi-sun-fill"></i>
-      <ng-template #sunIcon>
-        <i class="bi bi-moon-stars-fill"></i>
-      </ng-template>
+  <div class="ml-auto">
+    <button class="btn btn-outline-light button-toggle-theme" aria-label="Toggle theme" (click)="themeChanged()">
+      <fa-icon [icon]="darkMode ? faSun : faMoon"></fa-icon>
    </button>
  </div>
 </nav>