diff --git a/projects/project-3/frontend/src/app/map/auto-refresh/auto-refresh.component.html b/projects/project-3/frontend/src/app/map/auto-refresh/auto-refresh.component.html
index 52b3fa2..8480f0f 100644
--- a/projects/project-3/frontend/src/app/map/auto-refresh/auto-refresh.component.html
+++ b/projects/project-3/frontend/src/app/map/auto-refresh/auto-refresh.component.html
@@ -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>
diff --git a/projects/project-3/frontend/src/theme.scss b/projects/project-3/frontend/src/theme.scss
index 3e8b0af..4cbec53 100644
--- a/projects/project-3/frontend/src/theme.scss
+++ b/projects/project-3/frontend/src/theme.scss
@@ -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);;