uncle6me-web
|
8dfed921dd
|
CIS 第三輪 t3:portal 換裝 CIS 色票 + 真向量 wordmark + favicon 三件套
leo 08-01 親驗「Portal 裡的色彩都沒改還是跟原來一樣」——實測前 CIS 色票 0
命中、favicon 0(連宣告都沒有)、<svg>=2(皆非 CIS,是既有 graph 視覺化)。
改動(console-ui/public/portal/index.html,僅視覺層,未動
cypher-executor/ 或任何後端邏輯):
- :root 色板整套換裝:--paper-a/b(舊宣紙米白)→ Canvas #F2F1ED/
--ink(舊墨字)→ Ink #17181A/--amber(舊琥珀金)→ Relation #B04A2F
(dark 模式對應 Relation-dark #D9784F)。
- 6 處直接寫死的舊 hex(#241804/#e8b45a/#e57373/#c0392b/#b4462f/#b98330)
一併清零,統一走 CSS 變數或既有 err token。
- 登入頁/首次設定頁的 .brand、側邊欄 .logo:原本是 Songti 襯線純文字
「Arcrun」+ var(--amber) 上色(違反「mark 永遠單色」+不該用 Relation
當 logo 色)→ 換成真向量 WORDMARK_SVG(同 t1/t2 那份 IBM Plex Sans
SemiBold outline + chevron compound path),單色 var(--ink)。
- 新增 favicon.svg(a 加雙 chevron,Ink 底 Paper 挖空)/favicon.ico
(16/32/48)/apple-touch-icon.png(180×180)到 console-ui/public/
根目錄,<head> 補三個 <link> 宣告(原本連宣告都沒有)。
本地 Chrome headless 截圖驗證:淺色/深色模式登入頁、側邊欄 logo 三張截圖,
wordmark 與按鈕色階層正確(登入按鈕 Relation 底 + Paper 字)。
已知未盡(誠實列出,留給下一輪):
- var(--amber) 在原設計裡被當「次要強調色」大量使用(連結色/標題色/
hover 態,39 處),超出 CIS「≤5% 螢幕」的精神——這次只換色票本身
沒收斂用法,需要更大範圍的互動色階層重新設計,故未動。
- console/index.html、console/dashboard/index.html 同族問題(舊宣紙+
琥珀配色、無 favicon)未套用,任務允許但為避免半套改動造成視覺不
一致,留待下一輪明確處理。
分支從 main 開(fix/cis-round3-portal),未動目前 checkout 的
fix/kbdb-search-deprecated-t24(那份是 7/24 舊版)。
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
|
2026-08-01 14:57:28 +08:00 |
|