Leo
3d13e5a54e
leo 08-04 看過 v0.17.0 後的四點，逐條回應：
## ① 「不會這裡又寫了一個新的 CSS？」——是，我又寫了一份
真兇：portal 的樣式內嵌在 HTML 裡，沒有獨立檔 ⇒ 四個站各抄一份、本來就在漂移。
解：抽出 InkStoneCo/arcrun-cis/css/arcrun-cis.css 當唯一真相源。
daemon 的 style.css 現在**一個 hex 都沒有**，顏色全走 var(--...)。
## ② 「完全模仿 gdrive，左方側邊欄，在右方替換頁面」
底部 nav bar 拿掉（leo：「幾乎沒看過這種 nav bar 在下方的」）。
改成左側邊欄四頁：首頁／同步資料夾／AI 設定／版本與更新，右側換頁。
設定不再開 popup；只有「確認移除資料夾」才用覆蓋層。
## ③ 「既然是 Web，你做的時候無法檢視？」——可以，我之前沒做
新增 check-render.sh：headless Chrome 真的渲染一次並**量像素**。
它抓到一個肉眼容易誤判的真 bug：
arcrun-lockup-h-paper-on-ink.png **自帶不透明 Ink 底板**（實測左上像素 RGBA=23,24,26,255），
設計前提是貼在純 Ink 表面；我們背景有紙張紋理 ⇒ 出現突兀方塊。
修：深色模式把品牌區做成純 Ink。實測落差 4（原本會是一個明顯方塊）。
過程中也發現自己對著**舊的 dist**除錯，浪費一輪——這支閘同時防這個。
## ④ 「檢查更新連到 docs，不正確，是直接在這裡進行」
新增「版本與更新」頁：顯示**現在版本 vs 最新版本**，
三段式全在 App 內完成——檢查／下載並安裝／重新啟動套用。
selfupdate 邏輯逐字沿用 arcrun-tray（含 t186 走 raw、t184 蓋正在跑的 .app），不重寫。
## 交貨閘（leo：「你做為檢查有嗎？沒有怎麼交貨？」）
check-cis.sh 擴充：版面檔不准出現任何 hex ＋ 共用底層色票逐項比對。
兩支閘實跑全過。
34 lines
1.7 KiB
CSS
34 lines
1.7 KiB
CSS
/* arcrun-cis.css — Arcrun 全站共用樣式底層（唯一真相源）
|
||
*
|
||
* 🔴 leo 2026-08-04：「不會這裡又寫了一個新的 CSS？前面剛剛才說過**不要創造新的**？」
|
||
*
|
||
* 病根：portal 的樣式**內嵌在 HTML 裡**（單一 <style>），沒有獨立檔
|
||
* ⇒ portal／landing／install／daemon **各自抄一份** ⇒ 必然漂移。
|
||
* ⇒ 抽出這一份，四邊都引用它。**要改配色只改這裡。**
|
||
*
|
||
* 內容＝CIS 官方色票（arcrun-cis/README.md 的 Colour 表）＋字體＋紙張紋理。
|
||
* 這裡**只放共用底層**，各站自己的版面/元件樣式仍在各站。
|
||
*/
|
||
|
||
:root {
|
||
--paper-a: #FDFCFB; --paper-b: #F2F1ED;
|
||
--ink: #17181A; --ink-rgb: 23,24,26;
|
||
--amber: #B04A2F; --amber-rgb: 176,74,47;
|
||
--ok: #1d7a48; --ok-rgb: 29,122,72; --ok-soft: #1d6b40;
|
||
--err: #b03a26; --err-rgb: 176,58,38;
|
||
--well: rgba(23,24,26,.06); --well2: rgba(23,24,26,.08);
|
||
--bar-bg: #F2F1ED; --track: rgba(23,24,26,.12); --knob: #FDFCFB;
|
||
}
|
||
:root[data-theme="dark"] {
|
||
--paper-a: #1b1c1e; --paper-b: #1e1f21;
|
||
--ink: #FDFCFB; --ink-rgb: 253,252,251;
|
||
--amber: #D9784F; --amber-rgb: 217,120,79;
|
||
--ok: #7fe0a8; --ok-rgb: 63,190,120; --ok-soft: #a8e8c4;
|
||
--err: #e58575; --err-rgb: 217,95,76;
|
||
--well: rgba(0,0,0,.25); --well2: rgba(0,0,0,.3);
|
||
--bar-bg: #17181A; --track: rgba(255,255,255,.08); --knob: #FDFCFB;
|
||
}
|
||
|
||
html, body { margin: 0; background: repeating-linear-gradient(0deg,var(--paper-a) 0px,var(--paper-a) 3px,var(--paper-b) 3px,var(--paper-b) 4px); color: var(--ink);
|
||
font-family: -apple-system, "IBM Plex Sans", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; }
|