✨ feat(vscode): 代码阅读预览单击名字高亮它在文件里的各处出现

vscode/webview-ui/src/codeReader/codeReader.css

@@ -249,6 +249,27 @@ body.vscode-high-contrast-light {
   cursor: pointer;
 }
 
+/*
+ * 单击名字高亮它在文件里的各处出现：颜色取 VS Code 编辑器的单词高亮，写入（定义、赋值）用强高亮色，读取和按文字认出的用普通高亮色；
+ * 主题给了边框色（高对比主题）才描边。筛选栏上「名字 · N 处」的名字也按普通高亮画。描边画在字框里面，不挤动排版
+ */
+[data-occurrence] {
+  outline-offset: -1px;
+}
+[data-occurrence="normal"] {
+  background: var(--vscode-editor-wordHighlightBackground);
+  outline: 1px solid var(--vscode-editor-wordHighlightBorder, transparent);
+}
+[data-occurrence="strong"] {
+  background: var(--vscode-editor-wordHighlightStrongBackground);
+  outline: 1px solid var(--vscode-editor-wordHighlightStrongBorder, transparent);
+}
+.cr-occurrence-name {
+  padding: 0 3px;
+  color: var(--vscode-editor-foreground);
+  font-family: var(--vscode-editor-font-family, monospace);
+}
+
 /* 属性表的属性名：界面字体，和值一样的行高，两边逐行对齐 */
 .cr-prop-label {
   font-size: 12.5px;