介紹
呃。。。其實就是感覺 MTR 自帶的那個地圖有點不太合自己口味,就簡單拆包改一下 CSS!
修改
找到 Jetty 目錄
右鍵用壓縮包開啟 .jar,依次開啟 assets/mtr/website 即網頁。
我這裡就簡單的改了下 index.css 和 utilities.js。還需要單獨改一個 JS 檔案是因為 MTR 的地圖是透過 canvas 的方式渲染的,單純只靠 CSS 是做不到的。
canvas 線路圖的背景是透過 CSS 裡的變數拿到的,再套一層var()
變數會導致 canvas 無法渲染(結果就是變純黑了)。所以記得此處要直接寫顏色,不用再套娃 CSS 變數。
:root {
--backgroundColor: #fcfcfd;
--backgroundHover: #f2f2f3;
--boxBorder: #3791be;
--textColorDisabled: #b0bec4;
--textColorGray: #3e6274;
--textColor: #2b434f;
}
修改檔案
這是修改後的樣子,修改後的內容放到自己的 repo 裡面了。