add theme

This commit is contained in:
Peter Maquiran
2022-10-20 15:45:10 +01:00
parent 46296f5f3e
commit a10f85a7d2
124 changed files with 1040 additions and 69 deletions
+7 -1
View File
@@ -38,13 +38,19 @@ export class BackgroundService {
document.body.style.setProperty(`--color5`, "#ececec");
this.storageservice.store('networkCheckStore','online');
} else {
} else if (this.themeservice.currentTheme == 'default') {
document.body.style.setProperty(`--color`, "#0782C9");
document.body.style.setProperty(`--color2`, "#45BAFF");
document.body.style.setProperty(`--color3`, "#0782C9");
document.body.style.setProperty(`--color4`, "#0782c9f0");
document.body.style.setProperty(`--color5`, "#45BAFF");
this.storageservice.store('networkCheckStore','online');
} else if (this.themeservice.currentTheme == 'doneIt') {
document.body.style.setProperty(`--color`, "#69B3E7");
document.body.style.setProperty(`--color2`, "#A5D1F1");
document.body.style.setProperty(`--color3`, "#69B3E7");
document.body.style.setProperty(`--color4`, "#69B3E7");
document.body.style.setProperty(`--color5`, "#A5D1F1");
}
}
@@ -16,6 +16,7 @@
<div class="pr-10">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-35" src="assets/images/icons-default-profile.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35" src="assets/images/theme/gov/icons-profile.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-profile.svg"></ion-icon>
</div>
<ion-label>
<h3>{{ attendee.Name }}</h3>
@@ -38,6 +39,7 @@
<div class="pr-10">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-35" src="assets/images/icons-default-profile.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35" src="assets/images/theme/gov/icons-profile.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-profile.svg"></ion-icon>
</div>
<ion-label>
<h3>{{ attendee.Name }}</h3>
@@ -57,6 +59,7 @@
<div class="pr-10">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="font-35" src="assets/images/icons-default-profile.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="font-35" src="assets/images/theme/gov/icons-profile.svg"></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="font-35" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-profile.svg"></ion-icon>
</div>
<ion-label>
<h3>{{ attendee.Name }}</h3>
+8
View File
@@ -49,6 +49,14 @@ export class ThemeService {
}
allows(args) {
if(!Array.isArray(args)) {
args = [args]
}
return args.includes(this.currentTheme)
}
saveTheme() {
}