您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
更改样式实现《Flutter实战》电子书的暗黑模式,以便夜间阅读
// ==UserScript== // @name 《Flutter实战》电子书的暗黑模式 // @namespace courin // @version 0.1 // @description 更改样式实现《Flutter实战》电子书的暗黑模式,以便夜间阅读 // @author courin // @match *://book.flutterchina.club/* // @grant none // ==/UserScript== (function() { 'use strict'; var style = '<style>'+ '::-webkit-scrollbar { width: 12px;} '+ // 滚动条整体 '::-webkit-scrollbar-thumb { border-radius: 4px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #aaa;} '+ //滚动条里面小方块 '::-webkit-scrollbar-track-piece { box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #333;} '+ //滚动条里面轨道 '.theme-default-content:not(.custom) { max-width: 900px;} '+ // 右边正文的最大宽度 'html, body { color: #ccc; background: #090C10;} '+ // 页面背景色 '.navbar .site-name { color: #ddd} '+ // 左上角的书名 '.sidebar,.navbar,.links { background: #161B22!important;} '+ //导航栏和侧边栏的链接文字 '.sidebar { border-right: 1px solid #333;} '+ //侧边栏 '.navbar { border-bottom: none;} '+ // 导航栏栏 '.search-box input { background-color:#222!important; border: 1px solid #555;} '+ // 搜索框 '.nav-links a.router-link-active,.nav-links a:hover { color: #fff;} '+ // 导航栏链接的hover高亮 'a.sidebar-link { color: #bbb} '+ // 侧边栏目录中的小标题 '.sidebar-heading { color: #ccc} '+ // 侧边栏目录中的大标题 '</style>'; var element=document.createElement('div'); element.innerHTML=style; document.documentElement.appendChild(element.firstElementChild); })();