diff --git a/source/style/hippie-style b/source/style/hippie-style
index cf8fc6b..b739dde 160000
--- a/source/style/hippie-style
+++ b/source/style/hippie-style
@@ -1 +1 @@
-Subproject commit cf8fc6bd5dcb24ad654ca6093e6e47520b8b0093
+Subproject commit b739ddefda35962192aadfc2ca86a11d996ab7c9
diff --git a/source/style/modules/demo/_demo_module.scss b/source/style/modules/demo/_demo_module.scss
index 0266f6c..f6cc23c 100644
--- a/source/style/modules/demo/_demo_module.scss
+++ b/source/style/modules/demo/_demo_module.scss
@@ -1,3 +1,5 @@
+@use "sass:color";
+
 .demo__intro {
 	@extend .sec_main_center;
 	@extend .sec_main_status;
@@ -33,12 +35,12 @@
 }
 
 .header_fancy {
-	background-color: transparentize($bravo_color, 0.4);
+	background-color: color.adjust($bravo_color, $alpha: -0.4);
 
 	nav {
 
 		a {
-			background-color: transparentize($alpha_color, 0.4);
+			background-color: color.adjust($alpha_color, $alpha: -0.4);
 			color: $alpha_color;
 
 			&:active,
@@ -56,7 +58,7 @@
 	top: 0;
 	left: 0;
 	width: 100%;
-	background-color: transparentize($charlie_color, 0.4);
+	background-color: color.adjust($charlie_color, $alpha: -0.4);
 
 	nav {
 
diff --git a/source/style/modules/portal/_portal_module.scss b/source/style/modules/portal/_portal_module.scss
index 6477b6b..786bf0e 100644
--- a/source/style/modules/portal/_portal_module.scss
+++ b/source/style/modules/portal/_portal_module.scss
@@ -1,3 +1,5 @@
+@use "sass:color";
+
 $portal_highlight: $color_highlight_basic;
 $portal_margin: $space_double;
 $portal_link_size: 128px;
@@ -66,7 +68,7 @@ $portal_icon_size: 64px;
   background-position: center;
 
   &:hover {
-    background-color: transparentize($portal_highlight, $amount: 0.2);
+    background-color: color.adjust($portal_highlight, $alpha: -0.2);
     border-color: $portal_highlight;
   }
 
diff --git a/source/style/modules/ui/_frame_module.scss b/source/style/modules/ui/_frame_module.scss
index a8e804d..dc339c2 100755
--- a/source/style/modules/ui/_frame_module.scss
+++ b/source/style/modules/ui/_frame_module.scss
@@ -1,3 +1,5 @@
+@use "sass:color";
+
 @mixin nav-spacer($name, $size, $orientation) {
 	.spacer.#{$name} {
 		width: $size;
@@ -35,7 +37,7 @@
 
 			&>header,
 			&>footer {
-				background-color: transparentize($color_back_io, .5);
+				background-color: color.adjust($color_back_io, $alpha: -.5);
 
 				&:hover {
 					background-color: $color_back_io;
diff --git a/source/style/modules/ui/_new_module.scss b/source/style/modules/ui/_new_module.scss
index 42946e2..e7279ce 100755
--- a/source/style/modules/ui/_new_module.scss
+++ b/source/style/modules/ui/_new_module.scss
@@ -1,3 +1,5 @@
+@use "sass:color";
+
 $module_top_height: 32px;
 $body_top_space: $module_top_height + $space_basic;
 
@@ -26,7 +28,7 @@ $body_top_space: $module_top_height + $space_basic;
 
 .item {
 	// height: unset;
-	border-color: darken($color_back_basic, $color_diff_tiny);
+	border-color: color.scale($color_back_basic, $lightness: -$color_diff_tiny);
 	border-style: dotted;
 	border-width: $width_border_8;
 	border-radius: $width_border_8;