color selected displays checkboxes to show loading status

server/styles/scss/_page.scss

@@ -1,3 +1,5 @@
+@use 'shared/_utils'as u;
+
 @font-face {
 	font-family: "Star4000";
 	src: url('../fonts/Star4000.woff') format('woff');
@@ -312,11 +314,17 @@ button {
 
 #enabledDisplays {
 	margin-bottom: 15px;
-}
+	@include u.status-colors();
 
-#enabledDisplays label {
-	display: block;
-	max-width: 300px;
+	.press-here {
+		color: white;
+	}
+
+	label {
+		display: block;
+		max-width: 300px;
+
+	}
 }
 
 #divTwcBottom img {

server/styles/scss/_progress.scss

@@ -37,27 +37,7 @@
 					padding-left: 4px;
 				}
 
-				.loading,
-				.retrying {
-					color: #ffff00;
-				}
-
-				.press-here {
-					color: #00ff00;
-					cursor: pointer;
-				}
-
-				.failed {
-					color: #ff0000;
-				}
-
-				.no-data {
-					color: #C0C0C0;
-				}
-
-				.disabled {
-					color: #C0C0C0;
-				}
+				@include u.status-colors();
 
 				&.loading .loading,
 				&.press-here .press-here,

server/styles/scss/shared/_utils.scss

@@ -14,4 +14,29 @@
 		0 $outline 0 c.$text-shadow,
 		(-$outline) $outline 0 c.$text-shadow,
 		(-$outline) 0 0 c.$text-shadow;
+}
+
+@mixin status-colors() {
+
+	.loading,
+	.retrying {
+		color: #ffff00;
+	}
+
+	.press-here {
+		color: #00ff00;
+		cursor: pointer;
+	}
+
+	.failed {
+		color: #ff0000;
+	}
+
+	.no-data {
+		color: #C0C0C0;
+	}
+
+	.disabled {
+		color: #C0C0C0;
+	}
 }