diff options
Diffstat (limited to 'ui/src/app/app.component.html')
| -rw-r--r-- | ui/src/app/app.component.html | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/ui/src/app/app.component.html b/ui/src/app/app.component.html index 248ea76..3fc9bd2 100644 --- a/ui/src/app/app.component.html +++ b/ui/src/app/app.component.html @@ -13,8 +13,12 @@ </div> --> <div> - <span class="text-white">Toggle Theme</span> - <input style="margin: 1rem;" type="checkbox" [ngModel]="this.darkMode" aria-label="Toggle theme" (change)="themeChanged()"> + <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> + </button> </div> </nav> |