Fix CSS for upcoming dark modern (#2881)

billti · web-flow · commit 4110a68ecf4f · 2026-01-23T00:12:05.000Z
Fixed #2877 With this change is now appears as below. Other themes look fine also <img width="607" height="329" alt="image" src="https://github.com/user-attachments/assets/5a8172d7-4201-4bc2-9b0d-2554ee6b7920" />
diff --git a/source/npm/qsharp/ux/qsharp-circuit.css b/source/npm/qsharp/ux/qsharp-circuit.css
@@ -69,12 +69,12 @@
 
   /* Background for gates */
   .gate-unitary {
-    fill: var(--vscode-button-secondaryBackground, #333333);
+    fill: var(--vscode-input-background, #333333);
   }
 
   /* Text for gates */
   .gate text {
-    fill: var(--vscode-button-secondaryForeground, #ffffff);
+    fill: var(--vscode-input-foreground, #ffffff);
   }
 
   a.qs-circuit-source-link .qs-qubit-label {

Original file line number	Diff line number	Diff line change
`@@ -69,12 +69,12 @@`
`69`	`69`
`70`	`70`	`/* Background for gates */`
`71`	`71`	`.gate-unitary {`
`72`		`- fill: var(--vscode-button-secondaryBackground, #333333);`
	`72`	`+ fill: var(--vscode-input-background, #333333);`
`73`	`73`	`}`
`74`	`74`
`75`	`75`	`/* Text for gates */`
`76`	`76`	`.gate text {`
`77`		`- fill: var(--vscode-button-secondaryForeground, #ffffff);`
	`77`	`+ fill: var(--vscode-input-foreground, #ffffff);`
`78`	`78`	`}`
`79`	`79`
`80`	`80`	`a.qs-circuit-source-link .qs-qubit-label {`