diff --git a/src/app/components/shared/list-statistic/list-statistic.component.html b/src/app/components/shared/list-statistic/list-statistic.component.html index 46b857bed2e52b18d7f5a9f55d095a2a61e676f8..09912ff275e670f4a263ae2f989612cb34e4dd0c 100644 --- a/src/app/components/shared/list-statistic/list-statistic.component.html +++ b/src/app/components/shared/list-statistic/list-statistic.component.html @@ -1,9 +1,9 @@ <mat-toolbar></mat-toolbar> -<mat-progress-bar class="alternate-theme" mode="determinate" value="{{total}}" +<mat-progress-bar class="progress-theme" mode="determinate" value="{{total}}" *ngIf="total > 85" color="primary"></mat-progress-bar> -<mat-progress-bar class="alternate-theme" mode="determinate" value="{{total}}" +<mat-progress-bar class="progress-theme" mode="determinate" value="{{total}}" *ngIf="total < 85 && total > 49" color="accent"></mat-progress-bar> -<mat-progress-bar class="alternate-theme" mode="determinate" value="{{total}}" +<mat-progress-bar class="progress-theme" mode="determinate" value="{{total}}" *ngIf="total < 49" color="warn"></mat-progress-bar> <mat-toolbar></mat-toolbar> <table mat-table [dataSource]="dataSource" class="mat-elevation-z8"> diff --git a/src/theme/_theme.scss b/src/theme/_theme.scss index 31b6fa93216c0f5c2e4059e41319086453df614b..a13ef7ac2dd270b6882f904fe2be6102b6f6ad46 100644 --- a/src/theme/_theme.scss +++ b/src/theme/_theme.scss @@ -11,12 +11,12 @@ html, body { @import '_util.scss'; @import '_form.scss'; -.alternate-theme { - $alternate-primary: mat-palette($mat-light-green, 300); - $alternate-accent: mat-palette($mat-amber, 300); - $alternate-warn: mat-palette($mat-deep-orange, 300); +.progress-theme { + $progress-primary: mat-palette($mat-light-green, 300); + $progress-accent: mat-palette($mat-amber, 300); + $progress-warn: mat-palette($mat-deep-orange, 300); - $alternate-theme: mat-light-theme($alternate-primary, $alternate-accent, $alternate-warn); + $progress-theme: mat-light-theme($progress-primary, $progress-accent, $progress-warn); - @include angular-material-theme($alternate-theme); + @include angular-material-theme($progress-theme); }