掘金小册暗黑主题 (coderQ)

自己用的油猴脚本，如果也感兴趣这个暗黑主题
目前為 2022-09-14 提交的版本，檢視最新版本。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         掘金小册暗黑主题 (coderQ)
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  自己用的油猴脚本，如果也感兴趣这个暗黑主题
// @author       PlayGuitar_Coder_Q
// @match        https://juejin/book/*
// @require      http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js
// @icon         https://www.google.com/s2/favicons?sz=64&domain=gf.qytechs.cn
// @license      MIT
// @grant        none
// ==/UserScript==

const DELAY_HAS_DOM_TIME = 0.8 * 1000; // 获取 dom 延迟时间

const STYLE_KEY = {
  bc: 'background',
  co: 'color',
  bdb: 'border-bottom',
  bdr: 'border-right'
}

const THEME_COLOR = {
  dark: '#121416',
  font: '#fff',
  main: "#1e80ff",
  line: '#232526',
  timeText: '#5dc249'
}

const timer = setTimeout(() => {
  //  ==== 顶部 ====
  $(".book-summary__header").css({
    [STYLE_KEY.bc]: THEME_COLOR.dark, 
    [STYLE_KEY.bdb]: `1px solid ${THEME_COLOR.line}`
  });
  $(".book-content__header").css({
    [STYLE_KEY.bc]: THEME_COLOR.dark, 
    [STYLE_KEY.bdb]: `1px solid ${THEME_COLOR.line}`
  });
  $(".book-body").css(STYLE_KEY.bc, THEME_COLOR.dark);
  $(".book-content__header .title a").css(STYLE_KEY.co, THEME_COLOR.font);

  // ==== 菜单 ====
  $(".book-summary").css(STYLE_KEY.bdr, `1px solid ${THEME_COLOR.line}`)
  $(".book-directory-comp").css(STYLE_KEY.bc, THEME_COLOR.dark);
  $(".section").css(STYLE_KEY.bc, THEME_COLOR.dark);
  $(".section .route-active").css(STYLE_KEY.co, THEME_COLOR.main + '!important');
  $(".main-line .title").css(STYLE_KEY.co, THEME_COLOR.font);
  $(".sub-line").css(STYLE_KEY.co, THEME_COLOR.timeText);
  $(".sub-line .label").css({[STYLE_KEY.bc]: THEME_COLOR.main, [STYLE_KEY.co]: THEME_COLOR.font});
  $(".book-summary__footer").css(STYLE_KEY.bc, THEME_COLOR.dark);

  // ==== 内容 ====
  $(".section-content").css(STYLE_KEY.bc, THEME_COLOR.dark);
  $(".section-page").css(STYLE_KEY.bc, THEME_COLOR.dark);
  $(".markdown-body").css(STYLE_KEY.co, THEME_COLOR.font);

  // ==== 评论 ====
  $(".sub-comment-list").css(STYLE_KEY.bc, THEME_COLOR.dark + "!important");

}, DELAY_HAS_DOM_TIME);
欢迎访问Greasy Fork镜像
