介绍
呃。。。其实就是感觉 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 里面了。