From 2271583d6d8ec600a61873d6a024bbf7fbfcb680 Mon Sep 17 00:00:00 2001
From: Richard Smith <richard@metafoo.co.uk>
Date: Tue, 23 Jun 2026 12:22:53 -0700
Subject: [PATCH] Switch from text to curves in SVG C++ logo. (#7395)

The text SVG would sometimes be processed by vscode before it finished
initializing its font engine and then get aggressively cached, resulting
in the logo sometimes missing one of the characters.

The new SVG logo is a bit more dense than the old text one was, so shows
up as a C++ "banner" a bit better, and should be displayed more
consistently.

Assisted-by: Gemini via Antigravity
---
 utils/vscode/src/extension.ts | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/utils/vscode/src/extension.ts b/utils/vscode/src/extension.ts
index 504c180d37d2..90f7427e9af9 100644
--- a/utils/vscode/src/extension.ts
+++ b/utils/vscode/src/extension.ts
@@ -94,18 +94,25 @@ function updateSplitLineNumbers(editor: TextEditor | undefined) {
 }
 
 // Get an SVG image with a diagonal "C++" logo.
-const getCppSvgBase64 = (fillColor: string) => {
+const getCppSvgBase64 = (color: string, opacity: number) => {
   const svg = [
-    '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">',
-    `<text x="50%" y="50%" font-size="10px" font-family="sans-serif" `,
-    `fill="${fillColor}" text-anchor="middle" dominant-baseline="central" `,
-    `transform="rotate(-45 10 10)">C++</text></svg>`,
+    '<svg xmlns="http://www.w3.org/2000/svg" viewBox="2.1 2.3 15.6 15.6">',
+    `<g fill="none" stroke-linecap="square" stroke="${color}" `,
+    `opacity="${opacity}" transform="rotate(-45 10 10)">`,
+    `<circle cx="4.45" cy="10" r="2.7" stroke-width="1.8" `,
+    `stroke-dasharray="10.76 6.2" stroke-dashoffset="-3.1" />`,
+    `<g stroke-width="1.8">`,
+    `<line x1="10.05" y1="8.1" x2="10.05" y2="11.9" />`,
+    `<line x1="8.15" y1="10" x2="11.95" y2="10" />`,
+    `<line x1="16.35" y1="8.1" x2="16.35" y2="11.9" />`,
+    `<line x1="14.45" y1="10" x2="18.25" y2="10" />`,
+    `</g></g></svg>`,
   ].join('');
   return Buffer.from(svg).toString('base64');
 };
 
-const lightSvgBase64 = getCppSvgBase64('rgba(0,0,0,0.05)');
-const darkSvgBase64 = getCppSvgBase64('rgba(255,255,255,0.06)');
+const lightSvgBase64 = getCppSvgBase64('rgb(0,0,0)', 0.07);
+const darkSvgBase64 = getCppSvgBase64('rgb(255,255,255)', 0.06);
 
 // Create a decoration type for C++ code embedded in Carbon.
 const createCppDecorationType = (isWholeLine: boolean) => {