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> <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> </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); $theme-accent: mat-palette($mat-accent, main, lighter, darker);
body { body {
--warn-color: #ff0000; --warn-color: #ffffff;
--warn-lighter-color: #ffb3b3; --warn-lighter-color: #ffffff;
--warn-darker-color: #ff0000; --warn-darker-color: #ffffff;
--text-warn-color: #{$light-primary-text}; --text-warn-color: #{$dark-primary-text};
--text-warn-lighter-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: ( $mat-warn: (
main: #ff0000, main: #ffffff,
lighter: #ffb3b3, lighter: #ffffff,
darker: #ff0000, darker: #ffffff,
200: #ff0000, // For slide toggle, 200: #ffffff, // For slide toggle,
contrast : ( contrast : (
main: $light-primary-text, main: $dark-primary-text,
lighter: $dark-primary-text, lighter: $dark-primary-text,
darker: $light-primary-text, darker: $dark-primary-text,
) )
); );
$theme-warn: mat-palette($mat-warn, main, lighter, darker);; $theme-warn: mat-palette($mat-warn, main, lighter, darker);;