chore: readability tweaks

Author: justandras

packages/webui/src/client/styles/countdown/presenter.scss

@@ -59,9 +59,9 @@ $hold-status-color: $liveline-timecode-color;
 					linear-gradient(
 						90deg,
 						rgba(223, 0, 0, 0) 0%,
-						rgba(223, 0, 0, 0) 50%,
-						rgba(116, 0, 0, 0.808) 69%,
-						rgba(0, 0, 0, 0.8) 74%
+						rgba(223, 0, 0, 0) 60%,
+						rgba(116, 0, 0, 0.808) 70%,
+						rgba(0, 0, 0, 0.8) 75%
 					),
 					$general-live-color;
 				color: #fff;

packages/webui/src/client/styles/prompter.scss

@@ -131,15 +131,7 @@ body.prompter-scrollbar {
 		&.live {
 			//border-bottom: 0.2em solid #f55;
 			// Layer the director-style gradient over the live color
-			background:
-				linear-gradient(
-					90deg,
-					rgba(223, 0, 0, 0) 0%,
-					rgba(223, 0, 0, 0) 50%,
-					rgba(116, 0, 0, 0.808) 68%,
-					rgba(0, 0, 0, 0.8) 73%
-				),
-				$general-live-color;
+			background: $general-live-color;
 			color: #fff;
 			-webkit-text-stroke: black;
 			-webkit-text-stroke-width: 0.025em;
@@ -293,6 +285,7 @@ body.prompter-scrollbar {
 	top: 0;
 	right: 0;
 	font-size: 9vmin;
+	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.5);
 }
 
 .prompter-rundown-status-bar {

packages/webui/src/client/styles/tTimerDisplay.scss

@@ -43,7 +43,8 @@
 				'YTLC' 548,
 				'YTDE' -203,
 				'YTUC' 712;
-			letter-spacing: 0.0001em;
+			letter-spacing: 0.005em;
+			text-transform: none;
 			font-size: 1.3em;
 			padding-left: 0.125em;
 			color: #fff;