monaco: fix monaco peek styling

The commit updates the monaco peekview-widget `fontFamily` styling. The title and references are now aligned with the styling of vscode. Signed-off-by: vince-fugnitto <[email protected]>
kenneth-marut-work · Jul 15, 2021 · 3181ed3 · 3181ed3
1 parent 8dd8401
commit 3181ed3
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/monaco/src/browser/style/index.css b/packages/monaco/src/browser/style/index.css
@@ -180,5 +180,13 @@
 }
 
 .monaco-list:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) {
-  background: var(--theia-list-hoverBackground); 
+  background: var(--theia-list-hoverBackground);
+}
+
+.monaco-editor .peekview-widget .head .peekview-title {
+  font-family: var(--theia-ui-font-family);
+}
+
+.monaco-editor .peekview-widget .referenceMatch {
+  font-family: var(--theia-ui-font-family);
 }