Fix deprecated darken function

Automattic · Oct 30, 2024 · 13c77c0 · 13c77c0
1 parent ccfa9a5
commit 13c77c0
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 32 deletions.
diff --git a/assets/admin/students/student-modal/student-modal.scss b/assets/admin/students/student-modal/student-modal.scss
@@ -57,8 +57,8 @@
 			box-shadow: inset 0 0 0 1px $alert-red;
 
 			&:hover:not(:disabled) {
-				color: darken($alert-red, 20%);
-				box-shadow: inset 0 0 0 1px darken($alert-red, 20%);
+				color: adjust-color($alert-red, $lightness: -20%);
+				box-shadow: inset 0 0 0 1px adjust-color($alert-red, $lightness: -20%);
 			}
 
 			&:focus:not(:disabled) {

diff --git a/assets/css/course-editor.scss b/assets/css/course-editor.scss
@@ -72,8 +72,8 @@ $secondary: #0693e3;
 				}
 
 				&:focus {
-					background-color: darken($primary, 5%);
-					border-color: darken($primary, 5%);
+					background-color: adjust-color($primary, $lightness: -5%);
+					border-color: adjust-color($primary, $lightness: -5%);
 					box-shadow: 0 0 0 1px #fff, 0 0 0 3px $primary;
 				}
 

diff --git a/assets/css/frontend.scss b/assets/css/frontend.scss
@@ -228,7 +228,7 @@ a.sensei-certificate-link {
 		@include border_radius(5px);
 		color: #fff;
 		font-weight: bold;
-		background: darken($bg_dark, 5%);
+		background: adjust-color($bg_dark, $lightness: -5%);
 		display: inline-block;
 
 		&:before {
@@ -932,7 +932,7 @@ section.entry span.course-lesson-progress {
 	font-size: 16px;
 	position: relative;
 	margin: 20px 0; /* Just for demo spacing */
-	background: darken($bg_light, 5%);
+	background: adjust-color($bg_light, $lightness: -5%);
 	-moz-border-radius: 25px;
 	-webkit-border-radius: 25px;
 	border-radius: 25px;
@@ -1014,10 +1014,10 @@ section.entry span.course-lesson-progress {
 			}
 
 			a {
-				color: darken($error, 10%);
+				color: adjust-color($error, $lightness: -10%);
 
 				&:hover {
-					color: darken($error, 15%);
+					color: adjust-color($error, $lightness: -15%);
 				}
 			}
 		}
@@ -1031,10 +1031,10 @@ section.entry span.course-lesson-progress {
 			}
 
 			a {
-				color: darken($success, 10%);;
+				color: adjust-color($success, $lightness: -10%);
 
 				&:hover {
-					color: darken($success, 15%);
+					color: adjust-color($success, $lightness: -15%);
 				}
 			}
 		}
@@ -1113,8 +1113,8 @@ section.entry span.course-lesson-progress {
 			text-transform: uppercase;
 			float: right;
 			background: none;
-			color: darken($success, 10%);
-			border: 2px solid darken($success, 10%);
+			color: adjust-color($success, $lightness: -10%);
+			border: 2px solid adjust-color($success, $lightness: -10%);
 
 			&:hover {
 				background: $success;
@@ -1154,7 +1154,7 @@ section.entry span.course-lesson-progress {
 		}
 
 		&:hover {
-			background: darken($bg_light, 3%);
+			background: adjust-color($bg_light, $lightness: -3%);
 		}
 	}
 }

diff --git a/assets/css/notices.scss b/assets/css/notices.scss
@@ -51,10 +51,10 @@
 		}
 
 		a {
-			color: darken($color_body, 10%);
+			color: adjust-color($color_body, $lightness: -10%);
 
 			&:hover {
-				color: darken($color_body, 15%);
+				color: adjust-color($color_body, $lightness: -15%);
 			}
 		}
 	}
