funky-framadate-front/src/app/shared/components/selectors/theme-selector/theme-selector.component.html

<div class="columns">
	<div class="column">
		<div class="buttons has-addons">
			<button
				class="button"
				[ngClass]="{ 'is-active': (currentTheme | async) === themeEnum.LIGHT }"
				(click)="selectTheme('LIGHT')"
			>
				<i class="fa fa-sun-o" aria-hidden="true"></i>
			</button>
			<button
				class="button"
				[ngClass]="{ 'is-active': (currentTheme | async) === themeEnum.DARK }"
				(click)="selectTheme('DARK')"
			>
				<i class="fa fa-moon" aria-hidden="true"></i>
			</button>
			<button
				class="button"
				[ngClass]="{ 'is-active': (currentTheme | async) === themeEnum.RED }"
				(click)="selectTheme('RED')"
			>
				<i class="fa fa-adjust" aria-hidden="true"></i>
			</button>
		</div>
	</div>
</div>