diff --git a/assets/css/comments.css b/assets/css/comments.css index 9da2abb..73aaca2 100644 --- a/assets/css/comments.css +++ b/assets/css/comments.css @@ -72,7 +72,11 @@ /* 线:把"分隔"和"装饰"分开,不要用一个 #f0f0f0 打天下 */ --yq-line: #eaedf2; /* 结构性分隔,看得见 */ --yq-line-soft: #f1f4f8; /* 同层细分隔 */ - --yq-guide: #cfe6fb; /* 嵌套引导线(主题主色的浅色版) */ + /* 嵌套引导线:直接用主色(「发布评论」按钮的背景色)。 + * 3.2.22 之前用浅蓝 #cfe6fb,用户反馈"这蓝色有点奇怪,应该用主题颜色"—— + * 浅蓝和主色按钮不是一个蓝,两蓝并存反而显乱,索性同色。 + * 引用 --yq-primary 而不是再写一个色值:以后改主色,线自动跟。 */ + --yq-guide: var(--yq-primary, #00a2ff); --yq-bg-soft: #f7f9fb; --yq-bg-input: #fcfcfd; @@ -866,7 +870,23 @@ color: var(--yq-text-3, #6b7280); } -/* textarea 容器 */ +/* textarea 容器。 + * + * 🔴 三态(静态 / hover / focus)都必须带 + * `.k-main .details .comments .comment-respond` 前缀 —— 不是为了好看, + * 是为了**特异性**。kratos.css 里有 + * .k-main .details .comments .comment-respond .comment-textarea + * { border: 1px solid #eee; border-radius: 3px; background: 灰 } + * 特异性 0,6,0。我们下面不带前缀的三条只有 0,1,0 / 0,2,0, + * **一条都赢不了** —— 也就是说 3.2.20 重做以来,正文框的 + * 边框色(#dfe4ec)、圆角(4px)、浅底(#fcfcfd)、hover 变深、 + * focus 变主色,**全部从未真正上线**,用户看到的一直是 + * kratos.css 的 #eee / 3px / 灰底,focus 时只有那圈外环是我们的。 + * 3.2.23 用户指出"输入框选中时周边颜色不对",才把这个老问题翻出来。 + * + * 修法:同选择器(0,6,0)+ 三态伪类(各再 +0,1,0),且本表 + * 依赖 kratos 后加载 —— 每条都稳定压过基础主题。 */ +.k-main .details .comments .comment-respond .comment-textarea, .comment-textarea { position: relative; border: 1px solid #dfe4ec; @@ -876,10 +896,14 @@ background-color 0.16s var(--yq-ease); } +.k-main .details .comments .comment-respond .comment-textarea:hover:not(:focus-within), .comment-textarea:hover:not(:focus-within) { border-color: #cdd6e2; } +/* focus:边框与外环都是主色(「发布评论」按钮的背景色)—— + * 3.2.23 用户要求:"输入框被选中的时候,周边的颜色,也变成这个颜色"。 */ +.k-main .details .comments .comment-respond .comment-textarea:focus-within, .comment-textarea:focus-within { border-color: var(--yq-primary, #00a2ff); background-color: #fff; diff --git a/style.css b/style.css index e5a2007..3bfa8e1 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,7 @@ /* Theme Name: Kratos_Yang Text Domain: kratos_Yang -Version: 3.2.22 +Version: 3.2.23 Requires PHP: 7.0 Description: 这是一个Kratos主题的分支版本,用来增加一些定制化功能。 Tags: 博客, 双栏, 响应式, 自定义背景, 自定义颜色, 自定义图标, 自定义菜单, 特色图像, 收录优化, 邮件中心, 主题选项, 小工具, 文章置顶, 无障碍友好