hft-informatik/geovisualisierung
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change auto refresh toggle color

Browse Source
This commit is contained in:
Marcel Schwarz 2021-01-15 12:23:39 +01:00
parent 5bc58b8df9
commit b9c628b505
2 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
projects/project-3/frontend/src/app/map/auto-refresh/auto-refresh.component.html
View File

@ -1,3 +1,5 @@
<div>
<mat-slide-toggle [(ngModel)]="isFlagActive" (ngModelChange)="onChange($event)">auto refresh</mat-slide-toggle>
<mat-slide-toggle [(ngModel)]="isFlagActive" (ngModelChange)="onChange($event)" color="warn">
auto refresh
</mat-slide-toggle>
</div>

22
projects/project-3/frontend/src/theme.scss
View File

@ -191,23 +191,23 @@ $mat-accent: (
$theme-accent: mat-palette($mat-accent, main, lighter, darker);
body {
--warn-color: #ff0000;
--warn-lighter-color: #ffb3b3;
--warn-darker-color: #ff0000;
--text-warn-color: #{$light-primary-text};
--warn-color: #ffffff;
--warn-lighter-color: #ffffff;
--warn-darker-color: #ffffff;
--text-warn-color: #{$dark-primary-text};
--text-warn-lighter-color: #{$dark-primary-text};
--text-warn-darker-color: #{$light-primary-text};
--text-warn-darker-color: #{$dark-primary-text};
}
$mat-warn: (
main: #ff0000,
lighter: #ffb3b3,
darker: #ff0000,
200: #ff0000, // For slide toggle,
main: #ffffff,
lighter: #ffffff,
darker: #ffffff,
200: #ffffff, // For slide toggle,
contrast : (
main: $light-primary-text,
main: $dark-primary-text,
lighter: $dark-primary-text,
darker: $light-primary-text,
darker: $dark-primary-text,
)
);
$theme-warn: mat-palette($mat-warn, main, lighter, darker);;