Files
wordpress-kratos-yang/assets/css
laoyang 78fce2d87d 3.2.23 评论区:引导线和输入框聚焦统一成主色
用户对 3.2.22 的反馈:
「这蓝色有点奇怪啊,应该用主题颜色,就是评论的那个按钮背景色。
  把评论回复左侧那个竖着的小蓝条,改成这个颜色,下面输入框被选中的
  时候,周边的颜色,也变成这个颜色。」

1. 引导线 #cfe6fb → var(--yq-primary)
   浅蓝和「发布评论」按钮的背景色(#00a2ff)不是一个蓝,
   页面上两蓝并存反而显乱。改成引用主色变量,以后改主色线自动跟。

2. 输入框聚焦变主色 —— 顺带翻出一个藏了三版的老问题
   实测发现正文输入框聚焦后边框仍是灰色:kratos.css 里
     .k-main .details .comments .comment-respond .comment-textarea
       { border: 1px solid #eee; ... }
   特异性 0,6,0,把 comments.css 的静态边框(0,1,0)、hover 变深
   (0,2,0)、focus 变主色(0,2,0)全部压死。也就是说 3.2.20 重做
   以来,正文框的边框色、圆角、浅底、悬停变色、聚焦变色**全部
   从未真正上线**,用户看到的一直是基础主题的 #eee / 3px / 灰底,
   聚焦时只有一圈很淡的外环是主色的。

   修法:textarea 的静态 / hover / focus 三态都改用同样的
   0,6,0 选择器收编(本表依赖 kratos 后加载,每条稳定压过)。
   不去改 kratos.css —— 那是基础主题,改它等于放弃覆盖层架构。

   姓名/邮箱/网址那排 input 不受影响(kratos.css 没对它们写边框),
   聚焦本来就是主色。

3. 新增线上判据并先证明它能红
   ④ 引导线颜色 = 主色(动态取 .comment-submit 背景色做参照,
      不写死 RGB,主色一改判据自动跟);
   ⑧ 真实点击姓名框与正文框、等 0.16s 过渡结束后量边框色。
   部署前在 3.2.22 线上跑:④⑧ 正确变红、几何项依旧全绿——
   判据有效,不是空转。

只改样式表与版本号,评论的取数、分页、回复、加载更多逻辑未动。
2026-10-24 20:49:41 +08:00
..