diff --git a/src/app/components/settings/settings.component.scss b/src/app/components/settings/settings.component.scss
index 672a6ef..b886fd1 100644
--- a/src/app/components/settings/settings.component.scss
+++ b/src/app/components/settings/settings.component.scss
@@ -1,12 +1,13 @@
 /* Settings */
 @use '@angular/material' as mat;
-@import 'src/styles/variable';
+@use 'src/styles/variable' as var;
+//@import 'src/styles/variable';
 
 .banner {
-    background-color: mat.get-color-from-palette($md-custom-warn, 700);
+    background-color: mat.get-color-from-palette(var.$md-custom-warn, 700);
     margin-bottom: 1rem;
     &.light {
-        background-color: mat.get-color-from-palette($md-custom-accent, 700);
+        background-color: mat.get-color-from-palette(var.$md-custom-accent, 700);
         color: #555;
         button {
             color: #555;