給 Minecraft 的 MTR 網頁地圖換個字型

AurLemon發表於2024-09-02
Raft網頁地圖

介紹

呃。。。其實就是感覺 MTR 自帶的那個地圖有點不太合自己口味，就簡單拆包改一下 CSS！

本人的 MTR 版本是 3.2.2。等 4.0.0 船新版本出來了再看看！

修改

找到 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 裡面了。

相關文章