用户对 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 线上跑:④⑧ 正确变红、几何项依旧全绿——
判据有效,不是空转。
只改样式表与版本号,评论的取数、分页、回复、加载更多逻辑未动。
14 lines
609 B
CSS
14 lines
609 B
CSS
/*
|
|
Theme Name: Kratos_Yang
|
|
Text Domain: kratos_Yang
|
|
Version: 3.2.23
|
|
Requires PHP: 7.0
|
|
Description: 这是一个Kratos主题的分支版本,用来增加一些定制化功能。
|
|
Tags: 博客, 双栏, 响应式, 自定义背景, 自定义颜色, 自定义图标, 自定义菜单, 特色图像, 收录优化, 邮件中心, 主题选项, 小工具, 文章置顶, 无障碍友好
|
|
Author: Yongquan Yang
|
|
Author URI: https://yangyq.net
|
|
Theme URI: https://code.yangyq.net/laoyang/wordpress-kratos-yang
|
|
License: MIT License
|
|
License URI: https://code.yangyq.net/laoyang/wordpress-kratos-yang/src/branch/main/LICENSE
|
|
*/
|