摸鱼派客户端支援主题定制

如果你还没下载摸鱼派的客户端,请移步这里下载:https://github.com/imlinhanchao/fishpi-desktop/releases/

摸鱼派客户端今天新增了主题定制功能,你可以根据自己的喜好定义客户端的外观了。

这里有一个简单的例子:
https://github.com/imlinhanchao/fishpi-theme-white

如果要查看客户端前端的结构,可以在系统托盘的右键菜单选择 Developer Tool

设置界面

開發説明

開發客戶端擴展需要先新建一個package.json

{
  "name": "white-theme",  // 主題的id
  "publisher": "hancel", // 你的唯一代號
  "version": "1.0.0",    // 版本號
  "description": "白色主题", // 主題的名稱
  "main": "index.css",   // 主題 CSS 文件入口
  "scripts": {
  },
  "fishpi": {
    "type": "theme"     // 擴展的類型,目前只有 theme 表示主題
  },
  "author": "Hancel",
  "license": "MIT",
  "repository": {
    "url": "https://github.com/imlinhanchao/fishpi-theme-white"
  }
}

然後,編寫入口 css index.css即可。可以複製 https://github.com/imlinhanchao/fishpi-desktop/blob/master/src/renderer/theme/theme.css 的内容,這裏包含了所有的樣式變量,也可以自己查看 HTML 結構,自己構建選擇器修改佈局。

欢迎大家分享出自己制作的主题。

预告: 小冰游戏客戶端扩展支援开发中,敬请期待~