introduce vscode-repl-font-family

src/vs/workbench/contrib/debug/browser/media/repl.css

@@ -17,6 +17,10 @@
 	white-space: pre;
 }
 
+.monaco-workbench .repl .repl-tree .monaco-tl-contents .expression {
+	font-family: var(--vscode-repl-font-family);
+}
+
 .monaco-workbench .repl .repl-tree.word-wrap .monaco-tl-contents {
 	/* Wrap words but also do not trim whitespace #6275 */
 	word-wrap: break-word;

src/vs/workbench/contrib/debug/browser/repl.ts

@@ -321,7 +321,6 @@ export class Repl extends ViewPane implements IHistoryNavigationWidget {
 			this.styleElement.textContent = `
 				.repl .repl-tree .expression {
 					font-size: ${fontSize}px;
-					font-family: ${fontFamily};
 				}
 
 				.repl .repl-tree .expression {
@@ -340,6 +339,7 @@ export class Repl extends ViewPane implements IHistoryNavigationWidget {
 					background-color: ${backgroundColor};
 				}
 			`;
+			this.styleElement.style.setProperty(`--vscode-repl-font-family`, fontFamily);
 
 			this.tree.rerender();