funky-framadate-front/src/app/ui/selector/theme-selector/theme-selector.component.html

25 lines
789 B
HTML

<div class="theme-selector">
<h1 class="title">Thème</h1>
<span
class="choice btn"
[ngClass]="{ 'btn--primary': config.preferences.themeClass === 'theme-light-watermelon' }"
(click)="selectTheme('light-watermelon')"
>
<i class="fa fa-sun-o"></i> light
</span>
<span
class="choice btn"
[ngClass]="{ 'btn--primary': config.preferences.themeClass === 'theme-dark-crystal' }"
(click)="selectTheme('dark-crystal')"
>
<i class="fa fa-moon-o"></i> dark
</span>
<span
class="choice btn"
[ngClass]="{ 'btn--primary': config.preferences.themeClass === 'theme-hot-covid' }"
(click)="selectTheme('hot-covid')"
>
<i class="fa fa-wheelchair"></i> red
</span>
</div>