currentcolor 不是变量或继承代理，而是当前元素 color 属性的计算结果；必须显式声明如 border-color: currentcolor、fill: currentcolor 等才生效，否则边框、svg 填色、阴影等不会自动同步。
currentColor 不是变量，也不是继承代理，它只是当前元素自身 color 属性的计算结果——改一处 color，所有显式用到 currentColor 的地方才跟着变。指望它自动同步边框、阴影、图标，却忘了手动写，是主题失效最常见原因。
为什么改了 color，border 或 fill 却没变？
因为 currentColor 不会自动“注入”到任何属性，必须显式声明：
-
border-color: currentColor才生效，border: 1px solid不行 -
fill: currentColor才驱动 SVG 填色，只写color: red对<path></path>没影响 -
box-shadow: 0 2px 4px rgba(currentColor, 0.2)才能带透明度，box-shadow: 0 2px 4px currentColor虽然合法但不透明 -
::before { color: currentColor }必须加，伪元素默认不继承color
SVG 图标填色总失效，90% 是结构或加载方式错了
不是 currentColor 不行，而是它根本没机会起作用：
- 用了
<img src="icon.svg">—— 外部 SVG 是独立文档，currentColor完全不可见 - 内联 SVG 里
<path fill="#000"></path>还留着 —— 内联属性优先级高于 CSS，静默覆盖fill: currentColor -
<svg></svg>根标签写了style="fill: inherit"—— 多此一举，反而干扰透传 - 父容器
color是transparent或unset—— 计算值就是透明，图标“消失”了，不是 bug 是预期行为
配合 CSS 变量做主题时，别让 currentColor 成漏网之鱼
你用 --theme-color 控制 color，但以下位置常被跳过：
- 按钮悬停时只更新
color，却漏了border-color: currentColor和box-shadow中的currentColor - 下划线用
background: linear-gradient(to right, currentColor, transparent)，但没写，还是硬编码 HEX -
::after画装饰点，写了content: "•"却没配color: currentColor，点永远黑 - SVG 描边（
stroke）和填充（fill）都得单独写，不能只设一个
真正省事的前提，是每一处需要颜色联动的地方，都老老实实写上 currentColor —— 它不智能，只忠实；不自动，只响应。漏掉任意一环，主题切换就断在那儿。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
