☰

Example.com Dark Theme

A simple dark mode theme for example.com

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

Advertisement:

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

Advertisement:

 
/* ==UserStyle==
@name         Example.com Dark Theme
@namespace    github.com/yourusername/example-dark-theme
@version      1.0.0
@description  A simple dark mode theme for example.com
@license      MIT
@preprocessor stylus
@var checkbox enableDark "Enable Dark Mode" 1
==/UserStyle== */

@-moz-document domain("example.com") {
  body {
    background-color: if(enableDark, #121212, white);
    color: if(enableDark, #e0e0e0, black);
  }

  header, footer, nav {
    background-color: if(enableDark, #1e1e1e, #f0f0f0);
  }

  a {
    color: if(enableDark, #90caf9, #1a0dab);
  }
}