(skywalking-ai-sessionizer) branch main updated: Take the list page's last fixed colours from the theme

[wu...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

wu-sheng pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/skywalking-ai-sessionizer.git


The following commit(s) were added to refs/heads/main by this push:
     new d6c0ad8  Take the list page's last fixed colours from the theme
d6c0ad8 is described below

commit d6c0ad81bcde677bb02c8e7abe79e5edfd97d08d
Author: Wu Sheng <wu...@foxmail.com>
AuthorDate: Sun Sep 6 22:55:20 2026 +0800

    Take the list page's last fixed colours from the theme
    
    Four colours on the list page were still literals from its old dark
    palette: the header, the refresh dot, its warning and the row hover. On
    Horizon's light theme they read wrong. They now come from the same tokens
    as everything else, so both pages follow whichever theme is picked.
---
 internal/view/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/internal/view/index.html b/internal/view/index.html
index 3304469..6eeb196 100644
--- a/internal/view/index.html
+++ b/internal/view/index.html
@@ -68,7 +68,7 @@ code, .mono { font-family: var(--sw-mono); }
 .kicker { color: var(--faint); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
 
 .compact-header { display: flex; align-items: center; justify-content: space-between; gap: 14px;
-  min-height: 50px; padding: 7px 12px; border-bottom: 1px solid var(--line); background: #0b1727; }
+  min-height: 50px; padding: 7px 12px; border-bottom: 1px solid var(--line); background: var(--surface); }
 .compact-brand { display: inline-flex; align-items: center; color: inherit; text-decoration: none; white-space: nowrap; }
 .compact-logo { height: 16px; width: auto; display: block; }
 .compact-brand small { margin-left: 10px; padding-left: 10px; border-left: 1px solid var(--line); color: var(--muted); font-size: 13px; font-weight: 500; letter-spacing: .02em; }
@@ -76,9 +76,9 @@ code, .mono { font-family: var(--sw-mono); }
 .totals { display: inline-flex; align-items: center; gap: 9px; }
 .refresh { display: inline-flex; align-items: center; gap: 6px; margin-left: 9px; padding-left: 9px; border-left: 1px solid var(--line); white-space: nowrap; }
 .refresh[hidden] { display: none; }
-.refresh .dot { width: 7px; height: 7px; border-radius: 50%; background: #8ce7b5; }
+.refresh .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
 .refresh .dot.busy { animation: pulse 1s ease-in-out infinite; }
-.refresh .warn { color: #f0b36b; }
+.refresh .warn { color: var(--orange); }
 @keyframes pulse { 50% { opacity: .25; } }
 .compact-status { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 11px; }
 .compact-status strong { color: var(--text); font-weight: 650; }
@@ -106,7 +106,7 @@ tbody td { padding: 11px 10px; border-bottom: 1px solid var(--line-soft);
   font-variant-numeric: tabular-nums; color: var(--muted); }
 tbody td:first-child { text-align: left; white-space: normal; }
 tbody tr { cursor: pointer; }
-tbody tr:hover td { background: rgba(88,168,255,.05); }
+tbody tr:hover td { background: var(--sw-accent-soft); }
 .title { display: block; color: var(--text); font-size: 14px; font-weight: 600; }
 .sub { display: block; margin-top: 3px; color: var(--faint); font-size: 10px;
   font-family: var(--sw-mono); }