✨ feat(vscode): 代码阅读的名字高亮更显眼(当前那处描框、别处画细线),⌘↓ / ⌘↑ 在各处之间跳,跳到折叠处自动展开,筛选栏写第几处
This commit is contained in:
1 parent
c5c5d2b517
commit
49f253b80f
18 files changed
+731
-53
No files matched your search
@@ -292,10 +292,13 @@ body:is(.vscode-light, .vscode-high-contrast-light) [data-badge] { --kind: var(-
|
||||
|
||||
/*
|
||||
* 单击名字高亮它在文件里的各处出现:颜色取 VS Code 编辑器的单词高亮,写入(定义、赋值)用强高亮色,读取和按文字认出的用普通高亮色;
|
||||
* 主题给了边框色(高对比主题)才描边。筛选栏上「名字 · N 处」的名字也按普通高亮画。描边画在字框里面,不挤动排版
|
||||
* 主题给了边框色(高对比主题)才描边。很多主题没配单词高亮色,默认的灰底很淡,所以再用 focusBorder 色补一笔:
|
||||
* 各处底下一条细线,当前那一处(点中的、用键盘跳到的)描一圈框。筛选栏上「名字 · 2/5」的名字也按普通高亮画。
|
||||
* 线和框都画在字框里面,不挤动排版;细线用内阴影画,不占 text-decoration(⌘ 指着名字时的链接下划线用它)
|
||||
*/
|
||||
[data-occurrence] {
|
||||
outline-offset: -1px;
|
||||
box-shadow: inset 0 -1px 0 var(--vscode-focusBorder);
|
||||
}
|
||||
[data-occurrence="normal"] {
|
||||
background: var(--vscode-editor-wordHighlightBackground);
|
||||
@@ -305,6 +308,10 @@ body:is(.vscode-light, .vscode-high-contrast-light) [data-badge] { --kind: var(-
|
||||
background: var(--vscode-editor-wordHighlightStrongBackground);
|
||||
outline: 1px solid var(--vscode-editor-wordHighlightStrongBorder, transparent);
|
||||
}
|
||||
[data-occurrence][data-current] {
|
||||
outline: 1px solid var(--vscode-focusBorder);
|
||||
box-shadow: none;
|
||||
}
|
||||
.cr-occurrence-name {
|
||||
padding: 0 3px;
|
||||
color: var(--vscode-editor-foreground);
|
||||
|
||||
Reference in new issue
Block a user