jbc.lol
unoffical wafrn mirror
wafrn.net
atproto
social-network
activitypub
1<mat-form-field class="block w-full mat-form-field-no-padding" floatLabel="always">
2 <mat-label>{{ 'settings.theme' | translate }}</mat-label>
3 <mat-select [value]="colorScheme()" (selectionChange)="setTheme($event)">
4 @for (group of colorSchemeGroupList | KeyValue; track $index) {
5 <mat-optgroup [label]="group.value.name" class="theme-group">
6 @for (entry of group.value.entries; track $index) {
7 <mat-option [value]="entry">{{ colorSchemeData[entry].name }}</mat-option>
8 }
9 </mat-optgroup>
10 }
11 </mat-select>
12</mat-form-field>
13<p class="setting-description">{{ 'settings.themeDescription' | translate }}</p>
14<mat-form-field class="block w-full mat-form-field-no-padding" floatLabel="always">
15 <mat-label>{{ 'settings.lightDarkMode' | translate }}</mat-label>
16 <mat-select [value]="lightDarkMode()" (selectionChange)="setLightDarkMode($event)">
17 @for (entry of colorThemeData | KeyValue; track $index) {
18 <mat-option [value]="entry.key">{{ entry.value }}</mat-option>
19 }
20 </mat-select>
21</mat-form-field>
22<p class="setting-description">{{ 'settings.lightDarkModeDescription' | translate }}</p>
23<mat-form-field class="block w-full mat-form-field-no-padding" floatLabel="always">
24 <mat-label>{{ 'settings.additionalStyleModes' | translate }}</mat-label>
25 <mat-select [(value)]="additionalStyleModesSelect" (selectionChange)="setAdditionalStyleModes($event)" multiple>
26 @for (entry of additionalStyleModesData | KeyValue; track $index) {
27 <mat-option [value]="entry.key">{{ entry.value.name }}</mat-option>
28 }
29 </mat-select>
30</mat-form-field>
31<p class="setting-description">{{ 'settings.additionalStyleModesDescription' | translate }}</p>