2022-02-08 14:37:07 +01:00
|
|
|
<div class="columns theme-selector">
|
2020-05-12 19:16:23 +02:00
|
|
|
<div class="column">
|
2020-05-05 18:17:12 +02:00
|
|
|
<div class="buttons has-addons">
|
|
|
|
<button
|
|
|
|
[ngClass]="{ 'is-active': (currentTheme | async) === themeEnum.LIGHT }"
|
|
|
|
(click)="selectTheme('LIGHT')"
|
|
|
|
>
|
2020-05-12 19:16:23 +02:00
|
|
|
<i class="fa fa-sun-o" aria-hidden="true"></i>
|
2020-05-05 18:17:12 +02:00
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
[ngClass]="{ 'is-active': (currentTheme | async) === themeEnum.DARK }"
|
|
|
|
(click)="selectTheme('DARK')"
|
|
|
|
>
|
2020-05-12 19:16:23 +02:00
|
|
|
<i class="fa fa-moon" aria-hidden="true"></i>
|
2020-05-05 18:17:12 +02:00
|
|
|
</button>
|
2022-02-08 14:37:07 +01:00
|
|
|
<button [ngClass]="{ 'is-active': (currentTheme | async) === themeEnum.RED }" (click)="selectTheme('RED')">
|
2020-05-12 19:16:23 +02:00
|
|
|
<i class="fa fa-adjust" aria-hidden="true"></i>
|
2020-05-05 18:17:12 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|