diff --git a/assets/css/comments.css b/assets/css/comments.css
index 940d58b..b8026b1 100644
--- a/assets/css/comments.css
+++ b/assets/css/comments.css
@@ -653,7 +653,11 @@
bottom: 0;
left: calc(var(--yq-my-indent, 55px) - var(--yq-guide-w, 2px) - var(--yq-guide-gap, 8px));
width: var(--yq-guide-w, 2px);
- background-color: var(--yq-guide, var(--yq-primary, #00a2ff));
+ /* 3.2.27:颜色按嵌套层区分 —— 由各评论 li 注入的 --yq-guide-c 决定
+ (PHP 端 yang_comment_guide_color():第1层保持浅蓝、第2层深蓝、
+ 第3层点赞按钮色 #fb5235、更深扩展色板循环)。
+ 未注入时回落到主题浅蓝,老缓存/插件渲染的评论不受影响。 */
+ background-color: var(--yq-guide-c, var(--yq-guide, var(--yq-primary, #00a2ff)));
pointer-events: none;
}
@@ -714,9 +718,10 @@
padding-left: var(--yq-my-indent);
}
-.yang-children .yang-children .yang-children::before {
- content: none;
-}
+/* 3.2.27:第三层起的引导线**不再关闭**。
+ * 原来 content:none 的理由是"三条同色竖线叠成表格观感";现在线按层
+ * 变色(浅蓝→深蓝→橙红→…),颜色本身就是层级信号,同色重复的
+ * 前提不复存在,这条规则跟着过期 —— 保留它第三层就没有线可变色了。 */
/* 新提交的评论:淡入 + 短暂底色,让用户看到自己刚发的那条 */
@keyframes yang-comment-in {
diff --git a/assets/css/kratos.css b/assets/css/kratos.css
index cadd336..f14656d 100644
--- a/assets/css/kratos.css
+++ b/assets/css/kratos.css
@@ -293,6 +293,65 @@ button:focus {
transform: rotate(180deg);
}
+/*--------------------------------------------------------------
+导航多级下拉(3.2.27)
+--------------------------------------------------------------
+* Bootstrap 4 原生不支持嵌套下拉(.dropdown-submenu 在 BS3 有、
+* BS4 删了),主题自己补齐。标记来自 theme-navwalker.php:
+* 深层父项
外面(详见下方注释)
* @return string
*/
+
+/**
+ * 嵌套引导线的按层配色(3.2.27)。
+ *
+ * $depth 是「线里装着的评论」的深度:
+ * 2 = 直接回复(第 1 层嵌套)→ 返回 '',CSS 回落到主题浅蓝(保持现状);
+ * 3 = 第 2 层嵌套 → 深蓝;
+ * 4 = 第 3 层嵌套 → 点赞按钮背景色(.btn-thumbs 的 #fb5235);
+ * 5+ → 扩展色板按层循环:确定性的"随机"——同层恒同色、相邻层必异色,
+ * 页面刷新不变(真随机会让同一层的线各页各色,层级信号反而乱)。
+ *
+ * 颜色都取饱和偏深的中明度色:线上是白底,太浅的(如淡黄)贴白底看不见。
+ *
+ * @param int $depth 评论深度(最小 2,即第 1 层嵌套)
+ * @return string 颜色值;'' 表示用 CSS 默认(主题浅蓝)
+ */
+function yang_comment_guide_color($depth)
+{
+ if ($depth <= 2) {
+ return '';
+ }
+ if ($depth === 3) {
+ return '#0057b8'; // 深蓝:与浅蓝同色相,明度拉开
+ }
+ if ($depth === 4) {
+ return '#fb5235'; // 点赞按钮(.btn-thumbs)的背景/描边色
+ }
+ $pool = array('#7c4dff', '#00a77a', '#e91e63', '#f59e0b', '#5b8def', '#8bc34a');
+ return $pool[($depth - 5) % count($pool)];
+}
+
function yang_comment_html($comment, $args = array(), $depth = 1, $is_ajax = false, $close_li = true)
{
if (!($comment instanceof WP_Comment)) {
@@ -151,9 +182,22 @@ function yang_comment_html($comment, $args = array(), $depth = 1, $is_ajax = fal
}
$o = array();
+ /* 嵌套引导线按层配色(3.2.27):
+ 线画在子容器 ol.yang-children 的 ::before 上,颜色从 --yq-guide-c 取。
+ 给本 li 注入的值 = 「本条的直接回复那一层」该用的颜色:
+ 第 1 层嵌套(直接回复)→ 不注入,CSS 回落到主题浅蓝(保持现状);
+ 第 2 层 → 深蓝;第 3 层 → 点赞按钮背景色 #fb5235;
+ 更深 → 扩展色板按层循环(确定性的"随机",同层同色、跨层异色)。
+ 自定义属性沿 DOM 继承:内层 li 自己注入的值会覆盖继承值,
+ 所以每个 ol 读到的都是离它最近的那个父 li 注入的颜色。 */
+ $guide_c = yang_comment_guide_color($depth + 1);
+ $style_attr = '';
+ if ($guide_c !== '') {
+ $style_attr = ' style="--yq-guide-c:' . esc_attr($guide_c) . ';"';
+ }
$o[] = '