✨ feat(vscode): 代码阅读预览加 ⌘F 查找栏:整份文件查(折叠着的块里的也算,跳过去时展开),按页面上显示的字不分大小写匹配、中文名也认原名,Enter / ⌘G 跳、Esc 关,高亮直接画在页面上不重画卡片

This commit is contained in:
cruldra committed 2026-10-14 05:40:59 +11:00
1 parent cc3fcda051
commit bd474986bd
27 files changed
+1833 -114

No files matched your search

@@ -397,6 +397,45 @@ body:is(.vscode-light, .vscode-high-contrast-light) .cr-colored { color: var(--c
font-family: var(--vscode-editor-font-family, monospace);
}
/*
* 查找栏(FindBar.tsx)的输入框:配色同 VS Code 的输入框,聚焦时描焦点色。
* 命中画成自定义高亮(findHighlights.ts,不动页面元素),颜色同 VS Code 编辑器的查找:各处命中垫 findMatchHighlightBackground,
* 当前那处垫 findMatchBackground;自定义高亮画不了边框,当前那处的 findMatchBorder(主题给了才有,多是高对比主题)由 .cr-find-outline 盖上去。
* 和单击名字的高亮([data-occurrence])各画各的,叠在一起时都看得见
*/
.cr-find-input {
color: var(--vscode-input-foreground);
font: inherit;
background: var(--vscode-input-background);
border: 1px solid var(--vscode-input-border, color-mix(in srgb, var(--vscode-foreground) 20%, transparent));
outline: none;
}
.cr-find-input:focus {
border-color: var(--vscode-focusBorder);
}
.cr-find-input::placeholder {
color: var(--vscode-input-placeholderForeground);
}
::highlight(cr-find) {
background-color: var(--vscode-editor-findMatchHighlightBackground);
}
::highlight(cr-find-current) {
background-color: var(--vscode-editor-findMatchBackground);
}
/* 当前那处外面的框:按文档坐标摆,跟着页面滚;层级在页面内容之上,低于钉住的卡片(4)和筛选栏(10),滚到它们下面时被盖住 */
.cr-find-outline {
position: absolute;
top: 0;
left: 0;
z-index: 1;
pointer-events: none;
}
.cr-find-outline > div {
position: absolute;
box-sizing: border-box;
border: 1px solid var(--vscode-editor-findMatchBorder, transparent);
}
/* 属性表的属性名:界面字体,和值一样的行高,两边逐行对齐 */
.cr-prop-label {
font-size: 12.5px;