diff --git a/CHANGELOG.md b/CHANGELOG.md
index e84eee07..d9a25cd7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # ChangeLog
 
+## HEAD
+
+- Fix Sass warnings
+
 ## 1.11.5 (2024-07-31)
 
 - Fix Sass warnings
diff --git a/_sass/whiteglass.scss b/_sass/whiteglass.scss
index 83a56163..e393e07b 100644
--- a/_sass/whiteglass.scss
+++ b/_sass/whiteglass.scss
@@ -13,8 +13,8 @@ $background-color: #fdfdfd !default;
 $brand-color:      #2568ba !default;
 
 $grey-color:       #757575 !default;
-$grey-color-light: lighten($grey-color, 45%) !default;
-$grey-color-dark:  darken($grey-color, 20%) !default;
+$grey-color-light: color.adjust($grey-color, $lightness: 45%) !default;
+$grey-color-dark:  color.adjust($grey-color, $lightness: -20%) !default;
 
 // Width of the content area
 $content-width:    800px !default;
diff --git a/_sass/whiteglass/_base.scss b/_sass/whiteglass/_base.scss
index 5478d42e..337c61be 100644
--- a/_sass/whiteglass/_base.scss
+++ b/_sass/whiteglass/_base.scss
@@ -110,7 +110,7 @@ a {
   text-decoration: none;
 
   &:visited {
-    color: darken($brand-color, 10%);
+    color: color.adjust($brand-color, $lightness: -10%);
   }
 
   &:hover {
diff --git a/assets/main.scss b/assets/main.scss
index 206f283c..55a7d1d0 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -18,8 +18,8 @@ $background-color: #fdfdfd;
 $brand-color:      #2568ba;
 
 $grey-color:       #757575;
-$grey-color-light: lighten($grey-color, 45%);
-$grey-color-dark:  darken($grey-color, 20%);
+$grey-color-light: color.adjust($grey-color, $lightness: 45%);
+$grey-color-dark:  color.adjust($grey-color, $lightness: -20%);
 
 // Width of the content area
 $content-width:    800px;