✨ feat(vscode): 代码阅读的 React 钩子统一成一张钩子卡片，照签名排参数和返回，自定义钩子有自己的卡片

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

@@ -37,6 +37,9 @@ body {
 /* 库规则认领的块：颜色由规则给，暗色、亮色两个写在元素的 style 上（--kind-dark / --kind-light），这里按主题挑 */
 [data-badge] { --kind: var(--kind-dark); }
 body:is(.vscode-light, .vscode-high-contrast-light) [data-badge] { --kind: var(--kind-light); }
+/* 库规则给了淡底颜色的卡片（React 钩子卡片按来源分底色）：淡底用它，边框仍是种类色；同样按主题挑一个 */
+[data-tint] { --tint: var(--tint-dark); }
+body:is(.vscode-light, .vscode-high-contrast-light) [data-tint] { --tint: var(--tint-light); }
 
 /* 卡片和它的子层是相邻兄弟，:hover 只落在鼠标下最里面那张卡片上，父卡片不跟着亮 */
 .cr-block {
@@ -48,6 +51,12 @@ body:is(.vscode-light, .vscode-high-contrast-light) [data-badge] { --kind: var(-
   background: color-mix(in srgb, var(--kind) 14%, transparent);
   border-color: var(--kind);
 }
+.cr-block[data-tint] {
+  background: color-mix(in srgb, var(--tint) 7%, transparent);
+}
+.cr-block[data-tint]:hover {
+  background: color-mix(in srgb, var(--tint) 14%, transparent);
+}
 .cr-block[data-kind="comment"] {
   border-style: dashed;
 }