diff --git a/resources/assets/stylesheets/scss/big-image-handler.scss b/resources/assets/stylesheets/scss/big-image-handler.scss
index 30504a36f89f0a7fbc190b6b33a3c064be8a8b64..863ab345fdb9447cdb5fb1276fd971cafd745cb8 100644
--- a/resources/assets/stylesheets/scss/big-image-handler.scss
+++ b/resources/assets/stylesheets/scss/big-image-handler.scss
@@ -1,4 +1,4 @@
-$bg-big-image-handler: mix($black, $white, 30%);
+$bg-big-image-handler: fade-out($black, 0.3);
 
 .oversized-image {
     cursor: zoom-in;
@@ -31,7 +31,7 @@ $bg-big-image-handler: mix($black, $white, 30%);
         background-repeat: no-repeat;
         background-size: contain;
         border: 1px solid $white;
-        box-shadow: 0 0 20px mix($black, $white, 50%);
+        box-shadow: 0 0 20px fade-out($white, 0.5);
         display: block;
         max-width: 98%;
         max-height: 98%;
diff --git a/resources/assets/stylesheets/scss/dialog.scss b/resources/assets/stylesheets/scss/dialog.scss
index 81804ec5c8d92a2a3933780bfe896d419a6fe6cd..d273ccb9d91e3efe4fee2adbd360650b7927fa3e 100644
--- a/resources/assets/stylesheets/scss/dialog.scss
+++ b/resources/assets/stylesheets/scss/dialog.scss
@@ -1,5 +1,5 @@
 .ui-widget-overlay {
-    background: transparentize($base-gray, .2);
+    background: fade-out($base-gray, 0.2);
     opacity: 1;
     position: fixed;
 }
diff --git a/resources/assets/stylesheets/scss/studip-overlay.scss b/resources/assets/stylesheets/scss/studip-overlay.scss
index d7dbb928da2a944c387da73c7524ae2e386df86d..a3dd66a17a333263c77d64427dc15a9af1763c63 100644
--- a/resources/assets/stylesheets/scss/studip-overlay.scss
+++ b/resources/assets/stylesheets/scss/studip-overlay.scss
@@ -16,7 +16,7 @@
     bottom: 0;
 
     &-local {
-        background-color: mix($light-gray-color, $white, 50%);
+        background-color: fade-out($light-gray-color, 0.5);
         position: absolute;
     }
 
diff --git a/resources/assets/stylesheets/scss/studip-selection.scss b/resources/assets/stylesheets/scss/studip-selection.scss
index 6985dffad117b0bf00ac53c6118a11df3566e469..db539f1f797c22c35ac2e93986cd3697b9bea927 100644
--- a/resources/assets/stylesheets/scss/studip-selection.scss
+++ b/resources/assets/stylesheets/scss/studip-selection.scss
@@ -31,7 +31,7 @@
     }
 
     li.empty-placeholder {
-        color: mix($text-color, $white, 30%);
+        color: fade-out($text-color, 0.3);
 
         &:not(:only-child) {
             display: none;