@@ -68,10 +68,10 @@
 		}
 
 		a {
-			color: darken($error, 10%);
+			color: adjust-color($error, $lightness: -10%);
 
 			&:hover {
-				color: darken($error, 15%);
+				color: adjust-color($error, $lightness: -15%);
 			}
 		}
 	}
@@ -85,10 +85,10 @@
 		}
 
 		a {
-			color: darken($success, 10%);
+			color: adjust-color($success, $lightness: -10%);
 
 			&:hover {
-				color: darken($success, 15%);
+				color: adjust-color($success, $lightness: -15%);
 			}
 		}
 	}

diff --git a/assets/css/settings.scss b/assets/css/settings.scss
@@ -306,7 +306,7 @@ table.wp_list_table_grading_mains, {
 		}
 
 		.not-enrolled {
-			background: darken($bg_light, 5%);
+			background: adjust-color($bg_light, $lightness: -5%);
 		}
 
 		.enrolled {
@@ -325,7 +325,7 @@ table.wp_list_table_grading_mains, {
 table.wp_list_table_grading_mains {
 	.user_status {
 		.ungraded {
-			background: darken($bg_light, 5%);
+			background: adjust-color($bg_light, $lightness: -5%);
 		}
 
 		.in-progress {
@@ -452,7 +452,7 @@ table.wp_list_table_sensei_learner_admins {
 	}
 
 	.does-not-provide-enrolment {
-		color: darken($bg_light, 40%);
+		color: adjust-color($bg_light, $lightness: -40%);
 
 		&:before {
 			font-family: dashicons;
@@ -532,7 +532,7 @@ table.wp_list_table_sensei_learner_admins {
 		&.user_right {
 			.grading-mark.icon_right {
 				&:after {
-					color: darken($success, 15%) !important;
+					color: adjust-color($success, $lightness: -15%) !important;
 				}
 			}
 
@@ -546,7 +546,7 @@ table.wp_list_table_sensei_learner_admins {
 		&.user_wrong {
 			.grading-mark.icon_wrong {
 				&:after {
-					color: darken($error, 15%) !important;
+					color: adjust-color($error, $lightness: -15%) !important;
 				}
 			}
 
@@ -683,7 +683,7 @@ table.wp_list_table_sensei_learner_admins {
 
 					&:hover {
 						&:after {
-							color: darken($success, 7%);
+							color: adjust-color($success, $lightness: -7%);
 						}
 					}
 				}
@@ -696,7 +696,7 @@ table.wp_list_table_sensei_learner_admins {
 
 					&:hover {
 						&:after {
-							color: darken($error, 7%);
+							color: adjust-color($error, $lightness: -7%);
 						}
 					}
 				}

diff --git a/assets/shared/styles/wp-admin.scss b/assets/shared/styles/wp-admin.scss
@@ -14,8 +14,8 @@
 	}
 
 	&:focus {
-		color: darken($primary, 5%);
-		border-color: darken($primary, 5%);
+		color: adjust-color($primary, $lightness: -5%);
+		border-color: adjust-color($primary, $lightness: -5%);
 	}
 }
 
@@ -31,8 +31,8 @@
 	}
 
 	&:focus {
-		background-color: darken($primary, 5%);
-		border-color: darken($primary, 5%);
+		background-color: adjust-color($primary, $lightness: -5%);
+		border-color: adjust-color($primary, $lightness: -5%);
 		box-shadow: 0 0 0 1px $white, 0 0 0 3px $primary;
 	}
 

diff --git a/assets/shared/styles/wp-components.scss b/assets/shared/styles/wp-components.scss
@@ -44,7 +44,7 @@ body.sensei-color {
 			}
 
 			&:not(.components-button):focus {
-				color: darken($link, 20%);
+				color: adjust-color($link, $lightness: -20%);
 				box-shadow: 0 0 0 1px $link-primary, 0 0 2px 1px rgba($link-primary, 0.8);
 			}
 		}
@@ -58,7 +58,7 @@ body.sensei-color {
 			}
 
 			&:focus {
-				color: darken($link-primary, 20%);
+				color: adjust-color($link-primary, $lightness: -20%);
 			}
 		}