Fix scss lint

3 files changed, 10 insertions, 3 deletions

diff --git a/client/src/app/+admin/overview/users/user-edit/user-edit.component.scss b/client/src/app/+admin/overview/users/user-edit/user-edit.component.scss
index 698628149..73a23eb7f 100644
--- a/client/src/app/+admin/overview/users/user-edit/user-edit.component.scss
+++ b/client/src/app/+admin/overview/users/user-edit/user-edit.component.scss
@@ -1,4 +1,6 @@
 @use 'sass:math';
+@use 'sass:color';
+
 @use '_variables' as *;
 @use '_mixins' as *;
 
@@ -8,7 +10,7 @@ $form-base-input-width: 340px;
   @include settings-big-title;
 
   &.account-title-danger {
-    color: lighten($color: #c54130, $amount: 10);
+    color: color.adjust($color: #c54130, $lightness: 10%);
   }
 }
 
diff --git a/client/src/app/+admin/overview/users/user-list/user-list.component.scss b/client/src/app/+admin/overview/users/user-list/user-list.component.scss
index 559a00251..1c4ca533f 100644
--- a/client/src/app/+admin/overview/users/user-list/user-list.component.scss
+++ b/client/src/app/+admin/overview/users/user-list/user-list.component.scss
@@ -1,9 +1,12 @@
+@use 'sass:color';
+
 @use '_variables' as *;
 @use '_mixins' as *;
+
 @use 'bootstrap/scss/functions' as *;
 
 tr.banned > td {
-  background-color: lighten($color: $red, $amount: 40) !important;
+  background-color: color.adjust($color: $red, $lightness: 40%) !important;
 }
 
 .banned-info {
diff --git a/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss b/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
index 3d686a146..5d406ed5d 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 @use '_variables' as *;
 @use '_mixins' as *;
 @use 'bootstrap/scss/functions' as *;
@@ -6,7 +8,7 @@
   @include settings-big-title;
 
   &.account-title-danger {
-    color: lighten($color: #c54130, $amount: 10);
+    color: color.adjust($color: #c54130, $lightness: 10%);
   }
 }