掘金小册阅读暗黑模式

掘金小册没有暗黑模式🥀,长时间阅读有点伤眼睛,于是自己做了一个✌️。

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

/* ==UserStyle==
@name 掘金小册阅读暗黑模式
@namespace lgldlk
@version 0.1
@description 掘金小册没有暗黑模式🥀,长时间阅读有点伤眼睛,于是自己做了一个✌️。
@author lgldlk
@license MIT
@preprocessor default
==/UserStyle== */
@-moz-document url("*://juejin.cn/book/*/section/*")
{
  .book-content .book-content-inner .book-body {
    background-color: #4f4f4f !important ;
  }

  .logo path {
    fill: #fff !important ;
  }

  .book-content__header {
    background-color: #2c2d2c !important;
    color: #eee !important;
  }

  .book-content .book-content-inner .book-content__header .title a {
    color: #fff !important;
  }

  .book-summary__header {
    background-color: #2c2d2c !important;
    color: #eee !important;
  }

  .book-summary__header .label {
    color: #fff !important;
    background-color: rgb(87, 87, 87, 10%) !important;
  }

  .section-page.book-section-view {
    background-color: #2c2d2c !important;
    max-width: 1000px !important;
  }

  .markdown-body {
    color: #eee !important;
  }

  .book-summary-inner {
    background-color: #2c2d2c !important;
  }

  .book-summary-inner .title {
    color: #ccc !important;
  }

  .section.route-active .title {
    color: #fff !important;
  }

  .route-active .label {
    color: #fff !important;
    background: rgb(92 96 102) !important;
  }

  .route-active .left .index {
    color: #fff !important;
  }

  .book-directory-comp {
    color: #eee !important;
  }

  .book-summary__footer {
    display: none !important;
  }

  .step-btn {
    background: #5e6063 !important;
  }

  .route-active:after {
    background-color: #fff !important ;
  }
}