Change the text color if the bg is dark

agatemosu · Jul 24, 2024 · e90348e · e90348e
1 parent c413cbd
commit e90348e
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/script.js b/script.js
@@ -57,16 +57,17 @@ function createColorPicker(colorPicker, tierLabel, defaultColor) {
 	});
 
 	pickr.on("save", (color) => {
-		let selectedColor;
-
 		if (color === null) {
 			pickr.setColor(clearColor);
-			selectedColor = clearColor;
-		} else {
-			selectedColor = color.toHEXA().toString();
+			return;
 		}
 
-		tierLabel.style.backgroundColor = selectedColor;
+		const hsl = color.toHSLA();
+		const lightness = hsl[2];
+
+		tierLabel.style.backgroundColor = color.toHEXA().toString();
+		tierLabel.style.color = lightness < 50 ? "white" : "black";
+
 		pickr.hide();
 	});
 }