Updates the workspaces SVG selected row

src/webviews/apps/welcome/components/svg-workspaces.ts

@@ -38,12 +38,12 @@ export class BlameSvg extends LitElement {
 				</g> -->
 				<g class="row">
 					<rect x="0" y="45" width="100%" height="44" class="row-box-selected" />
-					<text x="30" y="71">
+					<text x="30" y="71" class="selected">
 						<tspan dx="2" dy="4" class="codicon">&#xeab4;</tspan>
 						<tspan dx="24" class="codicon">&#xebaa;</tspan>
 						<tspan dx="10" dy="-4">Frontend applications</tspan>
 					</text>
-					<text x="100%" y="71" text-anchor="end">
+					<text x="100%" y="71" text-anchor="end" class="selected">
 						<tspan dx="-10" dy="4" class="codicon">&#xea60;</tspan>
 						<tspan dx="12" class="codicon">&#xeb1a;</tspan>
 						<tspan dx="12" class="codicon">&#xeae4;</tspan>
@@ -165,6 +165,9 @@ export class BlameSvg extends LitElement {
 						stroke: var(--vscode-list-focusOutline);
 						stroke-width: 1;
 					}
+					.selected {
+						fill: var(--vscode-list-activeSelectionForeground);
+					}
 					.row:not(:hover) .row-actions {
 						display: none;
 					}

walkthroughs/welcome/workspaces-focus.svg

@@ -11,14 +11,14 @@
 				</g>
 				<g class="row">
 					<rect x="0" y="45" width="100%" height="44" class="row-box-selected" fill="var(--vscode-list-activeSelectionBackground)" stroke="var(--vscode-list-focusOutline)" stroke-width="1" />
-					<text x="111" y="71" fill="var(--vscode-foreground)" font-size="18">
+					<text x="111" y="71" font-size="18" fill="var(--vscode-list-activeSelectionForeground)">
 						<tspan>Frontend applications</tspan>
 					</text>
-					<svg x="822" y="59" width="17" height="16" viewBox="0 0 17 16" xmlns="http://www.w3.org/2000/svg" fill="var(--vscode-foreground)"><path d="M4.5 3.5H7.86V4.64H4.5V8H3.36V4.64H0V3.5H3.36V0.14H4.5V3.5ZM1.14 15.32V9.14H2.28V14.72H15.78V6.86H9V5.72H15.78V3.5H9V2.36H16.32L16.86 2.96V15.32L16.32 15.86H1.68L1.14 15.32Z"/></svg>
-					<svg x="791" y="59" width="10" height="15" viewBox="0 0 10 15"xmlns="http://www.w3.org/2000/svg" fill="var(--vscode-foreground)"><path d="M8.18 2C8.62 2.44 8.94 2.94 9.14 3.5C9.38 4.02 9.5 4.58 9.5 5.18C9.54 6.06 9.32 6.86 8.84 7.58L5.3 14.72H4.7L1.16 7.58C0.68 6.86 0.44 6.08 0.44 5.24C0.48 4.4 0.7 3.64 1.1 2.96C1.5 2.28 2.04 1.74 2.72 1.34C3.4 0.9 4.16 0.679999 5 0.679999C5.6 0.679999 6.18 0.799999 6.74 1.04C7.3 1.28 7.78 1.6 8.18 2ZM4.94 1.82C4.02 1.86 3.24 2.22 2.6 2.9C1.96 3.54 1.62 4.32 1.58 5.24C1.58 5.88 1.76 6.46 2.12 6.98L5 12.8L7.88 6.98C8.24 6.46 8.42 5.88 8.42 5.24C8.38 4.32 8.04 3.54 7.4 2.9C6.76 2.22 6 1.86 5.12 1.82H5H4.94ZM5.6 4.28C5.88 4.44 6.04 4.68 6.08 5C6.16 5.28 6.1 5.56 5.9 5.84C5.74 6.08 5.5 6.24 5.18 6.32C4.9 6.36 4.62 6.3 4.34 6.14C4.1 5.94 3.94 5.7 3.86 5.42C3.82 5.1 3.88 4.82 4.04 4.58C4.2 4.3 4.44 4.14 4.76 4.1C5.08 4.02 5.36 4.08 5.6 4.28ZM3.74 3.32C3.22 3.68 2.9 4.16 2.78 4.76C2.7 5.36 2.82 5.92 3.14 6.44C3.5 6.92 3.98 7.22 4.58 7.34C5.18 7.46 5.72 7.36 6.2 7.04C6.56 6.84 6.82 6.56 6.98 6.2C7.18 5.84 7.26 5.46 7.22 5.06C7.22 4.62 7.1 4.24 6.86 3.92C6.66 3.56 6.38 3.3 6.02 3.14C5.66 2.94 5.26 2.86 4.82 2.9C4.42 2.94 4.06 3.08 3.74 3.32Z"/></svg>
-					<svg x="754" y="59" width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" fill="var(--vscode-foreground)"><path d="M14.78 6.86V8H8V14.72H6.86V8H0.14V6.86H6.86V0.14H8V6.86H14.78Z"/></svg>
-					<svg x="33" y="63" width="12" height="7" viewBox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" fill="var(--vscode-foreground)"><path d="M6 5.34L10.86 0.419999L11.58 1.14L6.3 6.36H5.64L0.36 1.14L1.08 0.419999L6 5.34Z"/></svg>
-					<svg x="79" y="60" width="16" height="11" viewBox="0 0 16 11" xmlns="http://www.w3.org/2000/svg" fill="var(--vscode-foreground)"><path d="M12.44 3.72H12.5C13.42 3.76 14.2 4.1 14.84 4.74C15.52 5.38 15.86 6.18 15.86 7.14C15.86 8.06 15.52 8.86 14.84 9.54C14.2 10.18 13.42 10.5 12.5 10.5H4.1C3.54 10.5 3 10.4 2.48 10.2C1.96 9.96 1.52 9.62 1.16 9.18C0.68 8.66 0.36 8.06 0.2 7.38C0.08 6.66 0.12 5.96 0.32 5.28C0.56 4.6 0.94 4.04 1.46 3.6C2.02 3.12 2.64 2.82 3.32 2.7C3.88 2.58 4.44 2.6 5 2.76C5.36 1.96 5.92 1.34 6.68 0.899999C7.44 0.46 8.24 0.3 9.08 0.42C9.96 0.54 10.7 0.92 11.3 1.56C11.94 2.16 12.32 2.88 12.44 3.72ZM4.64 9.36H12.5C13.14 9.36 13.68 9.14 14.12 8.7C14.56 8.26 14.78 7.74 14.78 7.14C14.78 6.5 14.56 5.96 14.12 5.52C13.68 5.08 13.14 4.86 12.5 4.86H11.48L11.36 3.9C11.28 3.3 11 2.78 10.52 2.34C10.08 1.9 9.54 1.64 8.9 1.56C8.3 1.44 7.72 1.54 7.16 1.86C6.64 2.18 6.26 2.62 6.02 3.18L5.66 4.02L4.7 3.84C4.5 3.8 4.3 3.76 4.1 3.72C3.3 3.72 2.64 4 2.12 4.56C1.72 4.96 1.46 5.44 1.34 6C1.22 6.56 1.26 7.1 1.46 7.62C1.7 8.14 2.06 8.56 2.54 8.88C3.02 9.2 3.54 9.36 4.1 9.36H4.64Z"/></svg>
+					<svg x="822" y="59" width="17" height="16" viewBox="0 0 17 16" xmlns="http://www.w3.org/2000/svg" fill="var(--vscode-list-activeSelectionForeground)"><path d="M4.5 3.5H7.86V4.64H4.5V8H3.36V4.64H0V3.5H3.36V0.14H4.5V3.5ZM1.14 15.32V9.14H2.28V14.72H15.78V6.86H9V5.72H15.78V3.5H9V2.36H16.32L16.86 2.96V15.32L16.32 15.86H1.68L1.14 15.32Z"/></svg>
+					<svg x="791" y="59" width="10" height="15" viewBox="0 0 10 15"xmlns="http://www.w3.org/2000/svg" fill="var(--vscode-list-activeSelectionForeground)"><path d="M8.18 2C8.62 2.44 8.94 2.94 9.14 3.5C9.38 4.02 9.5 4.58 9.5 5.18C9.54 6.06 9.32 6.86 8.84 7.58L5.3 14.72H4.7L1.16 7.58C0.68 6.86 0.44 6.08 0.44 5.24C0.48 4.4 0.7 3.64 1.1 2.96C1.5 2.28 2.04 1.74 2.72 1.34C3.4 0.9 4.16 0.679999 5 0.679999C5.6 0.679999 6.18 0.799999 6.74 1.04C7.3 1.28 7.78 1.6 8.18 2ZM4.94 1.82C4.02 1.86 3.24 2.22 2.6 2.9C1.96 3.54 1.62 4.32 1.58 5.24C1.58 5.88 1.76 6.46 2.12 6.98L5 12.8L7.88 6.98C8.24 6.46 8.42 5.88 8.42 5.24C8.38 4.32 8.04 3.54 7.4 2.9C6.76 2.22 6 1.86 5.12 1.82H5H4.94ZM5.6 4.28C5.88 4.44 6.04 4.68 6.08 5C6.16 5.28 6.1 5.56 5.9 5.84C5.74 6.08 5.5 6.24 5.18 6.32C4.9 6.36 4.62 6.3 4.34 6.14C4.1 5.94 3.94 5.7 3.86 5.42C3.82 5.1 3.88 4.82 4.04 4.58C4.2 4.3 4.44 4.14 4.76 4.1C5.08 4.02 5.36 4.08 5.6 4.28ZM3.74 3.32C3.22 3.68 2.9 4.16 2.78 4.76C2.7 5.36 2.82 5.92 3.14 6.44C3.5 6.92 3.98 7.22 4.58 7.34C5.18 7.46 5.72 7.36 6.2 7.04C6.56 6.84 6.82 6.56 6.98 6.2C7.18 5.84 7.26 5.46 7.22 5.06C7.22 4.62 7.1 4.24 6.86 3.92C6.66 3.56 6.38 3.3 6.02 3.14C5.66 2.94 5.26 2.86 4.82 2.9C4.42 2.94 4.06 3.08 3.74 3.32Z"/></svg>
+					<svg x="754" y="59" width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" fill="var(--vscode-list-activeSelectionForeground)"><path d="M14.78 6.86V8H8V14.72H6.86V8H0.14V6.86H6.86V0.14H8V6.86H14.78Z"/></svg>
+					<svg x="33" y="63" width="12" height="7" viewBox="0 0 12 7" xmlns="http://www.w3.org/2000/svg" fill="var(--vscode-list-activeSelectionForeground)"><path d="M6 5.34L10.86 0.419999L11.58 1.14L6.3 6.36H5.64L0.36 1.14L1.08 0.419999L6 5.34Z"/></svg>
+					<svg x="79" y="60" width="16" height="11" viewBox="0 0 16 11" xmlns="http://www.w3.org/2000/svg" fill="var(--vscode-list-activeSelectionForeground)"><path d="M12.44 3.72H12.5C13.42 3.76 14.2 4.1 14.84 4.74C15.52 5.38 15.86 6.18 15.86 7.14C15.86 8.06 15.52 8.86 14.84 9.54C14.2 10.18 13.42 10.5 12.5 10.5H4.1C3.54 10.5 3 10.4 2.48 10.2C1.96 9.96 1.52 9.62 1.16 9.18C0.68 8.66 0.36 8.06 0.2 7.38C0.08 6.66 0.12 5.96 0.32 5.28C0.56 4.6 0.94 4.04 1.46 3.6C2.02 3.12 2.64 2.82 3.32 2.7C3.88 2.58 4.44 2.6 5 2.76C5.36 1.96 5.92 1.34 6.68 0.899999C7.44 0.46 8.24 0.3 9.08 0.42C9.96 0.54 10.7 0.92 11.3 1.56C11.94 2.16 12.32 2.88 12.44 3.72ZM4.64 9.36H12.5C13.14 9.36 13.68 9.14 14.12 8.7C14.56 8.26 14.78 7.74 14.78 7.14C14.78 6.5 14.56 5.96 14.12 5.52C13.68 5.08 13.14 4.86 12.5 4.86H11.48L11.36 3.9C11.28 3.3 11 2.78 10.52 2.34C10.08 1.9 9.54 1.64 8.9 1.56C8.3 1.44 7.72 1.54 7.16 1.86C6.64 2.18 6.26 2.62 6.02 3.18L5.66 4.02L4.7 3.84C4.5 3.8 4.3 3.76 4.1 3.72C3.3 3.72 2.64 4 2.12 4.56C1.72 4.96 1.46 5.44 1.34 6C1.22 6.56 1.26 7.1 1.46 7.62C1.7 8.14 2.06 8.56 2.54 8.88C3.02 9.2 3.54 9.36 4.1 9.36H4.64Z"/></svg>
 				</g>
 				<g class="row">
 					<rect x="0" y="90" width="100%" height="44" class="row-box"/>