cruldra/superwork
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ feat(vscode): 代码阅读修改的卡片里标出改了哪儿（改值旧值划掉接新值、加行 + 淡绿底、删行 − 淡红底划掉、说明按词 / 字标增删）

Browse Source
This commit is contained in:
cruldra committed 2026-09-30 08:46:24 +08:00
1 parent 3b7ce69842
commit 707d85c324
6 files changed
+283 -51
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

vscode/webview-ui/src/codeReader/codeReader.css
+66
View File
@@ -931,3 +931,69 @@ body {
.cr-new-file > svg {
color: var(--cr-diff-add);
}
/*
* 卡片里的标记：改了的值旧值红底划掉、紧跟新值绿底（.cr-diff-part），说明里增删的字同样（.cr-diff-word，<ins> / <del>）；
* 新加的行、子行整行淡绿底、左边 +，删掉的整行淡红底、划掉、左边 −；表格的行记号写在第一格前（.cr-diff-sign）
*/
body {
--cr-diff-add-text: var(--vscode-diffEditor-insertedTextBackground, color-mix(in srgb, var(--cr-diff-add) 32%, transparent));
--cr-diff-del-text: var(--vscode-diffEditor-removedTextBackground, color-mix(in srgb, var(--cr-diff-del) 32%, transparent));
}
.cr-diff-part,
.cr-diff-word {
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
:is(.cr-diff-part, .cr-diff-word)[data-change="add"],
ins.cr-diff-word {
background: var(--cr-diff-add-text);
text-decoration: none;
}
:is(.cr-diff-part, .cr-diff-word)[data-change="del"],
del.cr-diff-word {
background: var(--cr-diff-del-text);
text-decoration-line: line-through;
}
.cr-diff-part[data-change="del"] * {
text-decoration-line: line-through;
}
:is(.cr-prop-row, .cr-prop-item, .cr-table-row)[data-diff="add"] {
background: color-mix(in srgb, var(--cr-diff-add) 14%, transparent);
}
:is(.cr-prop-row, .cr-prop-item, .cr-table-row)[data-diff="del"] {
background: color-mix(in srgb, var(--cr-diff-del) 14%, transparent);
}
:is(.cr-prop-row, .cr-prop-item, .cr-table-row)[data-diff="del"] :not(.cr-diff-sign),
.cr-diff-gone,
.cr-diff-gone * {
text-decoration-line: line-through;
}
:is(.cr-prop-row, .cr-prop-item)[data-diff] {
position: relative;
}
:is(.cr-prop-row, .cr-prop-item)[data-diff]::before {
position: absolute;
top: 0;
left: -9px;
width: 8px;
font-family: var(--vscode-editor-font-family, monospace);
line-height: 20px;
text-align: center;
}
:is(.cr-prop-row, .cr-prop-item)[data-diff="add"]::before {
content: "+";
color: var(--cr-diff-add);
}
:is(.cr-prop-row, .cr-prop-item)[data-diff="del"]::before {
content: "−";
color: var(--cr-diff-del);
}
.cr-diff-sign {
display: inline-block;
width: 1.4ch;
white-space: pre;
}
.cr-diff-sign[data-change="add"] { color: var(--cr-diff-add); }
.cr-diff-sign[data-change="del"] { color: var(--cr-diff-del); }