☰

微信读书

修改字体、颜色，阅读时宽屏，隐藏一切

  1. // ==UserScript==
  2. // @name         微信读书
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.33
  5. // @description  修改字体、颜色，阅读时宽屏，隐藏一切
  6. // @author       Oscar
  7. // @match        https://weread.qq.com/web/reader/*
  8. // @license      AGPL License
  9. // @grant        GM_addStyle
  10. // ==/UserScript==
  11.  
  12. GM_addStyle(`
  13.  
  14.   /* 设置通用字体（排除 icon 字体） */
  15.   /*
  16.   body :not([class*="icon"]) {
  17.     font-family: 'Times New Roman', 'Noto Serif SC', 'Songti SC', 'SimSun' !important;
  18.   }
  19.   */
  20.  
  21.   /* 设置日间模式下阅读背景颜色 */
  22.   .wr_whiteTheme .readerContent .app_content {
  23.     background-color: rgba(249,243,227,1) !important;
  24.   }
  25.  
  26.   /* 设置字体颜色 */
  27.   /*
  28.   .wr_whiteTheme *{
  29.     color: rgba(20,20,92,100) !important;
  30.   }
  31.   */
  32.  
  33.   /* 设置阅读中插图透明度 */
  34.   img.wr_readerImage_opacity {
  35.     opacity: 0.8 !important;
  36.   }
  37.  
  38.   /* 使底部控制栏水平居中 */
  39.   .readerControls {
  40.     margin-left: calc(50% - 60px) !important;
  41.   }
  42.  
  43.   /* 内容区和顶部导航栏最大宽度全屏 */
  44.   .app_content,
  45.   .readerTopBar {
  46.     max-width: 100% !important;
  47.   }
  48.  
  49.   /* 控制栏和顶部导航初始透明，悬停时显示 */
  50.   .readerControls,
  51.   .readerTopBar {
  52.     opacity: 0;
  53.     transition: opacity 0.2s ease-in-out;
  54.   }
  55.  
  56.   .readerControls:hover,
  57.   .readerTopBar:hover {
  58.     opacity: 1 !important;
  59.   }
  60.  
  61.   /* 目录与笔记面板靠右排列 */
  62.   .readerCatalog,
  63.   .readerNotePanel {
  64.     left: unset;
  65.     right: 0 !important;
  66.   }
  67.  
  68. `);