25 lines
662 B
HTML
25 lines
662 B
HTML
|
<div class="buttons has-addons is-centered">
|
||
|
<button class="button is-small is-static">Theme</button>
|
||
|
<button
|
||
|
class="button is-small"
|
||
|
[ngClass]="{ 'is-active': (currentTheme | async) === themeEnum.LIGHT }"
|
||
|
(click)="selectTheme('LIGHT')"
|
||
|
>
|
||
|
<i class="fa fa-sun-o"></i>
|
||
|
</button>
|
||
|
<button
|
||
|
class="button is-small"
|
||
|
[ngClass]="{ 'is-active': (currentTheme | async) === themeEnum.DARK }"
|
||
|
(click)="selectTheme('DARK')"
|
||
|
>
|
||
|
<i class="fa fa-moon"></i>
|
||
|
</button>
|
||
|
<button
|
||
|
class="button is-small"
|
||
|
[ngClass]="{ 'is-active': (currentTheme | async) === themeEnum.RED }"
|
||
|
(click)="selectTheme('RED')"
|
||
|
>
|
||
|
<i class="fa fa-adjust"></i>
|
||
|
</button>
|
||
|
</div>
|