使用油猴插件修改任意网页样式，方便摸鱼

有时候我们看小说或者玩网页放置游戏，页面的配色不适合我们摸鱼，这时候就可以使用这个脚本来修改我们想调整的页面元素颜色。

这里以《迷你梦幻》这个放置游戏作为示例，先看一下效果：

想要达到这个效果，我们有两种办法：

1、直接F12打开控制台，选择对应的元素进行样式修改，不过页面刷新就会失效，需要重新设置。

2、使用浏览器的油猴（Tampermonkey）插件来安装一个扩展的js，启用后每次打开这个页面就会自动生效，简单省事。

一、安装油猴插件

油猴的安装教程，可以点这里查看：浏览器油猴插件的安装和使用教程

二、创建油猴脚本

复制下面脚本内容，保存为一个xxx.user.js文件：

// ==UserScript==
// @name         修改任意网页css效果
// @namespace    https://www.gityx.com/
// @version      0.0.1
// @description  Farm Rpg (https://mh.gityx.com) 游戏汉化脚本 - 锅巴汉化出品
// @author       麦子、JAR、小蓝、好阳光的小锅巴
// @include      *https://mh.uuuyx.com/*
// @grant        GM_addStyle
// @grant        unsafeWindow
// @website      https://www.gityx.com
// @updateURL    https://g8hh.com/zh/tampermonkey/mnmh-moyu.user.js
// @downloadURL    https://g8hh.com/zh/tampermonkey/mnmh-moyu.user.js
// ==/UserScript==

/* ↓页面配色调整，适合摸鱼↓ */
/* ========摸鱼时删除此行注释，即可看到效果=======*/
let weburl=unsafeWindow.location.href
if(weburl.indexOf('mh.uuuyx.com')!=-1)
{
   // 页面背景色
   GM_addStyle('body{background:#fff !important;}')
   // 游戏主体背景色
   GM_addStyle('.mui-content{background:#ddd !important;}')
   // 细项背景色
   GM_addStyle('.mui-bar,.rank_id,.maplist li{background:#ccc !important;}')
   // 细项选中背景色
   GM_addStyle('.maplist li.map_on{background:#bbb !important;}')
   // 选中边框
   GM_addStyle('.maplist li.map_on,.mui-popup,.mui-input-group input, .mui-input-group textarea,.war_ren li{border-color:#666 !important;}')
   // 浅蓝色改为浅灰色
   GM_addStyle('.sxlist li,#game_bb li.bb,.itemlist li,.head-nav,.head-nav,.setting li,.war_ren,#fenqu li,.mb_1,.liao-bar,.itemcard li,.zbtab,.buff li .divimg,.mapitem,.mui-popup-inner,.itembox,.mui-input-group input, .mui-input-group textarea{background:#eee !important;}')
   // 深蓝色改为深灰色
   GM_addStyle('.foot-jiaodian,.bbtabs li{background:#ddd !important;}')
   // 按钮
   GM_addStyle('button, .mui-btn,.tscard_btn,.mui-popup-button{background:#aaa !important;}')
   // 聊天框
   GM_addStyle('.liaosay input{background:#fff !important;color: #000;}')
   // 黑5
   GM_addStyle('.sxlist li,.sxlist li.d i,.sxlist li.dd i,.itemlist li span,.maplist .map_info,.mui-popup-inner,.mui-popup-text font{color:#999 !important;}')
   // 黑3
   GM_addStyle('.sxlist li span,.itemlv,.itemlist li,.mui-popup-title{color:#333 !important;}')
   // 隐藏背包图片
   GM_addStyle('.itemimg{opacity:0 !important;}')
}
/*========摸鱼时删除此行注释，即可看到效果======== */
/* ↑旅行界面样式调整，适合摸鱼↑ */


/**
 * ---------------------------
 * Time: 2023/02/24 17:52.
 * Author: guoba
 * View: http://www.gityx.com
 * ---------------------------
 */

三、安装JS脚本到油猴

1、进入油猴的管理面板