2018/11/13

用 Stylus 幫你的 GitHub 網頁換皮

原本 GitHub 的配色 [截圖至 github.com]
可能有人跟我一樣比較偏好暗一點的背景色
所以我試著找方法來改變 GitHub 網頁的配色

修改後 GitHub 的配色 [截圖至 github.com]

研究了一下發現 GitHub-Dark 這個 repo
裡面有教你透過安裝 Stylus 這個 browser extension
再加上套用設計好的 CSS
就可以將你的 GitHub 網頁套用你喜歡的配色
不過 Stylus 是透過 URL matching 來決定哪個網站要套用哪套 CSS
如果公司使用的是 GitHub Enterprise
你就需要修改 Stylus 的設定把 self-hosted 的 domain 加入
這裡以 Chrome 為範例示範流程

點下右上角 Stylus Icon 後點擊 Manage 按鈕
點擊 GitHub Dark (看起來不像可以點的樣子)
1. 點擊最右邊的加號
2. 在 URL matching the regexp 填入你想套用的 GitHub domain
3. 最後點左上角的 Save