fix(Studio-Screen Source Layer Type): correct step counter background

Author: jstarpl

meteor/client/styles/_itemTypeColors.scss

@@ -35,6 +35,8 @@ $segment-layer-background-local: #9a2bd8;
 $segment-layer-background-local--second: darken($segment-layer-background-local, 10%);
 $segment-layer-background-studio-screen: #641fb3;
 
+$step-counter-background-studio-screen: #2a005b;
+
 $segment-item-disabled-background: #898989;
 $segment-item-disabled-color: #c9c9c9;
 
@@ -78,6 +80,10 @@ $layer-types: join($layer-types-solid, $layer-types-gradient);
 			}
 		}
 	}
+
+	&.studio-screen {
+		--segment-piece-step-counter-background: #{$step-counter-background-studio-screen};
+	}
 }
 
 @mixin piece-colors {
@@ -251,6 +257,10 @@ $layer-types: join($layer-types-solid, $layer-types-gradient);
 			}
 		}
 	}
+
+	&.studio-screen {
+		--segment-piece-step-counter-background: #{$step-counter-background-studio-screen};
+	}
 }
 
 @mixin item-type-borders {

meteor/client/styles/rundownView.scss

@@ -2149,7 +2149,7 @@ svg.icon {
 					vertical-align: top;
 					margin-right: 0.2em;
 					margin-top: 0.1em;
-					background: $segment-piece-step-counter-background;
+					background: var(--segment-piece-step-counter-background, #{$segment-piece-step-counter-background});
 					display: inline-block;
 					padding: 0 0.3em;
 					color: $segment-piece-step-counter;
@@ -2907,7 +2907,7 @@ svg.icon {
 			position: absolute;
 			top: 0;
 			left: 0;
-			background: $segment-piece-step-counter-background;
+			background: var(--segment-piece-step-counter-background, #{$segment-piece-step-counter-background});
 			padding: 0 0.2em;
 			font-weight: 400;
 			text-shadow: 0 0 1px #000, 0.5px 0.5px 8px rgba(0, 0, 0, 0.8);
@@ -3282,7 +3282,7 @@ svg.icon {
 .segment-storyboard__piece__step-chevron,
 .segment-opl__main-piece__label__step-chevron {
 	margin-right: 0.2em;
-	background: $segment-piece-step-counter-background;
+	background: var(--segment-piece-step-counter-background, #{$segment-piece-step-counter-background});
 	display: inline-block;
 	padding: 0 0.2em;
 	color: $segment-piece-step-counter;