小说阅读器

Greasy Fork is available in English.
美化小说网站界面,支持笔趣阁系统的小说网站
当前为 2022-07-09 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         小说阅读器
// @version      0.5
// @description  美化小说网站界面,支持笔趣阁系统的小说网站
// @author       Zee Kim
// @match  *://*/*.html
// @grant        none
// @namespace http://greasyfork.icu/users/756252
// ==/UserScript==

(function () {
  "use strict";
  if (!document.getElementById("content")) {
    return;
  }
  var title = document.querySelector("title").innerHTML;
  var content = document.querySelector("#content").innerHTML;
 
  document.title = title;
  content = content.split("https://www.abcxs.com");
  content = content[0].replace(/&nbsp;/g, "");
 
  document.body.innerHTML = `<style>
  :root{
      --background:#F8F1E3;
      --text:#4F321C;
      --active:#e44343;
  }
  @media (prefers-color-scheme: dark) {
      :root{
          --background:#111;
          --text:#555;
          --active:#e2c06b;
      }
  }
  .xs_title{
  display:flex;
  align-items:center;
  }
  .xs_name{
  display:inline-block;
  padding:10px 0px;
  font-weight:bold;
  font-family:SourceHanSerifCN-Bold,Microsoft JhengHei,STFangsong;
  font-size:3.2rem;
  line-height:1;
  color:var(--text);
  }
  .xs_section{
  margin-left:20px;
  position:relative;
  display:inline-block;
  padding:10px 20px;
  font-family:SourceHanSerifCN-Bold,Microsoft JhengHei,STFangsong;
  font-size:1.6rem;
  line-height:1;
  background:var(--active);
  color:var(--background);
  border-radius:50px;
  }
  .xs_section::after{
  content:"";
  position:absolute;
  left:-14px;
  top:12px;
  border:10px solid transparent;
  border-right-color:var(--active);
  }
  </style>
  <div class="xs_title">
  <span class="xs_name">${title}</span>
 
  </div>
  <br>
  ${content}`;
  document.body.style.cssText = `
    font-family: "STYuanti-SC-Regular","幼圆";
    font-size: 2rem;
    padding: 6rem;
    background:var(--background) ;
    color:var(--text);
    line-height: 1.5;`;
})();